test: repro for load event fired too often (#15320)

Repro derived from #15086. This does not look like a recent regression (if any at all) as it reproduces in both 1.22 and 1.23.
2022-07-05 11:09:36 -07:00 · 2022-07-05 11:09:36 -07:00 · 8cdc4513f1
parent 981f5ab8c1
commit 8cdc4513f1
1 changed files with 75 additions and 0 deletions
--- a/tests/page/page-event-load.spec.ts
+++ b/tests/page/page-event-load.spec.ts
@ -0,0 +1,75 @@
+/**
+ * Copyright (c) Microsoft Corporation.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { test as it, expect } from './pageTest';
+
+
+it('should fire once', async ({ page, server, browserName }) => {
+  it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/15086' });
+  it.fixme(browserName === 'firefox', 'Firefox sometimes double fires.');
+
+  let count = 0;
+  page.on('load', () => count++);
+  await page.goto(server.PREFIX + '/one-style.html');
+  await page.waitForTimeout(1000);
+  expect(count).toBe(1);
+});
+
+it('should fire once with iframe navigation', async ({ page, server, browserName }) => {
+  it.info().annotations.push({ type: 'issue', description: 'https://github.com/microsoft/playwright/issues/15086' });
+  it.fail();
+
+  let requestCount = 0;
+  server.setRoute('/tracker', (_, res) => {
+    res.write(`request count: ${++requestCount}`);
+    res.end();
+  });
+  server.setRoute('/home', (_, res) => {
+    res.write(`
+      <!DOCTYPE html>
+      <html>
+        <head>
+        </head>
+        <body>
+          <script>
+            window.eventLog = [];
+            window.addEventListener('load', () => {
+              window.eventLog.push('load');
+            });
+          </script>
+          <form id="trackerForm" action="/tracker" method="post" target="tracker">
+            <input type="submit">
+          </form>
+          <iframe name="tracker" src="/tracker">
+        </body>
+      </html>
+    `);
+    res.end();
+  });
+  let count = 0;
+  page.on('load', () => count++);
+  await page.goto(server.PREFIX + '/home');
+  const trackingFrame = page.frameLocator('[name=tracker]');
+  await expect(trackingFrame.locator(':scope')).toContainText('request count: 1');
+  const loadFired = Promise.race([
+    page.waitForEvent('load').then(() => 'loadfired'),
+    page.waitForTimeout(1000).then(() => 'timeout'),
+  ]);
+  await page.locator('input[type=submit]').click();
+  await expect.soft(loadFired).resolves.toBe('timeout');
+  expect.soft(count).toBe(1);
+  expect(await page.evaluate(() => window['eventLog'])).toEqual(['load']);
+});