add ci unit and e2e

Author: IgorHalfeld

.github/workflows/ci-e2e.yml

@@ -0,0 +1,38 @@
+name: E2e testing
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [ $default-branch ]
+  pull_request:
+    branches: [ $default-branch ]
+
+jobs:
+  cypress:
+    defaults:
+      run:
+        working-directory: dashboard
+
+    runs-on: ubuntu-latest
+    timeout-minutes: 15
+
+    steps:
+      - uses: actions/checkout@v2
+
+      - run: npm install
+
+      - run: npm run build
+        env:
+          NODE_ENV: production
+
+      - name: Run project locally
+        run: |
+          npm install serve
+          $(npm bin)/serve dist -s -p 8080 &
+
+      - name: Run tests
+        uses: cypress-io/github-action@v2
+        with:	
+          working-directory: dashboard
+          browser: chrome
+          headless: true

.github/workflows/ci-unit.yml

@@ -0,0 +1,29 @@
+name: Unit testing
+
+on:
+  workflow_dispatch:
+  push:
+    branches: [ $default-branch ]
+  pull_request:
+    branches: [ $default-branch ]
+
+defaults:
+  run:
+    working-directory: dashboard
+
+jobs:
+  jest:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [13.x]
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+    - run: npm install
+    - run: npm run test:unit --if-present

backend/.gitignore

@@ -1 +1,2 @@
-.now
+.now
+.vercel

dashboard/.eslintrc.js

@@ -17,8 +17,7 @@ module.exports = {
   overrides: [
     {
       files: [
-        '**/__tests__/*.{j,t}s?(x)',
-        '**/tests/unit/**/*.spec.{j,t}s?(x)'
+        '**/*.spec.js'
       ],
       env: {
         jest: true

dashboard/jest.config.js

@@ -1,5 +1,8 @@
 module.exports = {
   preset: '@vue/cli-plugin-unit-jest',
+  testMatch: [
+    '**/*.spec.js'
+  ],
   transform: {
     '^.+\\.vue$': 'vue-jest'
   }

dashboard/package.json

@@ -32,7 +32,7 @@
     "@vue/cli-service": "~4.5.0",
     "@vue/compiler-sfc": "^3.0.0",
     "@vue/eslint-config-standard": "^5.1.2",
-    "@vue/test-utils": "^2.0.0-0",
+    "@vue/test-utils": "^2.0.0-beta.14",
     "babel-eslint": "^10.1.0",
     "eslint": "^6.7.2",
     "eslint-plugin-import": "^2.20.2",

dashboard/src/components/HeaderLogged/HeaderLogged.spec.js

@@ -0,0 +1,58 @@
+import { shallowMount } from '@vue/test-utils'
+import HeaderLogged from '.'
+import { routes } from '../../router'
+
+import { createRouter, createWebHistory } from 'vue-router'
+
+const router = createRouter({
+  history: createWebHistory('/'),
+  routes
+})
+
+const mockStore = { currentUser: {} }
+jest.mock('../../hooks/useStore', () => {
+  return () => {
+    return mockStore
+  }
+})
+
+describe('<HeaderLogged />', () => {
+  it('should render header logged correctly', async () => {
+    router.push('/')
+    await router.isReady()
+    const wrapper = shallowMount(HeaderLogged, {
+      global: {
+        plugins: [router]
+      }
+    })
+
+    expect(wrapper.html()).toMatchSnapshot()
+  })
+
+  it('should render 3 dots when there\'s not user logged', async () => {
+    router.push('/')
+    await router.isReady()
+    const wrapper = shallowMount(HeaderLogged, {
+      global: {
+        plugins: [router]
+      }
+    })
+
+    const buttonLogout = wrapper.find('#logout-button')
+    expect(buttonLogout.text()).toBe('...')
+  })
+
+  it('should render user anem when there\'s user logged', async () => {
+    router.push('/')
+    await router.isReady()
+    mockStore.currentUser.name = 'Igor'
+    const wrapper = shallowMount(HeaderLogged, {
+      global: {
+        plugins: [router]
+      }
+    })
+
+    const buttonLogout = wrapper.find('#logout-button')
+    expect(buttonLogout.text()).toBe('Igor (sair)')
+  })
+})

dashboard/src/components/HeaderLogged/__snapshots__/HeaderLogged.spec.js.snap

@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<HeaderLogged /> should render header logged correctly 1`] = `
+<div class="flex items-center justify-between w-4/5 max-w-6xl py-10">
+  <div class="w-28 lg:w-36"><img class="w-full" alt="logo"></div>
+  <div class="flex">
+    <ul class="flex list-none">
+      <li class="px-6 py-2 mr-2 font-bold text-white rounded-full cursor-pointer focus:outline-none"> Credenciais </li>
+      <li class="px-6 py-2 mr-2 font-bold text-white rounded-full cursor-pointer focus:outline-none"> Feedbacks </li>
+      <li id="logout-button" class="px-6 py-2 font-bold bg-white rounded-full cursor-pointer text-brand-main focus:outline-none">...</li>
+    </ul>
+  </div>
+</div>
+`;

dashboard/src/components/HeaderLogged/index.vue

@@ -19,6 +19,7 @@
           Feedbacks
         </li>
         <li
+          id="logout-button"
           @click="handleLogout"
           class="px-6 py-2 font-bold bg-white rounded-full cursor-pointer text-brand-main focus:outline-none"
         >

dashboard/src/components/ModalCreateAccount/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex justify-between">
+  <div class="flex justify-between" id="modal-create-account">
     <h1 class="text-4xl font-black text-gray-800">
       Crie uma conta
     </h1>