Skip to content

Commit

Permalink
chore: update e2e test
Browse files Browse the repository at this point in the history
  • Loading branch information
@3cp
3cp committed Oct 23, 2024
1 parent 3dc5ddd commit b56293a
Show file tree
Hide file tree
Showing 2 changed files with 36 additions and 54 deletions.
88 changes: 36 additions & 52 deletions e2e-test.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,17 +7,20 @@
const spawn = require('cross-spawn');
const fs = require('fs');
const path = require('path');
const del = require('del');
const test = require('ava');
const puppeteer = require('puppeteer');
const kill = require('tree-kill');

async function delay(secs) {
return new Promise((resolve) => {
setTimeout(resolve, secs);
});
}

const isWin32 = process.platform === 'win32';
const dir = __dirname;

const folder = path.join(dir, 'test-skeletons');
const folder = path.join(__dirname, 'test-skeletons');
console.log('-- cleanup ' + folder);
del.sync(folder);
fs.rmSync(folder, {recursive: true, force: true});
fs.mkdirSync(folder);

// Somehow taskkill on windows would not send SIGTERM signal to proc,
Expand All @@ -32,7 +35,7 @@ function killProc(proc) {
}


function run(command, dataCB, errorCB) {
function run(command, cwd, dataCB, errorCB) {
const [cmd, ...args] = command.split(' ');
return new Promise((resolve, reject) => {
const env = Object.create(process.env);
Expand All @@ -41,8 +44,9 @@ function run(command, dataCB, errorCB) {
// need to reset NODE_ENV back to development because this whole
// test is running in NODE_ENV=test which will affect gulp build
env.NODE_ENV = 'development';
const proc = spawn(cmd, args, {env});
proc.on('exit', (code, signal) => {
const proc = spawn(cmd, args, {env, cwd});
proc.on('exit', async (code, signal) => {
await delay(1);
if (code && signal !== 'SIGTERM' && !win32Killed.has(proc.pid)) {
reject(new Error(cmd + ' ' + args.join(' ') + ' process exit code: ' + code + ' signal: ' + signal));
} else {
Expand All @@ -55,33 +59,26 @@ function run(command, dataCB, errorCB) {
if (dataCB) {
dataCB(data, () => {
console.log(`-- kill "${command}"`);
killProc(proc);
setTimeout(() => killProc(proc), 500);
});
}
});
proc.stderr.on('data', data => {
process.stderr.write(data);
// Ingore webpack warning
if (data.toString().includes('DeprecationWarning')) return;
// Skip webpack5 deprecation warning.
if (data.toString().toLowerCase().includes('deprecation')) return;
// Skip BABEL warning (used by dumber bundler) when reading @aurelia/runtime-html
if (data.toString().includes('The code generator has deoptimised the styling')) return;
if (errorCB) {
errorCB(data, () => {
console.log(`-- kill "${command}"`);
killProc(proc);
setTimeout(() => killProc(proc), 500);
});
}
})
});
}

async function takeScreenshot(url, filePath) {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto(url);
await new Promise(r => setTimeout(r, 6000));
await page.screenshot({path: filePath});
await browser.close();
}

const targetCLI = (process.env.TARGET_CLI || null);

const targetFeatures = (process.env.TARGET_FEATURES || '').toLowerCase().split(',').filter(p => p);
Expand Down Expand Up @@ -154,82 +151,80 @@ skeletons.forEach((features, i) => {

test.serial(title, async t => {
console.log(title);
process.chdir(folder);

const makeCmd = `npx makes ${dir} ${appName} -s ${features.join(',')}`;
const makeCmd = `npx makes ${__dirname} ${appName} -s ${features.join(',')}`;
console.log('-- ' + makeCmd);
await run(makeCmd);
await run(makeCmd, folder);
t.pass('made skeleton');
process.chdir(appFolder);

patchPackageJson(appFolder, targetCLI);

console.log('-- npm i');
await run('npm i');
await run('npm i', appFolder);
t.pass('installed deps');

console.log('-- npm test');
await run('npm test');
await run('npm test', appFolder);
t.pass('finished unit tests');

console.log('-- npx au generate attribute NewThing');
await run('npx au generate attribute NewThing', null,
await run('npx au generate attribute NewThing', appFolder, null,
(data, kill) => {
t.fail('au generate attribute failed: ' + data.toString());
}
);
t.pass('generated attribute');

console.log('-- npx au generate component NewThing .');
await run('npx au generate component NewThing .', null,
await run('npx au generate component NewThing .', appFolder, null,
(data, kill) => {
t.fail('au generate component failed: ' + data.toString());
}
);
t.pass('generated component');

console.log('-- npx au generate element NewThing');
await run('npx au generate element NewThing', null,
await run('npx au generate element NewThing', appFolder, null,
(data, kill) => {
t.fail('au generate element failed: ' + data.toString());
}
);
t.pass('generated element');

console.log('-- npx au generate value-converter NewThing');
await run('npx au generate value-converter NewThing', null,
await run('npx au generate value-converter NewThing', appFolder, null,
(data, kill) => {
t.fail('au generate value-converter failed: ' + data.toString());
}
);
t.pass('generated value-converter');

console.log('-- npx au generate binding-behavior NewThing');
await run('npx au generate binding-behavior NewThing', null,
await run('npx au generate binding-behavior NewThing', appFolder, null,
(data, kill) => {
t.fail('au generate binding-behavior failed: ' + data.toString());
}
);
t.pass('generated binding-behavior');

console.log('-- npx au generate task NewThing');
await run('npx au generate task NewThing', null,
await run('npx au generate task NewThing', appFolder, null,
(data, kill) => {
t.fail('au generate task failed: ' + data.toString());
}
);
t.pass('generated task');

console.log('-- npx au generate generator NewThing');
await run('npx au generate generator NewThing', null,
await run('npx au generate generator NewThing', appFolder, null,
(data, kill) => {
t.fail('au generate generator failed: ' + data.toString());
}
);
t.pass('generated generator');

console.log('-- npm run build');
await run('npm run build', null,
await run('npm run build', appFolder, null,
(data, kill) => {
t.fail('build failed: ' + data.toString());
}
Expand All @@ -242,36 +237,25 @@ skeletons.forEach((features, i) => {
if (!m) return;
const url = m[1];
t.pass(m[0]);

try {
if (!process.env.GITHUB_ACTIONS) {
console.log('-- take screenshot');
await takeScreenshot(url, path.join(folder, appName + '.png'));
}
kill();
} catch (e) {
t.fail(e.message);
kill();
}
kill();
};

// Webpack5 now prints Loopback: http://localhost:5000 in stderr!
await run('npm start', runE2e, runE2e);
await run('npm start', appFolder, runE2e, runE2e);

if (features.includes('playwright')) {
console.log('-- npx playwright test --project chromium');
await run('npx playwright install --with-deps');
await run('npx playwright test --project chromium');
await run('npx playwright install --with-deps', appFolder);
await run('npx playwright test --project chromium', appFolder);
}

if (process.platform === 'linux' && features.includes('docker')) {
console.log('-- npm run docker:build');
await run(`npm run docker:build`);
await run(`npm run docker:build`, appFolder);
t.pass('passed docker:build');
}

console.log('-- remove folder ' + appName);
process.chdir(folder);
await del(appFolder);
await fs.promises.rm(appFolder, {recursive: true});
});
});
2 changes: 0 additions & 2 deletions package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,12 +8,10 @@
"ava": "^3.15.0",
"cross-env": "^7.0.3",
"cross-spawn": "^7.0.3",
"del": "^6.0.0",
"glob": "^10.3.1",
"makes": "^3.2.0",
"mock-fs": "^5.2.0",
"npm-check-updates": "^16.10.13",
"puppeteer": "^20.7.3",
"semver": "^7.5.3",
"standard-changelog": "^3.0.0",
"tree-kill": "^1.2.2",
Expand Down

0 comments on commit b56293a

Please sign in to comment.