Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

test: multiple page tests for #492 #493

Merged
merged 8 commits into from
Mar 24, 2024
Merged

test: multiple page tests for #492 #493

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
e9c0b01
multiple page tests for #492
techfg Nov 5, 2023
88bb42c
Merge branch 'main' into pr/techfg/493
gioboa Jan 10, 2024
4a77b1c
revert order of operations on tests
techfg Jan 10, 2024
2390388
merge partytown/main
techfg Mar 23, 2024
eb9715d
Merge branch 'main' into pr/techfg/493
gioboa Mar 24, 2024
c9d6276
refactor: remove multiple-pages bc multiple-tabs covers the same case
gioboa Mar 24, 2024
1a50ed4
chore: linter 🧽
gioboa Mar 24, 2024
0c682d7
chore: linter 🧽
gioboa Mar 24, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions src/lib/service-worker/fetch.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { debug } from '../utils';
import type { MainAccessRequest, MainAccessResponse } from '../types';
import Sandbox from '@sandbox';
import SandboxDebug from '@sandbox-debug';
import type { MainAccessRequest, MainAccessResponse } from '../types';
import { debug } from '../utils';

export const onFetchServiceWorkerRequest = (ev: FetchEvent) => {
const req = ev.request;
Expand Down Expand Up @@ -45,7 +45,7 @@ const getClientByTab = (clients: Client[], msgId: string) => {
}

return client;
}
};

