archivalo-oss/replayweb.page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test: fix playwright tests

Browse Source
This commit is contained in:
sua yoo
2023-11-29 15:54:44 -05:00
committed by emma
parent 49246fee61
commit d13c850f0e
3 changed files with 41 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
playwright.config.js
+11 -10
View File
@@ -1,24 +1,25 @@
import { defineConfig } from '@playwright/test';
/* eslint-env node */
import { defineConfig } from "@playwright/test";
export default defineConfig({
reporter: process.env.CI ? 'github' : 'list',
reporter: process.env.CI ? "github" : "list",
webServer: [
{
command: 'yarn run start-prod',
url: 'http://127.0.0.1:9990',
command: "yarn run start-prod",
url: "http://127.0.0.1:9990",
timeout: 120 * 1000,
reuseExistingServer: !process.env.CI,
},
{
command: 'yarn run test-start-embed',
url: 'http://127.0.0.1:8020',
command: "yarn run test-start-embed",
url: "http://127.0.0.1:8020",
timeout: 120 * 1000,
reuseExistingServer: !process.env.CI,
},
{
command: 'yarn run test-start-sandbox',
url: 'http://127.0.0.1:8030',
command: "yarn run test-start-sandbox",
url: "http://127.0.0.1:8030",
timeout: 120 * 1000,
reuseExistingServer: !process.env.CI,
}
]
},
],
});
tests/embed/replay/sw.js
+1
View File
@@ -1 +1,2 @@
/* eslint-env worker */
importScripts("http://localhost:9990/sw.js");
tests/embeds.spec.js
+29 -11
View File
@@ -1,42 +1,60 @@
import { test, expect } from '@playwright/test';
import { createServer } from "http-server";
import { test, expect } from "@playwright/test";
test("same-domain embed is loading", async ({ page }) => {
await page.goto("http://localhost:9990/embed.html");
const res = page.locator("replay-web-page").frameLocator("iframe").locator("replay-app-main wr-coll wr-coll-replay").frameLocator("iframe").frameLocator("iframe#twitter-widget-0").locator("body");
const res = page
.locator("replay-web-page")
.frameLocator("iframe")
.locator("replay-app-main wr-item wr-coll-replay")
.frameLocator("iframe")
.frameLocator("iframe#twitter-widget-0")
.locator("body");
await expect(res).toContainText("Want to help");
});
test("cross-domain embed is loading", async ({ page }) => {
await page.goto("http://localhost:8020/");
const res = page.locator("replay-web-page").frameLocator("iframe").locator("replay-app-main wr-coll wr-coll-replay").frameLocator("iframe").frameLocator("iframe#twitter-widget-0").locator("body");
const res = page
.locator("replay-web-page")
.frameLocator("iframe")
.locator("replay-app-main wr-item wr-coll-replay")
.frameLocator("iframe")
.frameLocator("iframe#twitter-widget-0")
.locator("body");
await expect(res).toContainText("Want to help");
});
test("sandbox + cross-domain embed is loading", async ({ page }) => {
await page.goto("http://localhost:8030/");
const sandboxFrame = page.locator("iframe");
await expect(await sandboxFrame.getAttribute("src")).toBe("http://localhost:8020/index-sandbox.html");
await expect(await sandboxFrame.getAttribute("src")).toBe(
"http://localhost:8020/index-sandbox.html",
);
const res = page.frameLocator("iframe").locator("replay-web-page").frameLocator("iframe").locator("replay-app-main wr-coll wr-coll-replay").frameLocator("iframe").frameLocator("iframe#twitter-widget-0").locator("body");
const res = page
.frameLocator("iframe")
.locator("replay-web-page")
.frameLocator("iframe")
.locator("replay-app-main wr-item wr-coll-replay")
.frameLocator("iframe")
.frameLocator("iframe#twitter-widget-0")
.locator("body");
await expect(res).toContainText("Want to help");
});
test("require subdomain iframe", async ({ page }) => {
// load directly, should be blocked
await page.goto("http://localhost:8020/index-sandbox.html");
const res = page.locator("replay-web-page");
await expect(res).toContainText("Sorry, due to security settings, this ReplayWeb.page embed only be viewed within a subdomain iframe.");
await expect(res).toContainText(
"Sorry, due to security settings, this ReplayWeb.page embed only be viewed within a subdomain iframe.",
);
});