Cypress root modification

Author: davidmatas

cypress.json

@@ -1,5 +1,8 @@
 {
   "video": false,
-  "screenshotOnRunFailure": false
-
+  "screenshotOnRunFailure": false,
+  "testFiles": "**/*.cypress.*",
+  "integrationFolder": "tests/apps",
+  "fixturesFolder": "tests/utils/cypress/fixtures",
+  "pluginsFile": "tests/utils/cypress/plugins/index.ts"
 }

cypress/start.ts

@@ -13,7 +13,7 @@
   "scripts": {
     "dev": "NODE_ENV=dev ts-node-dev --ignore-watch node_modules --inspect=0.0.0.0:9267 ./src/apps/mooc_backend/server.ts",
     "dev:backoffice:frontend": "NODE_ENV=dev ts-node-dev --ignore-watch node_modules ./src/apps/backoffice/frontend/server.ts",
-    "test": "npm run test:unit && npm run test:features",
+    "test": "npm run test:unit && npm run test:features && npm run cypress:run",
     "test:unit": "NODE_ENV=test jest",
     "test:features": "NODE_ENV=test cucumber-js -p default",
     "lint": "tslint src/**/*.ts{,x}",
@@ -23,8 +23,8 @@
     "build:tsc": "tsc -p tsconfig.prod.json",
     "build:di": "copy 'src/**/*.{json,yaml,html,png}' dist/src",
     "build:clean": "rm -r dist; exit 0",
-    "cypress:open": "NODE_ENV=test cypress open",
-    "cypress:run": "NODE_ENV=test ts-node cypress/start"
+    "cypress:open": "NODE_ENV=test ts-node tests/utils/cypress/open",
+    "cypress:run": "NODE_ENV=test ts-node tests/utils/cypress/run"
   },
   "dependencies": {
     "@types/bson": "^4.0.2",

package.json

@@ -1,7 +1,6 @@
 import faker from 'faker';
 
 describe('Courses', () => {
-
   beforeEach(() => {
     cy.task('reset:db');
   });

cypress/integration/backoffice/courses.spec.ts renamed to tests/apps/backoffice_frontend/features/courses/create_course.cypress.ts

@@ -0,0 +1,16 @@
+import cypress from 'cypress';
+import { startBackofficeFrontend } from './startBackofficeFrontend';
+
+async function open() {
+  const server = await startBackofficeFrontend();
+  await openCypress();
+  server.close(() => {
+    process.exit(0);
+  });
+}
+
+async function openCypress() {
+  return cypress.open();
+}
+
+open();

cypress/fixtures/example.json renamed to tests/utils/cypress/fixtures/example.json

@@ -1,6 +1,6 @@
-import container from '../../src/apps/mooc_backend/config/dependency-injection';
-import { EnvironmentArranger } from '../../tests/Contexts/Shared/infrastructure/arranger/EnvironmentArranger';
-import { seed } from '../../src/apps/backoffice/frontend/seed';
+import container from '../../../../src/apps/mooc_backend/config/dependency-injection';
+import { EnvironmentArranger } from '../../../Contexts/Shared/infrastructure/arranger/EnvironmentArranger';
+import { seed } from '../../../../src/apps/backoffice/frontend/seed';
 
 const environmentArranger: Promise<EnvironmentArranger> = container.get('Mooc.EnvironmentArranger');
 

tests/utils/cypress/open.ts

@@ -0,0 +1,26 @@
+import app from '../../../src/apps/backoffice/frontend/app';
+import cypress from 'cypress';
+import cypressConfig from '../../../cypress.json';
+import { startBackofficeFrontend } from './startBackofficeFrontend';
+
+async function run() {
+  const server = await startBackofficeFrontend();
+  await runCypress();
+  server.close(() => {
+    process.exit(0);
+  });
+}
+
+async function runCypress() {
+  return cypress.run({
+    reporter: 'junit',
+    browser: 'chrome',
+    headless: true,
+    config: {
+      ...cypressConfig,
+      baseUrl: `http://localhost:${app.get('port')}`
+    }
+  });
+}
+
+run();

cypress/plugins/index.ts renamed to tests/utils/cypress/plugins/index.ts

@@ -0,0 +1,14 @@
+import app from '../../../src/apps/backoffice/frontend/app';
+import { Server } from 'http';
+
+export async function startBackofficeFrontend(): Promise<Server> {
+  let server: Server;
+
+  return new Promise((resolve, reject) => {
+    server = app.listen(app.get('port'), async () => {
+      console.log(`  Backoffice frontend is running at http://localhost:${app.get('port')} in ${app.get('env')} mode`);
+      console.log('  Press CTRL-C to stop\n');
+      resolve(server);
+    });
+  });
+}

tests/utils/cypress/run.ts

@@ -1,11 +1,9 @@
 {
-  "extends": "../tsconfig.json",
+  "extends": "../../../tsconfig.json",
   "compilerOptions": {
     "lib": ["es2015", "dom"],
     "types": ["cypress"]
   },
-  "include": [
-    "**/*.ts"
-  ]
+  "include": ["**/*.ts"]
 }