test nextjs. Server

Author: GoodDayForSurf

packages/devextreme-cli/src/utility/run-command.js

@@ -17,8 +17,18 @@ module.exports = function(commandName, args = [], customConfig = {}) {
 
     console.log(`> ${command} ${args.join(' ')}`);
 
-    return new Promise((resolve, reject) => {
-        spawn(command, args, config)
-            .on('exit', (code) => code ? reject(code) : resolve());
+    const proc = spawn(command, args, config);
+
+    const promise = new Promise((resolve, reject) => {
+        proc.on('exit', (code) => code ? reject(code) : resolve());
     });
+
+    promise.kill = (signal = 'SIGTERM') => {
+        return new Promise((resolve, reject) => {
+            proc.kill(signal);
+            resolve();
+        });
+    };
+
+    return promise;
 };

packages/devextreme-cli/testing/__tests__/nextjs-ts.test.js

@@ -1,3 +1,5 @@
 const { nextjsTs } = require('../env.nextjs');
 const testAppTemplate = require('../app-template.test.shared.js');
-testAppTemplate(nextjsTs);
+testAppTemplate(nextjsTs, {
+    port: 3000,
+});

packages/devextreme-cli/testing/__tests__/nextjs.test.js

@@ -1,3 +1,5 @@
 const { nextjsJs } = require('../env.nextjs');
 const testAppTemplate = require('../app-template.test.shared.js');
-testAppTemplate(nextjsJs);
+testAppTemplate(nextjsJs, {
+    port: 3000,
+});

packages/devextreme-cli/testing/app-template.test.shared.js

@@ -7,8 +7,8 @@ const DevServer = require('./dev-server');
 
 const defaultLayout = 'side-nav-outer-toolbar';
 
-module.exports = (env) => {
-    const appUrl = `http://${ip.address()}:8080/`;
+module.exports = (env, { port } = { port: '8080' }) => {
+    const appUrl = `http://${ip.address()}:${port}/`;
     const diffSnapshotsDir = path.join('testing/__tests__/__diff_snapshots__', env.engine);
 
     const pageUrls = {
@@ -17,7 +17,7 @@ module.exports = (env) => {
         page: `${(env.engine === 'angular' ? 'pages/' : '')}new-page`,
     };
 
-    const getPageURL = (name) => `${appUrl}${(!env.engine.includes('nextjs') ? '#/' : '')}${pageUrls[name]}`;
+    const getPageURL = (name) => `${appUrl}${(env.engine.indexOf('nextjs') !== 0 ? '#/' : '')}${pageUrls[name]}`;
 
     describe(`${env.engine} app-template`, () => {
         let browser;

packages/devextreme-cli/testing/dev-server.js

@@ -5,18 +5,31 @@ const WebServer = require('./web-server');
 const webServer = new WebServer();
 const runCommand = require('../src/utility/run-command');
 const { themes, swatchModes, baseFontFamily } = require('./constants');
+let startedPromise = null;
 
 module.exports = class DevServer {
     constructor(env) {
         this.env = env;
     }
 
     async start() {
-        await webServer.start(this.env.deployPath);
+        if(this.env.engine.indexOf('nextjs') === 0) {
+            startedPromise = runCommand('npm', ['run', 'start'], {
+                cwd: this.env.appPath,
+                // https://github.com/facebook/create-react-app/issues/3657
+                env: Object.assign(process.env, { CI: false })
+            });
+        } else {
+            await webServer.start(this.env.deployPath);
+        }
     }
 
     async stop() {
-        await webServer.stop();
+        if(this.env.engine.indexOf('nextjs') === 0) {
+            await startedPromise.kill();
+        } else {
+            await webServer.stop();
+        }
     }
 
     async build() {