Tests: Iframe event order (#568)

* add failing test

* assert order of events

* defer attaching of iframe till FullSnapshot is done
Fixes: https://github.com/rrweb-io/rrweb/issues/567

* correct event order in iframe integration test snapshot

* trigger build

* trigger build

* Move settimeout responsibility to snapshot
https://github.com/rrweb-io/rrweb-snapshot/pull/78

* upgrade rrweb-snapshot to 1.1.4

* DRY record tests

* cleanup

* Upgrade puppeteer to 9.1.1
for (hopefully) more consistent behaviour between CI and development

* make input bigger to prevent triggering scroll events

* page.waitFor is deprecated
more info: https://github.com/puppeteer/puppeteer/issues/6214

* Set os and distro for Travis ci

Co-authored-by: yz-yu <yanzhen@smartx.com>

test/integration.test.ts

@@ -324,7 +324,7 @@ describe('record integration tests', function (this: ISuite) {
         recordCanvas: true,
       }),
     );
-    await page.waitFor(50);
+    await page.waitForTimeout(50);
     const snapshots = await page.evaluate('window.snapshots');
     for (const event of snapshots) {
       if (event.type === EventType.FullSnapshot) {
@@ -417,7 +417,7 @@ describe('record integration tests', function (this: ISuite) {
     await page.goto(`http://localhost:3030/html`);
     await page.setContent(getHtml.call(this, 'main.html'));
 
-    await page.waitFor(500);
+    await page.waitForTimeout(500);
     const snapshots = await page.evaluate('window.snapshots');
     assertSnapshot(snapshots, __filename, 'iframe');
   });
@@ -453,7 +453,7 @@ describe('record integration tests', function (this: ISuite) {
             '123';
         });
     });
-    await page.waitFor(50);
+    await page.waitForTimeout(50);
 
     const snapshots = await page.evaluate('window.snapshots');
     assertSnapshot(snapshots, __filename, 'shadow-dom');