Merge branch 'master' of github.com:Hyper-Enterprise/Hyper-Aurora-Vue

Author: linspw

.eslintrc.json

@@ -2,8 +2,10 @@
   "env": {
     "browser": true,
     "es6": true,
-    "node": true
+    "node": true,
+    "jest/globals": true
   },
+  "plugins": ["jest"],
    "parserOptions": {
       "parser": "babel-eslint"
    },

.gitignore

@@ -1,6 +1,7 @@
 .DS_Store
 node_modules
 /dist
+/coverage
 storybook-static
 
 

README.md

@@ -34,9 +34,9 @@ export default {
 </template>
 ```
 
-### Documentation
+### Live documentation
 [Aurora-Vue Doc](https://aurora-vue.netlify.app/)
 ### Contributing
 
 Guides:
-[Click here, and discovery how to develop](CONTRIBUTING.md)
+[Click here, and discovery how to develop](docs/CONTRIBUTING.md)

CODEOWNERS renamed to docs/CODEOWNERS

@@ -1,26 +1,27 @@
 ## Contributing (for DEVs)
 
-Para contribuir com o projeto, crie uma branch a parte desenvolva a ideia/feature e crie um PR apontando para a master.
-Features e mudanças grandes, espere por um review.
+To contribute to the project, create a separate branch from 'next', develop the idea/feature and create a PR pointing to the 'next' branch.
 
 ### Publish
 
 1 - Será necessário, comitar e depois versionar conforme o tipo de mudança:
 
-```
+```bash
 npm version patch
+# or
 npm version minor
+# or
 npm version major
 ```
 
 2 - Os comandos para compilar o build final são:
 
-```
+```bash
 npm run build-bundle
 ```
 
 3 - Os comandos para publicar no NPM é:
 
-```
+```bash
 npm run publish:new
 ```

CONTRIBUTING.md renamed to docs/CONTRIBUTING.md

@@ -0,0 +1,23 @@
+# Improvement request 
+
+### **Please check if the PR fulfills these requirements**
+- [ ] Tests passed
+- [ ] Tests for the changes have been added (for bug fixes / features)
+- [ ] Docs have been added / updated (for bug fixes / features)
+- [ ] Does this PR introduce a breaking change?
+
+
+### **Objective of request** (Bug fix, feature, docs update, ...)
+- 
+
+
+### **Changes** (You can also link to an open issue here)
+- 
+
+
+### **Screenshots**
+- 
+
+
+### **Other information**:
+- 

docs/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,28 @@
+module.exports = {
+  verbose: true,
+  globals: {
+    'vue-jest': {
+      babelConfig: '<rootDir>/babel.config.js',
+    },
+  },
+  transform: {
+    '^.+\\.js$': 'babel-jest',
+    '^.+\\.vue$': 'vue-jest',
+  },
+  moduleNameMapper: {
+    '^vue$': 'vue/dist/vue.esm.js',
+    '^@/(.*)$': '<rootDir>/src/$1',
+  },
+  setupFilesAfterEnv: [
+    '<rootDir>/src/tests/setup.js',
+  ],
+  transformIgnorePatterns: [
+    'node_modules/(?!@ngrx|(?!deck.gl)|ng-dynamic)',
+  ],
+  moduleFileExtensions: [
+    'js',
+    'json',
+    'vue',
+  ],
+  testEnvironment: 'jsdom',
+};

jest.config.js

@@ -1,6 +1,6 @@
 {
   "name": "@hyone-labs/aurora-vue",
-  "version": "1.0.0",
+  "version": "0.0.0-development",
   "private": false,
   "description": "Aurora-Vue is UI - Library write in Vue.js",
   "author": "Jessé Correia Lins",
@@ -12,7 +12,9 @@
     "build-bundle": "vue-cli-service build --target lib --name aurora-vue ./src/export.js",
     "publish:new": "npm publish --access=public",
     "storybook:build": "vue-cli-service storybook:build -c .storybook",
-    "storybook:serve": "vue-cli-service storybook:serve -p 6006 -c .storybook"
+    "storybook:serve": "vue-cli-service storybook:serve -p 6006 -c .storybook",
+    "test": "jest",
+    "semantic-release": "semantic-release"
   },
   "main": "./dist/aurora-vue.common.js",
   "files": [
@@ -34,23 +36,30 @@
     "@storybook/addon-knobs": "^6.3.0",
     "@storybook/addon-links": "^6.3.6",
     "@storybook/vue": "^6.3.6",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/vue": "^5.8.2",
     "@vue/cli-plugin-babel": "~4.5.0",
     "@vue/cli-plugin-eslint": "~4.5.0",
     "@vue/cli-service": "~4.5.0",
     "@vue/eslint-config-airbnb": "^5.0.2",
+    "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.1.0",
     "css-loader": "^5.0.1",
-    "eslint": "^6.7.2",
+    "eslint": "^7.32.0",
     "eslint-plugin-import": "^2.20.2",
+    "eslint-plugin-jest": "^24.4.0",
     "eslint-plugin-vue": "^6.2.2",
+    "jest": "^27.0.6",
     "node-sass": "^5.0.0",
     "sass-loader": "^10.1.0",
     "sass-resources-loader": "^2.1.1",
     "storybook-design-token": "^1.2.0",
     "style-loader": "^2.0.0",
     "vue-cli-plugin-storybook": "~2.1.0",
+    "vue-jest": "^3.0.7",
     "vue-template-compiler": "^2.6.11",
-    "webpack-bundle-analyzer": "^4.4.0"
+    "webpack-bundle-analyzer": "^4.4.0",
+    "semantic-release": "^17.4.4"
   },
   "eslintConfig": {
     "root": true,
@@ -75,7 +84,7 @@
   "license": "ISC",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/hyone-labs/aurora-vue.git"
+    "url": "https://github.com/hyone-labs/aurora-vue.git"
   },
   "keywords": [
     "vue",

package.json

@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AButton render correctly with default props 1`] = `
+"<button class=\\"a-button a-button--behavior-is-rounded a-button--variant-primary a-button--size-small\\">
+  <!---->
+  <!----> <span class=\\"a-button__text\\">My first test</span></button>"
+`;
+
+exports[`AButton render correctly with different props 1`] = `
+"<button class=\\"a-button a-button--behavior-block a-button--behavior-is-rounded a-button--variant-secondary a-button--size-small\\">
+  <div class=\\"a-icon a-icon--size-inherit a-icon--color-primary a-button__icon\\"><i class=\\"fas fa-circle\\"></i></div>
+  <!----> <span class=\\"a-button__text\\">With many Itens</span>
+</button>"
+`;

src/components/atoms/a-button/__tests__/__snapshots__/a-button.spec.js.snap

@@ -0,0 +1,31 @@
+import { render } from '@testing-library/vue';
+import AButton from '../a-button.vue';
+
+describe('AButton', () => {
+  it('render correctly with default props', () => {
+    const { html } = render(AButton, {
+      slots: {
+        default: 'My first test',
+      },
+    });
+    expect(html()).toMatchSnapshot();
+  });
+
+  it('render correctly with different props', () => {
+    const { html } = render(AButton, {
+      slots: {
+        default: 'With many Itens',
+      },
+      props: {
+        behavior: 'block',
+        variant: 'secondary',
+        size: 'small',
+        icon: 'fas fa-circle',
+        iconColor: 'primary',
+        isRounded: true,
+      },
+    });
+    expect(html()).toMatchSnapshot();
+    //    expect(getByText('My first button').closest('button')).toHaveAttribute('disabled');
+  });
+});

src/components/atoms/a-button/__tests__/a-button.spec.js

@@ -1,4 +1,4 @@
-import { Meta, ArgsTable, Story, Canvas, ColorPalette, ColorItem } from '@storybook/addon-docs/blocks';
+import { Meta } from '@storybook/addon-docs/blocks';
 
 <Meta title="Aurora-Vue/Welcome" />
 

src/docs/0-welcome-aurora-vue.stories.mdx

@@ -0,0 +1,5 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+import '@testing-library/jest-dom';
+import Vue from 'vue';
+
+Vue.config.productionTip = false;