OHRM-945:Bump Vue to 3.x and Storybook 6.2.0-alpha.7

ManulMax · Sep 11, 2021 · fb35d49 · fb35d49
1 parent 86ab74f
commit fb35d49
Show file tree

Hide file tree

Showing 7 changed files with 672 additions and 414 deletions.
diff --git a/.github/workflows/unit-tests.yml b/.github/workflows/unit-tests.yml
@@ -0,0 +1,14 @@
+name: Unit Tests
+
+on: [push, pull_request]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install npm dependencies
+        run: yarn install
+      - name: Unit tests
+        run: yarn workspace oxd-components test:unit
diff --git a/README.md b/README.md
@@ -40,6 +40,11 @@ yarn workspace oxd-storybook start
 yarn workspace oxd-storybook build
 ```
 
+#### Unit Testing
+```
+yarn workspace oxd-components test:unit
+```
+
 #### Linting
 
 ```

diff --git a/components/package.json b/components/package.json
@@ -9,7 +9,7 @@
   },
   "dependencies": {
     "core-js": "^3.6.5",
-    "vue": "2.6.12",
+    "vue": "^3.0.5",
     "vue-class-component": "^8.0.0-0"
   },
   "devDependencies": {

diff --git a/components/tests/unit/button.spec.ts → ...omponents/Button/__tests__/button.spec.ts b/components/tests/unit/button.spec.ts → ...omponents/Button/__tests__/button.spec.ts
@@ -5,7 +5,7 @@ describe("Button.vue", () => {
   it("renders OXD button", () => {
     const label = "new message";
     const wrapper = shallowMount(Button, {
-      props: { label }
+      props: { label },
     });
     expect(wrapper.text()).toMatch(label);
   });

diff --git a/storybook/README.md b/storybook/README.md
@@ -0,0 +1,5 @@
+## Orange eXperience Design Storybook
+
+> Note: Getting Storybook libs from un-official Vue 3 supported release from fork of official repository.
+> Issue: https://github.com/storybookjs/storybook/issues/10654
+> PR: https://github.com/storybookjs/storybook/pull/13384
diff --git a/storybook/package.json b/storybook/package.json
@@ -8,17 +8,17 @@
   },
   "devDependencies": {
     "@babel/core": "^7.12.10",
-    "@storybook/addon-actions": "^6.1.14",
-    "@storybook/addon-essentials": "^6.1.14",
-    "@storybook/addon-links": "^6.1.14",
-    "@storybook/addon-viewport": "^6.1.14",
-    "@storybook/vue": "^6.1.14",
+    "@storybook/addon-actions": "https://gitpkg.now.sh/zipme/storybook/addons/actions?30547456ff",
+    "@storybook/addon-essentials": "https://gitpkg.now.sh/zipme/storybook/addons/essentials?30547456ff",
+    "@storybook/addon-links": "https://gitpkg.now.sh/zipme/storybook/addons/links?30547456ff",
+    "@storybook/addon-viewport": "https://gitpkg.now.sh/zipme/storybook/addons/viewport?30547456ff",
+    "@storybook/vue3": "https://gitpkg.now.sh/zipme/storybook/app/vue3?30547456ff",
     "babel-loader": "^8.2.2",
     "sass": "^1.32.4",
     "sass-loader": "^10.1.1"
   },
   "dependencies": {
-    "vue": "^2.6.12",
-    "vue-template-compiler": "^2.6.12"
+    "vue": "^3.0.5",
+    "vue-loader": "^16.1.2"
   }
 }