const sendMessageToSandboxFromServiceWorker = (accessReq: MainAccessRequest) =>
new Promise<MainAccessResponse>(async (resolve) => {
Expand Down
342 changes: 172 additions & 170 deletions tests/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,172 +1,174 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Partytown Test Page" />
<title>Partytown Tests</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif,
Apple Color Emoji, Segoe UI Emoji;
line-height: 2em;
padding: 0 0 20px 0;
}
h1 {
margin: 0 0 15px 0;
}
h2 {
font-size: 18px;
margin: 20px 0 5px 0;
}
p {
font-size: 12px;
padding: 0 5px;
line-height: 18px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
a:link,
a:visited {
text-decoration: none;
color: blue;
}
a:hover {
text-decoration: underline;
}
ul a {
display: block;
padding: 6px 8px;
}
ul a:hover {
background-color: #eee;
text-decoration: none;
}
hr {
border: 1px solid #ddd;
margin: 20px 0;
}
</style>
</head>
<body>
<h1>Partytown Tests 🎉</h1>

<p>
Stand-alone tests for
<a href="https://developer.mozilla.org/en-US/docs/Glossary/Main_thread">main thread</a>
APIs executed from within a
<a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers"
>web worker</a
>. These pages are also tested using <a href="https://playwright.dev/">Playwright</a> from
Partytown's
<a href="https://github.com/BuilderIO/partytown/actions/workflows/ci.yml">CI Workerflow</a>.
</p>
<p>
Please see the
<a href="https://github.com/BuilderIO/partytown/blob/main/CONTRIBUTING.md#local-development"
>local development</a
>
page for more information on how to re-create issues locally,
<a
href="https://github.com/BuilderIO/partytown/blob/main/CONTRIBUTING.md#submitting-issues-and-writing-tests"
>submit issues and writing tests</a
>. Being able to recreate the issue with a minimal amount of code makes it easier debug.
</p>

<h2>Platform Tests</h2>
<ul>
<li><a href="/tests/platform/anchor/">Anchor</a></li>
<li><a href="/tests/platform/audio/">Audio</a></li>
<li><a href="/tests/platform/canvas/">Canvas</a></li>
<li><a href="/tests/platform/custom-element/">Custom Element</a></li>
<li><a href="/tests/platform/document/">Document</a></li>
<li><a href="/tests/platform/document-prod/">Document (Prod Build)</a></li>
<li><a href="/tests/platform/element/">Element</a></li>
<li><a href="/tests/platform/element-class/">Element Class</a></li>
<li><a href="/tests/platform/element-style/">Element Style</a></li>
<li><a href="/tests/platform/event/">Event</a></li>
<li><a href="/tests/platform/error/">Error</a></li>
<li><a href="/tests/platform/fetch/">Fetch/XHR</a></li>
<li><a href="/tests/platform/form/">Form</a></li>
<li><a href="/tests/platform/history/">History</a></li>
<li><a href="/tests/platform/iframe/">IFrame</a></li>
<li><a href="/tests/platform/image/">Image</a></li>
<li><a href="/tests/platform/intersection-observer/">IntersectionObserver</a></li>
<li><a href="/tests/platform/multiple-tabs/">Multiple Tabs</a></li>
<li><a href="/tests/platform/mutation-observer/">MutationObserver</a></li>
<li><a href="/tests/platform/navigator/">Navigator</a></li>
<li><a href="/tests/platform/node/">Node</a></li>
<li><a href="/tests/platform/node-list/">NodeList</a></li>
<li><a href="/tests/platform/no-partytown-script/">No Partytown</a></li>
<li><a href="/tests/platform/resize-observer/">ResizeObserver</a></li>
<li><a href="/tests/platform/screen/">Screen</a></li>
<li><a href="/tests/platform/script/">Script</a></li>
<li><a href="/tests/platform/storage/">Storage</a></li>
<li><a href="/tests/platform/style/">Style</a></li>
<li><a href="/tests/platform/svg/">Svg</a></li>
<li><a href="/tests/platform/video/">Video</a></li>
<li><a href="/tests/platform/window/">Window</a></li>
</ul>

<hr />

<h2>Service Integration Tests</h2>
<ul>
<li><a href="/tests/integrations/clarity/">Clarity</a></li>
<li><a href="/tests/integrations/config/">Config</a></li>
<li><a href="/tests/integrations/event-forwarding/">Event Forwarding</a></li>
<li><a href="/tests/integrations/main-window-accessors/">Main Window Accessors</a></li>
<li>
<a href="/tests/integrations/load-scripts-on-main-thread/">Load Scripts on Main Thread</a>
</li>
<li><a href="/tests/integrations/facebook-pixel/">Facebook Pixel</a></li>
<li><a href="/tests/integrations/gtm/">Google Tag Manager (GTM)</a></li>
<li><a href="/tests/integrations/javascript-request/">Javascript Request Execution</a></li>
<li><a href="/tests/integrations/hubspot/forms.html">Hubspot Forms</a></li>
<li><a href="/tests/integrations/intercom/">Intercom</a></li>
<li><a href="/tests/integrations/jquery/">jQuery</a></li>
<li><a href="/tests/integrations/kiwisizing/">Kiwi Sizing</a></li>
<li><a href="/tests/integrations/mermaid/">Mermaid</a></li>
<li><a href="/tests/integrations/twitter/">Twitter Embed</a></li>
<li><a href="/tests/integrations/wistia/">Wistia</a></li>
</ul>

<hr />

<h2>Benchmarks / Browser Tests</h2>
<ul>
<li><a href="/tests/benchmarks/">Benchmark</a></li>
<li><a href="/tests/benchmarks/services/">Services</a></li>
<li><a href="/tests/atomics/">Atomics COEP/COOP Headers Test</a></li>
</ul>

<hr />

<h2>More Info</h2>
<ul>
<li><a href="https://partytown.builder.io/">Documentation</a></li>
<li><a href="https://github.com/BuilderIO/partytown/tree/main/tests">E2E Tests</a></li>
<li>
<a href="https://github.com/BuilderIO/partytown/blob/main/CONTRIBUTING.md#local-development"
>Local Development</a
>
</li>
<li>
<a
href="https://github.com/BuilderIO/partytown/blob/main/CONTRIBUTING.md#submitting-issues-and-writing-tests"
>Submitting Issues And Writing Tests</a
>
</li>
<li>
<a
href="https://github.com/BuilderIO/partytown/blob/main/CONTRIBUTING.md#plugin-authors--developers"
>Plugin Authors / Developers</a
>
</li>
</ul>
<p>Made with ❤️ by the <a href="https://www.builder.io/">Builder.io Team</a></p>
</body>
</html>

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Partytown Test Page" />
<title>Partytown Tests</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif,
Apple Color Emoji, Segoe UI Emoji;
line-height: 2em;
padding: 0 0 20px 0;
}

h1 {
margin: 0 0 15px 0;
}

h2 {
font-size: 18px;
margin: 20px 0 5px 0;
}

p {
font-size: 12px;
padding: 0 5px;
line-height: 18px;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
}

a:link,
a:visited {
text-decoration: none;
color: blue;
}

a:hover {
text-decoration: underline;
}

ul a {
display: block;
padding: 6px 8px;
}

ul a:hover {
background-color: #eee;
text-decoration: none;
}

hr {
border: 1px solid #ddd;
margin: 20px 0;
}
</style>
</head>

<body>
<h1>Partytown Tests 🎉</h1>

<p>
Stand-alone tests for
<a href="https://developer.mozilla.org/en-US/docs/Glossary/Main_thread">main thread</a>
APIs executed from within a
<a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers">web worker</a>. These
pages are also tested using <a href="https://playwright.dev/">Playwright</a> from
Partytown's
<a href="https://github.com/BuilderIO/partytown/actions/workflows/ci.yml">CI Workerflow</a>.
</p>
<p>
Please see the
<a href="https://github.com/BuilderIO/partytown/blob/main/CONTRIBUTING.md#local-development">local development</a>
page for more information on how to re-create issues locally,
<a href="https://github.com/BuilderIO/partytown/blob/main/CONTRIBUTING.md#submitting-issues-and-writing-tests">submit
issues and writing tests</a>. Being able to recreate the issue with a minimal amount of code makes it easier
debug.
</p>

<h2>Platform Tests</h2>
<ul>
<li><a href="/tests/platform/anchor/">Anchor</a></li>
<li><a href="/tests/platform/audio/">Audio</a></li>
<li><a href="/tests/platform/canvas/">Canvas</a></li>
<li><a href="/tests/platform/custom-element/">Custom Element</a></li>
<li><a href="/tests/platform/document/">Document</a></li>
<li><a href="/tests/platform/document-prod/">Document (Prod Build)</a></li>
<li><a href="/tests/platform/element/">Element</a></li>
<li><a href="/tests/platform/element-class/">Element Class</a></li>
<li><a href="/tests/platform/element-style/">Element Style</a></li>
<li><a href="/tests/platform/event/">Event</a></li>
<li><a href="/tests/platform/error/">Error</a></li>
<li><a href="/tests/platform/fetch/">Fetch/XHR</a></li>
<li><a href="/tests/platform/form/">Form</a></li>
<li><a href="/tests/platform/history/">History</a></li>
<li><a href="/tests/platform/iframe/">IFrame</a></li>
<li><a href="/tests/platform/image/">Image</a></li>
<li><a href="/tests/platform/intersection-observer/">IntersectionObserver</a></li>
<li><a href="/tests/platform/multiple-tabs/">Multiple Tabs</a></li>
<li><a href="/tests/platform/mutation-observer/">MutationObserver</a></li>
<li><a href="/tests/platform/navigator/">Navigator</a></li>
<li><a href="/tests/platform/node/">Node</a></li>
<li><a href="/tests/platform/node-list/">NodeList</a></li>
<li><a href="/tests/platform/no-partytown-script/">No Partytown</a></li>
<li><a href="/tests/platform/resize-observer/">ResizeObserver</a></li>
<li><a href="/tests/platform/screen/">Screen</a></li>
<li><a href="/tests/platform/script/">Script</a></li>
<li><a href="/tests/platform/storage/">Storage</a></li>
<li><a href="/tests/platform/style/">Style</a></li>
<li><a href="/tests/platform/svg/">Svg</a></li>
<li><a href="/tests/platform/video/">Video</a></li>
<li><a href="/tests/platform/window/">Window</a></li>
</ul>

<hr />

<h2>Service Integration Tests</h2>
<ul>
<li><a href="/tests/integrations/clarity/">Clarity</a></li>
<li><a href="/tests/integrations/config/">Config</a></li>
<li><a href="/tests/integrations/event-forwarding/">Event Forwarding</a></li>
<li><a href="/tests/integrations/main-window-accessors/">Main Window Accessors</a></li>
<li>
<a href="/tests/integrations/load-scripts-on-main-thread/">Load Scripts on Main Thread</a>
</li>
<li><a href="/tests/integrations/facebook-pixel/">Facebook Pixel</a></li>
<li><a href="/tests/integrations/gtm/">Google Tag Manager (GTM)</a></li>
<li><a href="/tests/integrations/javascript-request/">Javascript Request Execution</a></li>
<li><a href="/tests/integrations/hubspot/forms.html">Hubspot Forms</a></li>
<li><a href="/tests/integrations/intercom/">Intercom</a></li>
<li><a href="/tests/integrations/jquery/">jQuery</a></li>
<li><a href="/tests/integrations/kiwisizing/">Kiwi Sizing</a></li>
<li><a href="/tests/integrations/mermaid/">Mermaid</a></li>
<li><a href="/tests/integrations/twitter/">Twitter Embed</a></li>
<li><a href="/tests/integrations/wistia/">Wistia</a></li>
</ul>

<hr />

<h2>Benchmarks / Browser Tests</h2>
<ul>
<li><a href="/tests/benchmarks/">Benchmark</a></li>
<li><a href="/tests/benchmarks/services/">Services</a></li>
<li><a href="/tests/atomics/">Atomics COEP/COOP Headers Test</a></li>
</ul>

<hr />

<h2>More Info</h2>
<ul>
<li><a href="https://partytown.builder.io/">Documentation</a></li>
<li><a href="https://github.com/BuilderIO/partytown/tree/main/tests">E2E Tests</a></li>
<li>
<a href="https://github.com/BuilderIO/partytown/blob/main/CONTRIBUTING.md#local-development">Local Development</a>
</li>
<li>
<a href="https://github.com/BuilderIO/partytown/blob/main/CONTRIBUTING.md#submitting-issues-and-writing-tests">Submitting
Issues And Writing Tests</a>
</li>
<li>
<a href="https://github.com/BuilderIO/partytown/blob/main/CONTRIBUTING.md#plugin-authors--developers">Plugin
Authors / Developers</a>
</li>
</ul>
<p>Made with ❤️ by the <a href="https://www.builder.io/">Builder.io Team</a></p>
</body>

</html>
Loading
Loading