84 lines
2.4 KiB
TypeScript
84 lines
2.4 KiB
TypeScript
import * as fs from 'fs';
|
|
import * as path from 'path';
|
|
import * as puppeteer from 'puppeteer';
|
|
import { assert } from 'chai';
|
|
import * as rollup from 'rollup';
|
|
import typescript = require('rollup-plugin-typescript');
|
|
import resolve = require('rollup-plugin-node-resolve');
|
|
import { SnapshotState, toMatchSnapshot } from 'jest-snapshot';
|
|
|
|
function matchSnapshot(actual: string, testFile: string, testTitle: string) {
|
|
const snapshotState = new SnapshotState(testFile, {
|
|
updateSnapshot: process.env.SNAPSHOT_UPDATE ? 'all' : 'new',
|
|
});
|
|
|
|
const matcher = toMatchSnapshot.bind({
|
|
snapshotState,
|
|
currentTestName: testTitle,
|
|
});
|
|
const result = matcher(actual);
|
|
snapshotState.save();
|
|
return result;
|
|
}
|
|
|
|
describe('record integration tests', () => {
|
|
function getHtml(fileName: string): string {
|
|
const filePath = path.resolve(__dirname, `./html/${fileName}`);
|
|
const html = fs.readFileSync(filePath, 'utf8');
|
|
return html.replace(
|
|
'</body>',
|
|
`
|
|
<script>
|
|
${this.code}
|
|
window.Date.now = () => new Date(Date.UTC(2018, 10, 15, 8)).valueOf();
|
|
window.snapshots = [];
|
|
record({
|
|
emit: event => {
|
|
console.log(event);
|
|
window.snapshots.push(event);
|
|
}
|
|
});
|
|
</script>
|
|
</body>
|
|
`,
|
|
);
|
|
}
|
|
|
|
before(async () => {
|
|
this.browser = await puppeteer.launch({
|
|
// headless: false,
|
|
executablePath: '/home/yanzhen/Desktop/chrome-linux/chrome',
|
|
});
|
|
|
|
const bundle = await rollup.rollup({
|
|
input: path.resolve(__dirname, '../src/record/index.ts'),
|
|
plugins: [typescript(), resolve()],
|
|
});
|
|
const { code } = await bundle.generate({
|
|
name: 'record',
|
|
format: 'iife',
|
|
});
|
|
this.code = code;
|
|
});
|
|
|
|
after(async () => {
|
|
await this.browser.close();
|
|
});
|
|
|
|
it('can record form interactions', async () => {
|
|
const page: puppeteer.Page = await this.browser.newPage();
|
|
await page.goto('about:blank');
|
|
await page.setContent(getHtml.call(this, 'form.html'));
|
|
|
|
await page.type('input[type="text"]', 'test');
|
|
await page.click('input[type="radio"]');
|
|
await page.click('input[type="checkbox"]');
|
|
await page.type('textarea', 'textarea test');
|
|
await page.select('select', '1');
|
|
|
|
const snapshots = await page.evaluate('window.snapshots');
|
|
const result = matchSnapshot(JSON.stringify(snapshots), __filename, 'form');
|
|
assert(result.pass, result.pass ? '' : result.report());
|
|
}).timeout(5000);
|
|
});
|