add test infra and a basic record integration test

test/integration.ts

@@ -0,0 +1,83 @@
+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);
+});