test(project): refactor tests to own enviroment dirs

Walker Leite · Walker Leite · commit 40324bf86c3b · 2018-06-28T19:54:29.000-03:00
diff --git a/template/.eslintrc b/template/.eslintrc
@@ -20,7 +20,8 @@
       "error",
       {
         "devDependencies": [
-          "test/**/*.js",
+          "**/*.spec.js",
+          "__tests__/*.js",
           "test/**/*.js",
           "gulp-tasks/**/*.js",
           "jest.config.js",
diff --git a/template/README.md b/template/README.md
@@ -7,7 +7,7 @@
 1. `client`: Vue client files
 2. `common`: Common client and server model files
 3. `server`: Loopback server files
-4. `test`: Unit test
+4. `test`: Testing helpers (do not place unit tests here, but as .spec.js files in client/common/server directories)
 
 ## Installation
 
diff --git a/template/client/App.spec.js b/template/client/App.spec.js
diff --git a/template/client/components/HelloWorld/HelloWorld.spec.js b/template/client/components/HelloWorld/HelloWorld.spec.js
@@ -1,5 +1,5 @@
 import {mount} from 'vue-test-utils';
-import HelloWorld from '@/components/HelloWorld/HelloWorld.vue';
+import HelloWorld from './HelloWorld.vue';
 
 describe('HelloWorld.vue', () => {
   const wrapper = mount(HelloWorld);
diff --git a/template/index.spec.js b/template/index.spec.js
@@ -1,5 +1,5 @@
 import request from 'supertest';
-import server from '../../index';
+import server from './index';
 
 describe('Project Index', () => {
   beforeEach((done) => {
diff --git a/template/jest.config.js b/template/jest.config.js
@@ -0,0 +1,47 @@
+module.exports = {
+  collectCoverage: true,
+  collectCoverageFrom: [
+    '**/*.{js,vue}',
+    '!**/*.spec.js',
+    '!**/node_modules/**',
+  ],
+  projects: [
+    {
+      displayName: 'server',
+      testMatch: [
+        '<rootDir>/server/**/*.spec.js',
+        '<rootDir>/index.spec.js',
+      ],
+      preset: 'jest-preset-loopback',
+      moduleFileExtensions: [
+        'js',
+        'json',
+      ],
+      transform: {
+        '^.+\\.js$': 'babel-jest',
+      },
+      setupTestFrameworkScriptFile: './jest.plugins.js',
+    },
+    {
+      displayName: 'test',
+      testMatch: ['<rootDir>/test/**/*.spec.js'],
+    },
+    {
+      displayName: 'client',
+      testMatch: ['<rootDir>/client/**/*.spec.js'],
+      moduleFileExtensions: [
+        'js',
+        'json',
+        'vue',
+      ],
+      transform: {
+        '^.+\\.js$': 'babel-jest',
+        '^.+\\.vue$': 'vue-jest',
+      },
+    },
+    {
+      displayName: 'common',
+      testMatch: ['<rootDir>/common/**/*.spec.js'],
+    },
+  ],
+};
diff --git a/template/jest.plugins.js b/template/jest.plugins.js
diff --git a/template/package.json b/template/package.json
@@ -90,12 +90,6 @@
     "type": "",
     "url": ""
   },
-  "jest": {
-    "projects": [
-      "<rootDir>/test/server",
-      "<rootDir>/test/client"
-    ]
-  },
   "license": "UNLICENSED",
   "description": "{{ description }}"{{#extended}},
   "extended": true
diff --git a/template/server/__tests__/boot.spec.js b/template/server/__tests__/boot.spec.js
@@ -1,8 +1,8 @@
 /* eslint-disable arrow-body-style */
 import request from 'supertest';
-import createLoopback from './utils/create-loopback';
+import createLoopback from '~/test/utils/create-loopback';
 {{#extended}}
-import initialAccount from '../../server/initial-data/maintenance-account.json';
+import initialAccount from '../initial-data/maintenance-account.json';
 {{/extended}}
 
 describe('boot process', () => {
diff --git a/template/server/__tests__/server.spec.js b/template/server/__tests__/server.spec.js
@@ -1,4 +1,4 @@
-import app from '../../server/server';
+import app from '../server';
 
 describe('Application', () => {
   it('should start the server', (done) => {
diff --git a/template/server/models/account.spec.js b/template/server/models/account.spec.js
@@ -1,11 +1,11 @@
 import request from 'supertest';
-import createLoopback from './utils/create-loopback';
+import createLoopback from '~/test/utils/create-loopback';
 
 describe('Account', () => {
   const email = '936ue5+4bnywbeje42pw@sharklasers.com';
   let server, testAccount, Account;
 
-  beforeEach(async() => {
+  beforeEach(asyn () => {
     server = await createLoopback();
     Account = server.models.Account;
     testAccount = await Account.create({
diff --git a/template/test/client/jest.config.js b/template/test/client/jest.config.js
diff --git a/template/test/server/jest.config.js b/template/test/server/jest.config.js
diff --git a/template/test/utils/create-loopback.js b/template/test/utils/create-loopback.js
@@ -4,7 +4,7 @@ import boot from 'loopback-boot';
 
 export default function(options) {
   const defaultOptions = {
-    appRootDir: path.resolve(__dirname, '../../../server'),
+    appRootDir: path.resolve(__dirname, '../../server'),
     scriptExtensions: ['.js', '.json', '.node', '.ejs'],
   };
 
diff --git a/template/test/utils/create-loopback.spec.js b/template/test/utils/create-loopback.spec.js

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import app from '../../server/server';`
	`1`	`+import app from '../server';`
`2`	`2`
`3`	`3`	`describe('Application', () => {`
`4`	`4`	`it('should start the server', (done) => {`