chore: update storybook stories

.gitignore

@@ -62,6 +62,7 @@ typings/
 
 # Generated code
 dist/
+docs/
 
 ### VisualStudioCode ###
 .vscode/*

.storybook/addons.js

@@ -0,0 +1,2 @@
+import '@storybook/addon-knobs/register';
+import '@storybook/addon-options/register';

.storybook/config.js

@@ -1,12 +1,24 @@
 import { configure } from '@storybook/vue';
+import { setOptions } from '@storybook/addon-options';
 import Vue from 'vue';
 
 // Import your custom components.
 import ModuleLibrary from '@/index';
 
-
+// Example theme
 import './styles.css';
 
+// Option defaults:
+setOptions({
+  name: 'Pianow',
+  url: '#',
+  goFullScreen: false,
+  showStoriesPanel: true,
+  showAddonPanel: true,
+  showSearchBox: false,
+  addonPanelInRight: true,
+});
+
 // Install this library
 Vue.use(ModuleLibrary);
 

package.json

@@ -35,7 +35,7 @@
     "build:umd:dev": "rollup -c --environment TARGET:umd-dev",
     "build:umd:prod": "rollup -c --environment TARGET:umd-prod",
     "storybook": "start-storybook -p 9001 -c .storybook",
-    "storybook:build": "build-storybook -c .storybook -o docs/dist/stories",
+    "storybook:build": "build-storybook -c .storybook -o docs",
     "precommit": "lint-staged",
     "cz": "git-cz",
     "commitmsg": "commitlint -e $GIT_PARAMS",
@@ -54,6 +54,8 @@
     "@semantic-release/git": "^2.0.1",
     "@semantic-release/github": "^3.0.1",
     "@semantic-release/npm": "^2.6.1",
+    "@storybook/addon-knobs": "^3.3.12",
+    "@storybook/addon-options": "^3.3.12",
     "@storybook/vue": "^3.3.3",
     "babel-core": "^6.26.0",
     "babel-eslint": "^8.1.2",
@@ -112,14 +114,12 @@
   "release": {
     "verifyConditions": [
       "@semantic-release/changelog",
-      "@semantic-release/npm",
       "@semantic-release/git",
       "@semantic-release/github"
     ],
-    "getLastRelease": "@semantic-release/npm",
+    "getLastRelease": "@semantic-release/github",
     "publish": [
       "@semantic-release/changelog",
-      "@semantic-release/npm",
       "@semantic-release/git",
       "@semantic-release/github"
     ]

src/__tests__/index.js

@@ -1,15 +1,24 @@
 import ModuleLibrary from "../index";
 
-test("Should register all components when installed", () => {
-  const component = jest.fn();
-  const Vue = { component };
+describe("Index.js", () => {
+  it("should register all components when installed", () => {
+    const component = jest.fn();
+    const Vue = { component };
 
-  ModuleLibrary.install(Vue);
+    ModuleLibrary.install(Vue);
 
-  // Test if a particular component was registered
-  expect(component).toBeCalledWith("hello-world", expect.any(Object));
+    // Test if a particular component was registered
+    expect(component).toBeCalledWith("instant-search", expect.any(Object));
+    expect(component).toBeCalledWith("search-index", expect.any(Object));
+    expect(component).toBeCalledWith("search-results", expect.any(Object));
+    expect(component).toBeCalledWith("search-box", expect.any(Object));
+    expect(component).toBeCalledWith(
+      "search-box-autocomplete",
+      expect.any(Object)
+    );
 
-  // Test how many times component got registered
-  const totalOfComponents = 1;
-  expect(component).toHaveBeenCalledTimes(totalOfComponents);
+    // Test how many times component got registered
+    const totalOfComponents = 5;
+    expect(component).toHaveBeenCalledTimes(totalOfComponents);
+  });
 });