cherry-pick(#18997): fix(reuse): stop pending operations upon reuse/disconnect

SHA 503f8f51dc

.devcontainer/devcontainer.json

@@ -0,0 +1,11 @@
+{
+    "name": "Playwright",
+    "image": "mcr.microsoft.com/playwright:next",
+    "postCreateCommand": "npm install && npm run build && apt-get update && apt-get install -y software-properties-common && curl -fsSL https://download.docker.com/linux/ubuntu/gpg | apt-key add - && add-apt-repository \"deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable\" && apt-get install -y docker-ce-cli",
+    "settings": {
+        "terminal.integrated.shell.linux": "/bin/bash"
+    },
+    "runArgs": [
+        "-v", "/var/run/docker.sock:/var/run/docker.sock"
+    ]
+}

.eslintignore

@@ -0,0 +1,19 @@
+test/assets/modernizr.js
+/packages/*/lib/
+*.js
+/packages/playwright-core/src/generated/*
+/packages/playwright-core/src/third_party/
+/packages/playwright-core/types/*
+/index.d.ts
+utils/generate_types/overrides.d.ts
+utils/generate_types/test/test.ts
+node_modules/
+browser_patches/*/checkout/
+browser_patches/chromium/output/
+**/*.d.ts
+output/
+test-results/
+tests/components/
+examples/
+DEPS
+.cache/

.eslintrc.js

@@ -0,0 +1,126 @@
+module.exports = {
+    parser: "@typescript-eslint/parser",
+    plugins: ["@typescript-eslint", "notice"],
+    parserOptions: {
+      ecmaVersion: 9,
+      sourceType: "module",
+    },
+    extends: [
+      "plugin:react-hooks/recommended"
+    ],
+
+    /**
+     * ESLint rules
+     *
+     * All available rules: http://eslint.org/docs/rules/
+     *
+     * Rules take the following form:
+     *   "rule-name", [severity, { opts }]
+     * Severity: 2 == error, 1 == warning, 0 == off.
+     */
+    rules: {
+        "@typescript-eslint/no-unused-vars": [2, {args: "none"}],
+        "@typescript-eslint/consistent-type-imports": [2, {disallowTypeAnnotations: false}],
+        /**
+         * Enforced rules
+         */
+        // syntax preferences
+        "object-curly-spacing": ["error", "always"],
+        "quotes": [2, "single", {
+            "avoidEscape": true,
+            "allowTemplateLiterals": true
+        }],
+        "no-extra-semi": 2,
+        "@typescript-eslint/semi": [2],
+        "comma-style": [2, "last"],
+        "wrap-iife": [2, "inside"],
+        "spaced-comment": [2, "always", {
+            "markers": ["*"]
+        }],
+        "eqeqeq": [2],
+        "accessor-pairs": [2, {
+            "getWithoutSet": false,
+            "setWithoutGet": false
+        }],
+        "brace-style": [2, "1tbs", {"allowSingleLine": true}],
+        "curly": [2, "multi-or-nest", "consistent"],
+        "new-parens": 2,
+        "arrow-parens": [2, "as-needed"],
+        "prefer-const": 2,
+        "quote-props": [2, "consistent"],
+
+        // anti-patterns
+        "no-var": 2,
+        "no-with": 2,
+        "no-multi-str": 2,
+        "no-caller": 2,
+        "no-implied-eval": 2,
+        "no-labels": 2,
+        "no-new-object": 2,
+        "no-octal-escape": 2,
+        "no-self-compare": 2,
+        "no-shadow-restricted-names": 2,
+        "no-cond-assign": 2,
+        "no-debugger": 2,
+        "no-dupe-keys": 2,
+        "no-duplicate-case": 2,
+        "no-empty-character-class": 2,
+        "no-unreachable": 2,
+        "no-unsafe-negation": 2,
+        "radix": 2,
+        "valid-typeof": 2,
+        "no-implicit-globals": [2],
+        "no-unused-expressions": [2, { "allowShortCircuit": true, "allowTernary": true, "allowTaggedTemplates": true}],
+        "no-proto": 2,
+
+        // es2015 features
+        "require-yield": 2,
+        "template-curly-spacing": [2, "never"],
+
+        // spacing details
+        "space-infix-ops": 2,
+        "space-in-parens": [2, "never"],
+        "array-bracket-spacing": [2, "never"],
+        "comma-spacing": [2, { "before": false, "after": true }],
+        "keyword-spacing": [2, "always"],
+        "space-before-function-paren": [2, {
+            "anonymous": "never",
+            "named": "never",
+            "asyncArrow": "always"
+        }],
+        "no-whitespace-before-property": 2,
+        "keyword-spacing": [2, {
+            "overrides": {
+                "if": {"after": true},
+                "else": {"after": true},
+                "for": {"after": true},
+                "while": {"after": true},
+                "do": {"after": true},
+                "switch": {"after": true},
+                "return": {"after": true}
+            }
+        }],
+        "arrow-spacing": [2, {
+            "after": true,
+            "before": true
+        }],
+        "@typescript-eslint/func-call-spacing": 2,
+        "@typescript-eslint/type-annotation-spacing": 2,
+
+        // file whitespace
+        "no-multiple-empty-lines": [2, {"max": 2}],
+        "no-mixed-spaces-and-tabs": 2,
+        "no-trailing-spaces": 2,
+        "linebreak-style": [ process.platform === "win32" ? 0 : 2, "unix" ],
+        "indent": [2, 2, { "SwitchCase": 1, "CallExpression": {"arguments": 2}, "MemberExpression": 2 }],
+        "key-spacing": [2, {
+            "beforeColon": false
+        }],
+
+        // copyright
+        "notice/notice": [2, {
+            "mustMatch": "Copyright",
+            "templateFile": require("path").join(__dirname, "utils", "copyright.js"),
+        }],
+    }
+};

.gitattributes

@@ -1,4 +1,5 @@
 # text files must be lf for golden file tests to work
 * text=auto eol=lf
+
 # make project show as TS on GitHub
 *.js linguist-detectable=false

.github/ISSUE_TEMPLATE/bug.md

@@ -0,0 +1,49 @@
+---
+name: Bug Report
+about: Something doesn't work like it should? Tell us!
+title: "[BUG]"
+labels: ''
+assignees: ''
+
+---
+
+**Context:**
+- Playwright Version: [what Playwright version do you use?]
+- Operating System: [e.g. Windows, Linux or Mac]
+- Node.js version: [e.g. 12.22, 14.6]
+- Browser: [e.g. All, Chromium, Firefox, WebKit]
+- Extra: [any specific details about your environment]
+
+<!-- CLI to auto-capture this info -->
+<!-- npx envinfo --preset playwright --markdown -->
+
+**Code Snippet**
+
+Help us help you! Put down a short code snippet that illustrates your bug and
+that we can run and debug locally. For example:
+
+```javascript
+const {chromium, webkit, firefox} = require('playwright');
+
+(async () => {
+  const browser = await chromium.launch();
+  const context = await browser.newContext();
+  const page = await context.newPage();
+  
+  // Please include a snippet of HTML that shows an example of the content
+  // you are testing.
+  await page.setContent(`
+    <div>
+      …
+    </div>
+  `);
+  // Alternatively, if you are testing a public application, include the URL:
+  // await page.goto('https://example.com/')
+  
+  await page.locator(…);
+})();
+```
+
+**Describe the bug**
+
+Add any other details about the problem here.

.github/ISSUE_TEMPLATE/bug.yml

@@ -1,101 +0,0 @@
-name: Bug Report 🪲
-description: Create a bug report to help us improve
-title: '[Bug]: '
-body:
-  - type: markdown
-    attributes:
-      value: |
-        # Please follow these steps first:
-  - type: markdown
-    attributes:
-      value: |
-        ## Troubleshoot
-        If Playwright is not behaving the way you expect, we'd ask you to look at the [documentation](https://playwright.dev/docs/intro) and search the issue tracker for evidence supporting your expectation.
-        Please make reasonable efforts to troubleshoot and rule out issues with your code, the configuration, or any 3rd party libraries you might be using.
-        Playwright offers [several debugging tools](https://playwright.dev/docs/debug) that you can use to troubleshoot your issues.
-  - type: markdown
-    attributes:
-      value: |
-        ## Ask for help through appropriate channels
-        If you feel unsure about the cause of the problem, consider asking for help on for example [StackOverflow](https://stackoverflow.com/questions/ask) or our [Discord channel](https://aka.ms/playwright/discord) before posting a bug report. The issue tracker is not a help forum.
-  - type: markdown
-    attributes:
-      value: |
-        ## Make a minimal reproduction
-        To file the report, you will need a GitHub repository with a minimal (but complete) example and simple/clear steps on how to reproduce the bug.
-        The simpler you can make it, the more likely we are to successfully verify and fix the bug. You can create a new project with `npm init playwright@latest new-project` and then add the test code there.
-        Please make sure you only include the code and the dependencies absolutely necessary for your repro. Due to the security considerations, we can only run the code we trust. Major web frameworks are Ok to use, but smaller convenience libraries are not. 
-  - type: markdown
-    attributes:
-      value: |
-        > [!IMPORTANT]
-        > Bug reports without a minimal reproduction will be rejected.
-
-        ---
-  - type: input
-    id: version
-    attributes:
-      label: Version
-      description: |
-        The version of Playwright you are using.
-        Is it the [latest](https://github.com/microsoft/playwright/releases)? Test and see if the bug has already been fixed.
-      placeholder: ex. 1.41.1
-    validations:
-      required: true
-  - type: textarea
-    id: reproduction
-    attributes:
-      label: Steps to reproduce
-      description: Please link to a repository with a minimal reproduction and describe accurately how we can reproduce/verify the bug.
-      placeholder: |
-        Example steps (replace with your own):
-        1. Clone my repo at https://github.com/<myuser>/example
-        2. npm install
-        3. npm run test
-        4. You should see the error come up
-    validations:
-      required: true
-  - type: textarea
-    id: expected
-    attributes:
-      label: Expected behavior
-      description: A description of what you expect to happen.
-      placeholder: I expect to see X or Y
-    validations:
-      required: true
-  - type: textarea
-    id: what-happened
-    attributes:
-      label: Actual behavior
-      description: |
-        A clear and concise description of the unexpected behavior.
-        Please include any relevant output here, especially any error messages.
-      placeholder: A bug happened!
-    validations:
-      required: true
-  - type: textarea
-    id: context
-    attributes:
-      label: Additional context
-      description: Anything else that might be relevant
-    validations:
-      required: false
-  - type: textarea
-    id: envinfo
-    attributes:
-      label: Environment
-      description: |
-        Please paste the output of running `npx envinfo --preset playwright`.
-        This will be automatically formatted as a code block, so no need for backticks.
-      placeholder: |
-        System:
-          OS: Linux 6.2 Ubuntu 22.04.3 LTS 22.04.3 LTS (Jammy Jellyfish)
-          CPU: (8) arm64
-        Binaries:
-          Node: 18.19.0 - ~/.nvm/versions/node/v18.19.0/bin/node
-          npm: 10.2.3 - ~/.nvm/versions/node/v18.19.0/bin/npm
-        npmPackages:
-          @playwright/test: 1.41.1 => 1.41.1
-      render: shell
-    validations:
-      required: true

.github/ISSUE_TEMPLATE/config.yml

@@ -1,5 +1,4 @@
-blank_issues_enabled: false
 contact_links:
-  - name: Join our Discord Server
+  - name: Join our GitHub Discussions community
-    url: https://aka.ms/playwright/discord
+    url: https://github.com/microsoft/playwright/discussions
     about: Ask questions and discuss with other community members

.github/ISSUE_TEMPLATE/documentation.yml

@@ -1,29 +0,0 @@
-name: Documentation 📖
-description: Submit a request to add or update documentation
-title: '[Docs]: '
-labels: ['Documentation :book:']
-body:
-  - type: markdown
-    attributes:
-      value: |
-        ### Thank you for helping us improve our documentation!
-        Please be sure you are looking at [the Next version of the documentation](https://playwright.dev/docs/next/intro) before opening an issue here.
-  - type: textarea
-    id: links
-    attributes:
-      label: Page(s)
-      description: |
-        Links to one or more documentation pages that should be modified.
-        If you are reporting an issue with a specific section of a page, try to link directly to the nearest anchor.
-        If you are suggesting that a new page be created, link to the parent of the proposed page.
-    validations:
-      required: true
-  - type: textarea
-    id: description
-    attributes:
-      label: Description
-      description: |
-        Describe the change you are requesting.
-        If the issue pertains to a single function or matcher, be sure to specify the entire call signature.
-    validations:
-      required: true

.github/ISSUE_TEMPLATE/feature.yml

@@ -1,30 +0,0 @@
-name: Feature Request 🚀
-description: Submit a proposal for a new feature
-title: '[Feature]: '
-body:
-  - type: markdown
-    attributes:
-      value: |
-        ### Thank you for taking the time to suggest a new feature!
-  - type: textarea
-    id: description
-    attributes:
-      label: '🚀 Feature Request'
-      description: A clear and concise description of what the feature is.
-    validations:
-      required: true
-  - type: textarea
-    id: example
-    attributes:
-      label: Example
-      description: Describe how this feature would be used.
-    validations:
-      required: false
-  - type: textarea
-    id: motivation
-    attributes:
-      label: Motivation
-      description: |
-        Outline your motivation for the proposal. How will it make Playwright better?
-    validations:
-      required: true

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,11 @@
+---
+name: Feature request
+about: Request new features to be added
+title: "[Feature]"
+labels: ''
+assignees: ''
+
+---
+
+Let us know what functionality you'd like to see in Playwright and what your use case is.
+Do you think others might benefit from this as well?

.github/ISSUE_TEMPLATE/question.md

@@ -0,0 +1,10 @@
+---
+name: I have a question
+about: Feel free to ask us your questions!
+title: "[Question]"
+labels: ''
+assignees: ''
+
+---
+
+

.github/ISSUE_TEMPLATE/question.yml

@@ -1,27 +0,0 @@
-name: 'Questions / Help 💬'
-description: If you have questions, please check StackOverflow or Discord
-title: '[Please read the message below]'
-labels: [':speech_balloon: Question']
-body:
-  - type: markdown
-    attributes:
-      value: |
-        ## Questions and Help 💬
-
-        This issue tracker is reserved for bug reports and feature requests.
-
-        For anything else, such as questions or getting help, please see:
-
-        - [The Playwright documentation](https://playwright.dev)
-        - [Our Discord server](https://aka.ms/playwright/discord)
-  - type: checkboxes
-    id: no-post
-    attributes:
-      label: |
-        Please do not submit this issue.
-      description: |
-        > [!IMPORTANT]
-        > This issue will be closed.
-      options:
-        - label: I understand
-          required: true

.github/ISSUE_TEMPLATE/regression.md

@@ -0,0 +1,32 @@
+---
+name: Report regression
+about: Functionality that used to work and does not any more
+title: "[REGRESSION]: "
+labels: ''
+assignees: ''
+
+---
+
+**Context:**
+- GOOD Playwright Version: [what Playwright version worked nicely?]
+- BAD Playwright Version: [what Playwright version doesn't work any more?]
+- Operating System: [e.g. Windows, Linux or Mac]
+- Extra: [any specific details about your environment]
+
+**Code Snippet**
+
+Help us help you! Put down a short code snippet that illustrates your bug and
+that we can run and debug locally. For example:
+
+```javascript
+const {chromium, webkit, firefox} = require('playwright');
+
+(async () => {
+  const browser = await chromium.launch();
+  // ... 
+})();
+```
+
+**Describe the bug**
+
+Add any other details about the problem here.

.github/ISSUE_TEMPLATE/regression.yml

@@ -1,96 +0,0 @@
-name: Report regression
-description: Functionality that used to work and does not any more
-title: "[Regression]: "
-
-body:
-  - type: markdown
-    attributes:
-      value: |
-        # Please follow these steps first:
-  - type: markdown
-    attributes:
-      value: |
-        ## Make a minimal reproduction
-        To file the report, you will need a GitHub repository with a minimal (but complete) example and simple/clear steps on how to reproduce the regression.
-        The simpler you can make it, the more likely we are to successfully verify and fix the regression.
-  - type: markdown
-    attributes:
-      value: |
-        > [!IMPORTANT]
-        > Regression reports without a minimal reproduction will be rejected.
-
-        ---
-  - type: input
-    id: goodVersion
-    attributes:
-      label: Last Good Version
-      description: |
-        Last version of Playwright where the feature was working.
-      placeholder: ex. 1.40.1
-    validations:
-      required: true
-  - type: input
-    id: badVersion
-    attributes:
-      label: First Bad Version
-      description: |
-        First version of Playwright where the feature was broken.
-        Is it the [latest](https://github.com/microsoft/playwright/releases)? Test and see if the regression has already been fixed.
-      placeholder: ex. 1.41.1
-    validations:
-      required: true
-  - type: textarea
-    id: reproduction
-    attributes:
-      label: Steps to reproduce
-      description: Please link to a repository with a minimal reproduction and describe accurately how we can reproduce/verify the bug.
-      placeholder: |
-        Example steps (replace with your own):
-        1. Clone my repo at https://github.com/<myuser>/example
-        2. npm install
-        3. npm run test
-        4. You should see the error come up
-    validations:
-      required: true
-  - type: textarea
-    id: expected
-    attributes:
-      label: Expected behavior
-      description: A description of what you expect to happen.
-      placeholder: I expect to see X or Y
-    validations:
-      required: true
-  - type: textarea
-    id: what-happened
-    attributes:
-      label: Actual behavior
-      description: A clear and concise description of the unexpected behavior.
-      placeholder: A bug happened!
-    validations:
-      required: true
-  - type: textarea
-    id: context
-    attributes:
-      label: Additional context
-      description: Anything else that might be relevant
-    validations:
-      required: false
-  - type: textarea
-    id: envinfo
-    attributes:
-      label: Environment
-      description: |
-        Please paste the output of running `npx envinfo --preset playwright`.
-        This will be automatically formatted as a code block, so no need for backticks.
-      placeholder: |
-        System:
-          OS: Linux 6.2 Ubuntu 22.04.3 LTS 22.04.3 LTS (Jammy Jellyfish)
-          CPU: (8) arm64
-        Binaries:
-          Node: 18.19.0 - ~/.nvm/versions/node/v18.19.0/bin/node
-          npm: 10.2.3 - ~/.nvm/versions/node/v18.19.0/bin/npm
-        npmPackages:
-          @playwright/test: 1.41.1 => 1.41.1
-      render: shell
-    validations:
-      required: true

.github/ISSUE_TEMPLATE/vscode-extension.md

@@ -0,0 +1,26 @@
+---
+name: VSCode extension bug
+about: Something doesn't work like it should inside the Visual Studio Code extension or you have a feature request? Tell us!
+title: "[BUG]"
+labels: ''
+assignees: ''
+
+---
+
+**Context:**
+- Playwright Version: [what Playwright version do you use?]
+- Operating System: [e.g. Windows, Linux or Mac]
+- Node.js version: [e.g. 12.22, 14.6]
+- Visual Studio Code version: [e.g. 1.65]
+- Playwright for VSCode extension version: [e.g. 1.2.3]
+- Browser: [e.g. All, Chromium, Firefox, WebKit]
+- Extra: [any specific details about your environment]
+
+**Code Snippet**
+
+Help us help you! Put down a short code snippet that illustrates your bug and
+that we can run and debug locally. For example:
+
+**Describe the bug**
+
+Add any other details about the problem here.

.github/actions/download-artifact/action.yml

@@ -1,44 +0,0 @@
-name: 'Download artifacts'
-description: 'Download artifacts from GitHub'
-inputs:
-  namePrefix:
-    description: 'Name prefix of the artifacts to download'
-    required: true
-    default: 'blob-report'
-  path:
-    description: 'Directory with downloaded artifacts'
-    required: true
-    default: '.'
-runs:
-  using: "composite"
-  steps:
-    - name: Create temp downloads dir
-      shell: bash
-      run: mkdir -p '${{ inputs.path }}/artifacts'
-    - name: Download artifacts
-      uses: actions/github-script@v7
-      with:
-        script: |
-          console.log(`downloading artifacts for workflow_run: ${context.payload.workflow_run.id}`);
-          console.log(`workflow_run: ${JSON.stringify(context.payload.workflow_run, null, 2)}`);
-          const allArtifacts = await github.paginate(github.rest.actions.listWorkflowRunArtifacts, {
-            ...context.repo,
-            run_id: context.payload.workflow_run.id
-          });
-          console.log('total = ', allArtifacts.length);
-          const artifacts = allArtifacts.filter(a => a.name.startsWith('${{ inputs.namePrefix }}'));
-          const fs = require('fs');
-          for (const artifact of artifacts) {
-            const result = await github.rest.actions.downloadArtifact({
-              ...context.repo,
-              artifact_id: artifact.id,
-              archive_format: 'zip'
-            });
-            console.log(`Downloaded ${artifact.name}.zip (${result.data.byteLength} bytes)`);
-            fs.writeFileSync(`${{ inputs.path }}/artifacts/${artifact.name}.zip`, Buffer.from(result.data));
-          }
-    - name: Unzip artifacts
-      shell: bash
-      run: |
-        unzip -n '${{ inputs.path }}/artifacts/*.zip' -d ${{ inputs.path }}
-        rm -rf '${{ inputs.path }}/artifacts'

.github/actions/enable-microphone-access/action.yml

@@ -1,25 +0,0 @@
-name: Enable Microphone Access (macOS)
-description: 'Allow microphone access to all apps on macOS'
-
-runs:
-  using: composite
-  steps:
-    # https://github.com/actions/runner-images/issues/9330
-    - name: Allow microphone access to all apps
-      shell: bash
-      run: |
-        if [[ "$(uname)" != "Darwin" ]]; then
-          echo "Not macOS, exiting"
-          exit 0
-        fi
-        echo "Allowing microphone access to all apps"
-        version=$(sw_vers -productVersion | cut -d. -f1)
-        if [[ "$version" == "14" || "$version" == "15" ]]; then
-          sqlite3 $HOME/Library/Application\ Support/com.apple.TCC/TCC.db "INSERT OR IGNORE INTO access VALUES ('kTCCServiceMicrophone','/usr/local/opt/runner/provisioner/provisioner',1,2,4,1,NULL,NULL,0,'UNUSED',NULL,0,1687786159,NULL,NULL,'UNUSED',1687786159);"
-        elif [[ "$version" == "12" || "$version" == "13" ]]; then
-          sqlite3 $HOME/Library/Application\ Support/com.apple.TCC/TCC.db "INSERT OR REPLACE INTO access VALUES('kTCCServiceMicrophone','/usr/local/opt/runner/provisioner/provisioner',1,2,4,1,NULL,NULL,0,'UNUSED',NULL,0,1687786159);"
-        else
-          echo "Skipping unsupported macOS version $version"
-          exit 0
-        fi
-        echo "Successfully allowed microphone access"

.github/actions/run-test/action.yml

@@ -1,93 +0,0 @@
-name: 'Run browser tests'
-description: 'Run browser tests'
-inputs:
-  command:
-    description: 'Command to run tests'
-    required: true
-  node-version:
-    description: 'Node.js version to use'
-    required: false
-    default: '18'
-  browsers-to-install:
-    description: 'Browser to install. Default is all browsers.'
-    required: false
-    default: ''
-  bot-name:
-    description: 'Bot name'
-    required: true
-  shell:
-    description: 'Shell to use'
-    required: false
-    default: 'bash'
-  flakiness-client-id:
-    description: 'Azure Flakiness Dashboard Client ID'
-    required: false
-  flakiness-tenant-id:
-    description: 'Azure Flakiness Dashboard Tenant ID'
-    required: false
-  flakiness-subscription-id:
-    description: 'Azure Flakiness Dashboard Subscription ID'
-    required: false
-
-runs:
-  using: composite
-  steps:
-    - uses: actions/setup-node@v4
-      with:
-        node-version: ${{ inputs.node-version }}
-    - uses: ./.github/actions/enable-microphone-access
-    - run: |
-        echo "::group::npm ci"
-        npm ci
-        echo "::endgroup::"
-      shell: bash
-      env:
-        DEBUG: pw:install
-        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: '1'
-    - run: |
-        echo "::group::npm run build"
-        npm run build
-        echo "::endgroup::"
-      shell: bash
-    - run: |
-        echo "::group::npx playwright install --with-deps"
-        npx playwright install --with-deps ${{ inputs.browsers-to-install }}
-        echo "::endgroup::"
-      shell: bash
-    - name: Run tests
-      if: inputs.shell == 'bash'
-      run: |
-        if [[ "$(uname)" == "Linux" ]]; then
-          xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- ${{ inputs.command }}
-        else
-          ${{ inputs.command }}
-        fi
-      shell: bash
-      env:
-        PWTEST_BOT_NAME: ${{ inputs.bot-name }}
-    - name: Run tests
-      if: inputs.shell != 'bash'
-      run: ${{ inputs.command }}
-      shell: ${{ inputs.shell }}
-      env:
-        PWTEST_BOT_NAME: ${{ inputs.bot-name }}
-    - name: Azure Login
-      uses: azure/login@v2
-      if: ${{ !cancelled() && github.event_name == 'push' && github.repository == 'microsoft/playwright' }}
-      with:
-        client-id: ${{ inputs.flakiness-client-id }}
-        tenant-id: ${{ inputs.flakiness-tenant-id }}
-        subscription-id: ${{ inputs.flakiness-subscription-id }}
-    - run: |
-        echo "::group::./utils/upload_flakiness_dashboard.sh"
-        ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
-        echo "::endgroup::"
-      if: ${{ !cancelled() }}
-      shell: bash
-    - name: Upload blob report
-      # We only merge reports for PRs as per .github/workflows/create_test_report.yml.
-      if: ${{ !cancelled() && github.event_name == 'pull_request' }}
-      uses: ./.github/actions/upload-blob-report
-      with:
-        report_dir: blob-report
-        job_name: ${{ inputs.bot-name }}

.github/actions/upload-blob-report/action.yml

@@ -1,34 +0,0 @@
-name: 'Upload blob report'
-description: 'Upload blob report to GitHub artifacts (for pull requests)'
-inputs:
-  report_dir:
-    description: 'Directory containing blob report'
-    required: true
-    default: 'test-results/blob-report'
-  job_name:
-    description: 'Unique job name'
-    required: true
-    default: ''
-runs:
-  using: "composite"
-  steps:
-    - name: Integrity check
-      shell: bash
-      run: find "${{ inputs.report_dir }}" -name "*.zip" -exec unzip -t {} \;
-    - name: Upload blob report to GitHub
-      if: ${{ !cancelled() && github.event_name == 'pull_request' }}
-      uses: actions/upload-artifact@v4
-      with:
-        name: blob-report-${{ inputs.job_name }}
-        path: ${{ inputs.report_dir }}/**
-        retention-days: 7
-    - name: Write triggering pull request number in a file
-      if: ${{ !cancelled() && github.event_name == 'pull_request' }}
-      shell: bash
-      run: echo '${{ github.event.number }}' > pull_request_number.txt;
-    - name: Upload artifact with the pull request number
-      if: ${{ !cancelled() && github.event_name == 'pull_request' }}
-      uses: actions/upload-artifact@v4
-      with:
-        name: pull-request-${{ inputs.job_name }}
-        path: pull_request_number.txt

.github/dependabot.yml

@@ -1,14 +0,0 @@
-version: 2
-updates:
-  - package-ecosystem: "pip"
-    directory: "/"
-    schedule:
-      interval: "weekly"
-  - package-ecosystem: "github-actions"
-    directory: "/"
-    schedule:
-      interval: "weekly"
-    groups:
-      actions:
-        patterns:
-          - "*" 

.github/dummy-package-files-for-dependents-analytics/playwright-chromium/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "playwright-chromium",
+    "version": "1.0.0",
+    "description": "A high-level API to automate web browsers",
+    "repository": "github:Microsoft/playwright",
+    "license": "Apache-2.0"
+}

.github/dummy-package-files-for-dependents-analytics/playwright-core/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "playwright-core",
+    "version": "1.0.0",
+    "description": "A high-level API to automate web browsers",
+    "repository": "github:Microsoft/playwright",
+    "license": "Apache-2.0"
+}

.github/dummy-package-files-for-dependents-analytics/playwright-firefox/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "playwright-firefox",
+    "version": "1.0.0",
+    "description": "A high-level API to automate web browsers",
+    "repository": "github:Microsoft/playwright",
+    "license": "Apache-2.0"
+}

.github/dummy-package-files-for-dependents-analytics/playwright-test/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "@playwright/test",
+    "version": "1.0.0",
+    "description": "A high-level API to automate web browsers",
+    "repository": "github:Microsoft/playwright",
+    "license": "Apache-2.0"
+}

.github/dummy-package-files-for-dependents-analytics/playwright-webkit/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "playwright-webkit",
+    "version": "1.0.0",
+    "description": "A high-level API to automate web browsers",
+    "repository": "github:Microsoft/playwright",
+    "license": "Apache-2.0"
+}

.github/dummy-package-files-for-dependents-analytics/playwright/package.json

@@ -0,0 +1,7 @@
+{
+    "name": "playwright",
+    "version": "1.0.0",
+    "description": "A high-level API to automate web browsers",
+    "repository": "github:Microsoft/playwright",
+    "license": "Apache-2.0"
+}

.github/workflows/cherry_pick_into_release_branch.yml

@@ -12,9 +12,6 @@ on:
         description: Comma-separated list of commit hashes to cherry-pick
         required: true
 
-permissions:
-  contents: write
-
 jobs:
   roll:
     runs-on: ubuntu-22.04
@@ -26,7 +23,7 @@ jobs:
           echo "Version is not a two digit semver version"
           exit 1
         fi
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
       with:
         ref: release-${{ github.event.inputs.version }}
         fetch-depth: 0
@@ -45,22 +42,22 @@ jobs:
               console.log(process.argv[1]);
               process.exit(0);
             }
-            console.log(`cherry-pick${match[2]}: ${match[1]}`);
+            console.log(`chery-pick${match[2]}: ${match[1]}`);
           ' "$COMMIT_MESSAGE")
 
           git commit -m "$COMMIT_MESSAGE"
         done
         LAST_COMMIT_MESSAGE=$(git show -s --format=%B)
-        echo "PR_TITLE=$LAST_COMMIT_MESSAGE" >> $GITHUB_OUTPUT
+        echo "::set-output name=PR_TITLE::$LAST_COMMIT_MESSAGE"
     - name: Prepare branch
       id: prepare-branch
       run: |
         BRANCH_NAME="cherry-pick-${{ github.event.inputs.version }}-$(date +%Y-%m-%d-%H-%M-%S)"
-        echo "BRANCH_NAME=$BRANCH_NAME" >> $GITHUB_OUTPUT
+        echo "::set-output name=BRANCH_NAME::$BRANCH_NAME"
         git checkout -b "$BRANCH_NAME"
         git push origin $BRANCH_NAME
     - name: Create Pull Request
-      uses: actions/github-script@v7
+      uses: actions/github-script@v6
       with:
         github-token: ${{ secrets.REPOSITORY_DISPATCH_PERSONAL_ACCESS_TOKEN }}
         script: |

.github/workflows/create_test_report.yml

@@ -1,123 +0,0 @@
-name: Publish Test Results
-on:
-  workflow_run:
-    workflows: ["tests 1", "tests 2", "tests others"]
-    types:
-      - completed
-jobs:
-  merge-reports:
-    permissions:
-      pull-requests: write
-      checks: write
-      id-token: write   # This is required for OIDC login (azure/login) to succeed
-      contents: read    # This is required for actions/checkout to succeed
-    if: ${{ github.event.workflow_run.event == 'pull_request' }}
-    runs-on: ubuntu-latest
-    steps:
-    - uses: actions/checkout@v4
-    - uses: actions/setup-node@v4
-      with:
-        node-version: 18
-    - run: npm ci
-      env:
-        DEBUG: pw:install
-        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
-        ELECTRON_SKIP_BINARY_DOWNLOAD: 1
-    - run: npm run build
-
-    - name: Download blob report artifact
-      uses: ./.github/actions/download-artifact
-      with:
-        namePrefix: 'blob-report'
-        path: 'all-blob-reports'
-
-    - name: Merge reports
-      run: |
-        npx playwright merge-reports --config .github/workflows/merge.config.ts ./all-blob-reports
-      env:
-        NODE_OPTIONS: --max-old-space-size=8192
-
-    - name: Azure Login
-      uses: azure/login@v2
-      with:
-        client-id: ${{ secrets.AZURE_BLOB_REPORTS_CLIENT_ID }}
-        tenant-id: ${{ secrets.AZURE_BLOB_REPORTS_TENANT_ID }}
-        subscription-id: ${{ secrets.AZURE_BLOB_REPORTS_SUBSCRIPTION_ID }}
-
-    - name: Upload HTML report to Azure
-      run: |
-        REPORT_DIR='run-${{ github.event.workflow_run.id }}-${{ github.event.workflow_run.run_attempt }}-${{ github.sha }}'
-        azcopy cp --recursive "./playwright-report/*" "https://mspwblobreport.blob.core.windows.net/\$web/$REPORT_DIR"
-        echo "Report url: https://mspwblobreport.z1.web.core.windows.net/$REPORT_DIR/index.html"
-      env:
-        AZCOPY_AUTO_LOGIN_TYPE: AZCLI
-
-    - name: Read pull request number
-      uses: ./.github/actions/download-artifact
-      with:
-        namePrefix: 'pull-request'
-        path: '.'
-
-    - name: Comment on PR
-      uses: actions/github-script@v7
-      with:
-        github-token: ${{ secrets.GITHUB_TOKEN }}
-        script: |
-          const fs = require('fs');
-          let prNumber;
-          if (context.payload.workflow_run.event === 'pull_request') {
-            const prs = context.payload.workflow_run.pull_requests;
-            if (prs.length) {
-              prNumber = prs[0].number;
-            } else {
-              prNumber = parseInt(fs.readFileSync('pull_request_number.txt').toString());
-              console.log('Read pull request number from file: ' + prNumber);
-            }
-          } else {
-            core.error('Unsupported workflow trigger event: ' + context.payload.workflow_run.event);
-            return;
-          }
-          if (!prNumber) {
-            core.error('No pull request found for commit ' + context.sha + ' and workflow triggered by: ' + context.payload.workflow_run.event);
-            return;
-          }
-          {
-            // Mark previous comments as outdated by minimizing them.
-            const { data: comments } = await github.rest.issues.listComments({
-              ...context.repo,
-              issue_number: prNumber,
-            });
-            for (const comment of comments) {
-              if (comment.user.login === 'github-actions[bot]' && /\[Test results\]\(https:\/\/.+?\) for "${{ github.event.workflow_run.name }}"/.test(comment.body)) {
-                await github.graphql(`
-                  mutation {
-                    minimizeComment(input: {subjectId: "${comment.node_id}", classifier: OUTDATED}) {
-                      clientMutationId
-                    }
-                  }
-                `);
-              }
-            }
-          }
-          const reportDir = 'run-${{ github.event.workflow_run.id }}-${{ github.event.workflow_run.run_attempt }}-${{ github.sha }}';
-          const reportUrl = `https://mspwblobreport.z1.web.core.windows.net/${reportDir}/index.html#?q=s%3Afailed%20s%3Aflaky`;
-          core.notice('Report url: ' + reportUrl);
-          const mergeWorkflowUrl = `${context.serverUrl}/${context.repo.owner}/${context.repo.repo}/actions/runs/${context.runId}`;
-          const reportMd = await fs.promises.readFile('report.md', 'utf8');
-          function formatComment(lines) {
-            let body = lines.join('\n');
-            if (body.length > 65535)
-              body = body.substring(0, 65000) + `... ${body.length - 65000} more characters`;
-            return body;
-          }
-          const { data: response } = await github.rest.issues.createComment({
-            ...context.repo,
-            issue_number: prNumber,
-            body: formatComment([
-              `### [Test results](${reportUrl}) for "${{ github.event.workflow_run.name }}"`,
-              reportMd,
-              '',
-              `Merge [workflow run](${mergeWorkflowUrl}).`
-            ]),
-          });
-          core.info('Posted comment: ' + response.html_url);

.github/workflows/infra.yml

@@ -10,18 +10,16 @@ on:
       - main
       - release-*
 
-env:
-  ELECTRON_SKIP_BINARY_DOWNLOAD: 1
-
 jobs:
   doc-and-lint:
     name: "docs & lint"
-    runs-on: ubuntu-24.04
+    runs-on: ubuntu-20.04
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v4
+    - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 14
+    - run: npm i -g npm@8
     - run: npm ci
     - run: npm run build
     - run: npx playwright install-deps
@@ -35,27 +33,4 @@ jobs:
           exit 1
         fi
     - name: Audit prod NPM dependencies
-      run: node utils/check_audit.js
+      run: npm audit --omit dev
-  lint-snippets:
-    name: "Lint snippets"
-    runs-on: ubuntu-latest
-    steps:
-    - uses: actions/checkout@v4
-    - uses: actions/setup-node@v4
-      with:
-        node-version: 18
-    - uses: actions/setup-python@v5
-      with:
-        python-version: '3.11'
-    - uses: actions/setup-dotnet@v4
-      with:
-        dotnet-version: 8.0.x
-    - uses: actions/setup-java@v4
-      with:
-        distribution: 'zulu'
-        java-version: '21'
-    - run: npm ci
-    - run: pip install -r utils/doclint/linting-code-snippets/python/requirements.txt
-    - run: mvn package
-      working-directory: utils/doclint/linting-code-snippets/java
-    - run: node utils/doclint/linting-code-snippets/cli.js

.github/workflows/merge.config.ts

@@ -1,4 +0,0 @@
-export default {
-  testDir: '../../tests',
-  reporter: [[require.resolve('../../packages/playwright/lib/reporters/markdown')], ['html']]
-};

.github/workflows/pr_check_client_side_changes.yml

@@ -4,39 +4,30 @@ on:
     branches:
       - main
     paths:
-      - 'docs/src/api/**/*'
       - 'packages/playwright-core/src/client/**/*'
-      - 'packages/playwright-core/src/utils/isomorphic/**/*'
+      - 'packages/playwright-test/src/matchers/matchers.ts'
-      - 'packages/playwright/src/matchers/matchers.ts'
-      - 'packages/protocol/src/protocol.yml'
 jobs:
   check:
     name: Check
-    runs-on: ubuntu-24.04
+    runs-on: ubuntu-20.04
     if: github.repository == 'microsoft/playwright'
     steps:
-      - uses: actions/checkout@v4
       - name: Create GitHub issue
-        uses: actions/github-script@v7
+        uses: actions/github-script@v6
         with:
           github-token: ${{ secrets.REPOSITORY_DISPATCH_PERSONAL_ACCESS_TOKEN }}
           script: |
-            const currentPlaywrightVersion = require('./package.json').version.match(/\d+\.\d+/)[0];
             const { data } = await github.rest.git.getCommit({
               owner: context.repo.owner,
               repo: context.repo.repo,
               commit_sha: context.sha,
             });
             const commitHeader = data.message.split('\n')[0];
-            const prMatch = commitHeader.match(/#(\d+)/);
-            const formattedCommit = prMatch 
-              ? `https://github.com/microsoft/playwright/pull/${prMatch[1]}`
-              : `https://github.com/${context.repo.owner}/${context.repo.repo}/commit/${context.sha} (${commitHeader})`;
 
-            const title = '[Ports]: Backport client side changes for ' + currentPlaywrightVersion;
+            const title = '[Ports]: Backport client side changes';
             for (const repo of ['playwright-python', 'playwright-java', 'playwright-dotnet']) {
               const { data: issuesData } = await github.rest.search.issuesAndPullRequests({
-                q: `is:issue is:open repo:microsoft/${repo} in:title "${title}" author:playwrightmachine`
+                q: `is:issue is:open repo:microsoft/${repo} in:title "${title}"`
               })
               let issueNumber = null;
               let issueBody = '';
@@ -54,7 +45,7 @@ jobs:
                 issueBody = issueCreateData.body;
               }
               const newBody = issueBody.trimEnd() + `
-              - [ ] ${formattedCommit}`;
+              - [ ] https://github.com/${context.repo.owner}/${context.repo.repo}/commit/${context.sha} (${commitHeader})`;
               const data = await github.rest.issues.update({
                 owner: context.repo.owner,
                 repo: repo,

.github/workflows/publish_canary.yml

@@ -8,24 +8,18 @@ on:
     branches:
       - release-*
 
-env:
-  ELECTRON_SKIP_BINARY_DOWNLOAD: 1
-
 jobs:
   publish-canary:
-    name: "publish canary NPM"
+    name: "publish canary NPM & Publish canary Docker"
-    runs-on: ubuntu-24.04
+    runs-on: ubuntu-20.04
     if: github.repository == 'microsoft/playwright'
-    permissions:
-      id-token: write  # This is required for OIDC login (azure/login) to succeed
-      contents: read   # This is required for actions/checkout to succeed
-    environment: allow-publish-driver-to-cdn # This is required for OIDC login (azure/login)
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v4
+    - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 14
         registry-url: 'https://registry.npmjs.org'
+    - run: npm i -g npm@8
     - run: npm ci
     - run: npm run build
     - run: npx playwright install-deps
@@ -50,28 +44,36 @@ jobs:
         utils/publish_all_packages.sh --beta
       env:
         NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-    - name: Azure Login
-      uses: azure/login@v2
-      with:
-        client-id: ${{ secrets.AZURE_PW_CDN_CLIENT_ID }}
-        tenant-id: ${{ secrets.AZURE_PW_CDN_TENANT_ID }}
-        subscription-id: ${{ secrets.AZURE_PW_CDN_SUBSCRIPTION_ID }}
     - name: build & publish driver
       env:
         AZ_UPLOAD_FOLDER: driver/next
+        AZ_ACCOUNT_KEY: ${{ secrets.AZ_ACCOUNT_KEY }}
+        AZ_ACCOUNT_NAME: ${{ secrets.AZ_ACCOUNT_NAME }}
       run: |
         utils/build/build-playwright-driver.sh
         utils/build/upload-playwright-driver.sh
+    - uses: azure/docker-login@v1
+      with:
+        login-server: playwright.azurecr.io
+        username: playwright
+        password: ${{ secrets.DOCKER_PASSWORD }}
+    - name: Set up Docker QEMU for arm64 docker builds
+      uses: docker/setup-qemu-action@v1
+      with:
+        platforms: arm64
+    - name: publish docker canary
+      run: ./utils/docker/publish_docker.sh canary
 
   publish-trace-viewer:
     name: "publish Trace Viewer to trace.playwright.dev"
-    runs-on: ubuntu-24.04
+    runs-on: ubuntu-20.04
     if: github.repository == 'microsoft/playwright'
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v4
+    - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 14
+    - run: npm i -g npm@8
     - name: Deploy Canary
       run: bash utils/build/deploy-trace-viewer.sh --canary
       if: contains(github.ref, 'main')

.github/workflows/publish_release_docker.yml

@@ -2,40 +2,40 @@ name: "publish release - Docker"
 
 on:
   workflow_dispatch:
+    inputs:
+      is_release:
+        required: true
+        type: boolean
+        description: "Is this a release image?"
+
   release:
     types: [published]
 
-env:
-  ELECTRON_SKIP_BINARY_DOWNLOAD: 1
-
 jobs:
   publish-docker-release:
     name: "publish to DockerHub"
-    runs-on: ubuntu-22.04
+    runs-on: ubuntu-20.04
-    permissions:
-      id-token: write   # This is required for OIDC login (azure/login) to succeed
-      contents: read    # This is required for actions/checkout to succeed
     if: github.repository == 'microsoft/playwright'
-    environment: allow-publishing-docker-to-acr
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v4
+    - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 14
         registry-url: 'https://registry.npmjs.org'
+    - uses: azure/docker-login@v1
+      with:
+        login-server: playwright.azurecr.io
+        username: playwright
+        password: ${{ secrets.DOCKER_PASSWORD }}
     - name: Set up Docker QEMU for arm64 docker builds
-      uses: docker/setup-qemu-action@v3
+      uses: docker/setup-qemu-action@v1
       with:
         platforms: arm64
+    - run: npm i -g npm@8
     - run: npm ci
     - run: npm run build
     - run: npx playwright install-deps
-    - name: Azure Login
-      uses: azure/login@v2
-      with:
-        client-id: ${{ secrets.AZURE_DOCKER_CLIENT_ID }}
-        tenant-id: ${{ secrets.AZURE_DOCKER_TENANT_ID }}
-        subscription-id: ${{ secrets.AZURE_DOCKER_SUBSCRIPTION_ID }}
-    - name: Login to ACR via OIDC
-      run: az acr login --name playwright
     - run: ./utils/docker/publish_docker.sh stable
+      if: (github.event_name != 'workflow_dispatch' && !github.event.release.prerelease) || (github.event_name == 'workflow_dispatch' && github.event.inputs.is_release == 'true')
+    - run: ./utils/docker/publish_docker.sh canary
+      if: (github.event_name != 'workflow_dispatch' && github.event.release.prerelease) || (github.event_name == 'workflow_dispatch' && github.event.inputs.is_release != 'true')

.github/workflows/publish_release_driver.yml

@@ -4,34 +4,24 @@ on:
   release:
     types: [published]
 
-env:
-  ELECTRON_SKIP_BINARY_DOWNLOAD: 1
-
 jobs:
   publish-driver-release:
     name: "publish playwright driver to CDN"
-    runs-on: ubuntu-24.04
+    runs-on: ubuntu-20.04
     if: github.repository == 'microsoft/playwright'
-    permissions:
-      id-token: write  # This is required for OIDC login (azure/login) to succeed
-      contents: read   # This is required for actions/checkout to succeed
-    environment: allow-publish-driver-to-cdn # This is required for OIDC login (azure/login)
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v4
+    - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 14
         registry-url: 'https://registry.npmjs.org'
+    - run: npm i -g npm@8
     - run: npm ci
     - run: npm run build
     - run: npx playwright install-deps
     - run: utils/build/build-playwright-driver.sh
-    - name: Azure Login
-      uses: azure/login@v2
-      with:
-        client-id: ${{ secrets.AZURE_PW_CDN_CLIENT_ID }}
-        tenant-id: ${{ secrets.AZURE_PW_CDN_TENANT_ID }}
-        subscription-id: ${{ secrets.AZURE_PW_CDN_SUBSCRIPTION_ID }}
     - run: utils/build/upload-playwright-driver.sh
       env:
         AZ_UPLOAD_FOLDER: driver
+        AZ_ACCOUNT_KEY: ${{ secrets.AZ_ACCOUNT_KEY }}
+        AZ_ACCOUNT_NAME: ${{ secrets.AZ_ACCOUNT_NAME }}

.github/workflows/publish_release_npm.yml

@@ -4,31 +4,26 @@ on:
   release:
     types: [published]
 
-env:
-  ELECTRON_SKIP_BINARY_DOWNLOAD: 1
-
 jobs:
   publish-npm-release:
     name: "publish to NPM"
-    runs-on: ubuntu-24.04
+    runs-on: ubuntu-20.04
     if: github.repository == 'microsoft/playwright'
-    permissions:
-      contents: read
-      id-token: write
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v4
+    - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 14
         registry-url: 'https://registry.npmjs.org'
+    - run: npm i -g npm@8
     - run: npm ci
     - run: npm run build
     - run: npx playwright install-deps
     - run: utils/publish_all_packages.sh --release-candidate
-      if: ${{ github.event.release.prerelease }}
+      if: "github.event.release.prerelease"
       env:
         NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
     - run: utils/publish_all_packages.sh --release
-      if: ${{ !github.event.release.prerelease }}
+      if: "!github.event.release.prerelease"
       env:
         NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/publish_release_traceviewer.yml

@@ -7,13 +7,14 @@ on:
 jobs:
   publish-trace-viewer:
     name: "publish Trace Viewer to trace.playwright.dev"
-    runs-on: ubuntu-24.04
+    runs-on: ubuntu-20.04
     if: github.repository == 'microsoft/playwright'
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v4
+    - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 14
+    - run: npm i -g npm@8
     - name: Deploy Stable
       run: bash utils/build/deploy-trace-viewer.sh --stable
       env:

.github/workflows/roll_browser_into_playwright.yml

@@ -3,54 +3,37 @@ name: Roll Browser into Playwright
 on:
   repository_dispatch:
     types: [roll_into_pw]
-  workflow_dispatch:
-    inputs:
-      browser:
-        description: 'Browser name, e.g. chromium'
-        required: true
-        type: string
-      revision:
-        description: 'Browser revision without v prefix, e.g. 1234'
-        required: true
-        type: string
-
-env:
-  ELECTRON_SKIP_BINARY_DOWNLOAD: 1
-  BROWSER: ${{ github.event.client_payload.browser || github.event.inputs.browser }}
-  REVISION: ${{ github.event.client_payload.revision || github.event.inputs.revision }}
-
-permissions:
-  contents: write
 
 jobs:
   roll:
-    runs-on: ubuntu-24.04
+    runs-on: ubuntu-20.04
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v4
+    - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 14
+    - run: npm i -g npm@8
     - run: npm ci
     - run: npm run build
     - name: Install dependencies
       run: npx playwright install-deps
     - name: Roll to new revision
       run: |
-        ./utils/roll_browser.js $BROWSER $REVISION
+        ./utils/roll_browser.js ${{ github.event.client_payload.browser }} ${{ github.event.client_payload.revision }}
         npm run build
     - name: Prepare branch
       id: prepare-branch
       run: |
-        BRANCH_NAME="roll-into-pw-${BROWSER}/${REVISION}"
+        BRANCH_NAME="roll-into-pw-${{ github.event.client_payload.browser }}/${{ github.event.client_payload.revision }}"
-        echo "BRANCH_NAME=$BRANCH_NAME" >> $GITHUB_OUTPUT
+        echo "::set-output name=BRANCH_NAME::$BRANCH_NAME"
         git config --global user.name github-actions
         git config --global user.email 41898282+github-actions[bot]@users.noreply.github.com
         git checkout -b "$BRANCH_NAME"
         git add .
-        git commit -m "feat(${BROWSER}): roll to r${REVISION}"
+        git commit -m "feat(${{ github.event.client_payload.browser }}): roll to r${{ github.event.client_payload.revision }}"
-        git push origin $BRANCH_NAME --force
+        git push origin $BRANCH_NAME
     - name: Create Pull Request
-      uses: actions/github-script@v7
+      uses: actions/github-script@v6
       with:
         github-token: ${{ secrets.REPOSITORY_DISPATCH_PERSONAL_ACCESS_TOKEN }}
         script: |
@@ -59,7 +42,7 @@ jobs:
             repo: 'playwright',
             head: 'microsoft:${{ steps.prepare-branch.outputs.BRANCH_NAME }}',
             base: 'main',
-            title: 'feat(${{ env.BROWSER }}): roll to r${{ env.REVISION }}',
+            title: 'feat(${{ github.event.client_payload.browser }}): roll to r${{ github.event.client_payload.revision }}',
           });
           await github.rest.issues.addLabels({
             owner: 'microsoft',

.github/workflows/roll_driver_nodejs.yml

@@ -9,13 +9,11 @@ jobs:
     name: Trigger Roll
     runs-on: ubuntu-22.04
     if: github.repository == 'microsoft/playwright'
-    permissions:
-      contents: write
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v3
         with:
-          node-version: 18
+          node-version: 16
       - run: node utils/build/update-playwright-driver-version.mjs
       - name: Prepare branch
         id: prepare-branch
@@ -24,9 +22,9 @@ jobs:
               echo "there are no changes";
               exit 0;
           fi
-          echo "HAS_CHANGES=1" >> $GITHUB_OUTPUT
+          echo "::set-output name=HAS_CHANGES::1"
           BRANCH_NAME="roll-driver-nodejs/$(date +%Y-%b-%d)"
-          echo "BRANCH_NAME=$BRANCH_NAME" >> $GITHUB_OUTPUT
+          echo "::set-output name=BRANCH_NAME::$BRANCH_NAME"
           git config --global user.name github-actions
           git config --global user.email 41898282+github-actions[bot]@users.noreply.github.com
           git checkout -b "$BRANCH_NAME"
@@ -35,9 +33,8 @@ jobs:
           git push origin $BRANCH_NAME
       - name: Create Pull Request
         if: ${{ steps.prepare-branch.outputs.HAS_CHANGES == '1' }}
-        uses: actions/github-script@v7
+        uses: actions/github-script@v6
         with:
-          github-token: ${{ secrets.REPOSITORY_DISPATCH_PERSONAL_ACCESS_TOKEN }}
           script: |
             await github.rest.pulls.create({
               owner: 'microsoft',

.github/workflows/tests_bidi.yml

@@ -1,71 +0,0 @@
-name: tests BiDi
-
-on:
-  workflow_dispatch:
-  pull_request:
-    branches:
-      - main
-    paths:
-      - .github/workflows/tests_bidi.yml
-      - packages/playwright-core/src/server/bidi/**
-      - tests/bidi/**
-  schedule:
-    # Run every day at midnight
-    - cron: '0 0 * * *'
-
-env:
-  FORCE_COLOR: 1
-
-jobs:
-  test_bidi:
-    name: BiDi
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
-    runs-on: ubuntu-24.04
-    permissions:
-      id-token: write   # This is required for OIDC login (azure/login) to succeed
-      contents: read    # This is required for actions/checkout to succeed
-    strategy:
-      fail-fast: false
-      matrix:
-        channel: [bidi-chromium, bidi-firefox-nightly]
-    steps:
-    - uses: actions/checkout@v4
-    - uses: actions/setup-node@v4
-      with:
-        node-version: 20
-    - run: npm ci
-      env:
-        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: '1'
-    - run: npm run build
-    - run: npx playwright install --with-deps chromium
-      if: matrix.channel == 'bidi-chromium'
-    - run: npx -y @puppeteer/browsers install firefox@nightly
-      if: matrix.channel == 'bidi-firefox-nightly'
-    - name: Run tests
-      run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run biditest -- --project=${{ matrix.channel }}*
-      env:
-        PWTEST_USE_BIDI_EXPECTATIONS: '1'
-    - name: Upload csv report to GitHub
-      if: ${{ !cancelled() }}
-      uses: actions/upload-artifact@v4
-      with:
-        name: csv-report-${{ matrix.channel }}
-        path: test-results/report.csv
-        retention-days: 7
-
-    - name: Azure Login
-      if: ${{ !cancelled() && github.ref == 'refs/heads/main' }}
-      uses: azure/login@v2
-      with:
-        client-id: ${{ secrets.AZURE_BLOB_REPORTS_CLIENT_ID }}
-        tenant-id: ${{ secrets.AZURE_BLOB_REPORTS_TENANT_ID }}
-        subscription-id: ${{ secrets.AZURE_BLOB_REPORTS_SUBSCRIPTION_ID }}
-
-    - name: Upload report.csv to Azure
-      if: ${{ !cancelled() && github.ref == 'refs/heads/main' }}
-      run: |
-        REPORT_DIR='bidi-reports'
-        azcopy cp "./test-results/report.csv" "https://mspwblobreport.blob.core.windows.net/\$web/$REPORT_DIR/${{ matrix.channel }}.csv"
-        echo "Report url: https://mspwblobreport.z1.web.core.windows.net/$REPORT_DIR/${{ matrix.channel }}.csv"
-      env:
-        AZCOPY_AUTO_LOGIN_TYPE: AZCLI

.github/workflows/tests_components.yml

@@ -15,27 +15,22 @@ on:
 
 env:
   FORCE_COLOR: 1
-  ELECTRON_SKIP_BINARY_DOWNLOAD: 1
 
 jobs:
   test_components:
-    name: ${{ matrix.os }} - Node.js ${{ matrix.node-version }}
+    name: ${{ matrix.os }}
     strategy:
       fail-fast: false
       matrix:
         os: [ubuntu-latest, macos-latest, windows-latest]
-        node-version: [18]
-        include:
-          - os: ubuntu-latest
-            node-version: 20
-          - os: ubuntu-latest
-            node-version: 22
     runs-on: ${{ matrix.os }}
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v4
+    - uses: actions/setup-node@v3
       with:
-        node-version: ${{ matrix.node-version }}
+        # Component tests require Node.js 16+ (they require ESM via TS)
+        node-version: 16
+    - run: npm i -g npm@8
     - run: npm ci
     - run: npm run build
     - run: npx playwright install --with-deps

.github/workflows/tests_electron.yml

@@ -0,0 +1,54 @@
+name: "electron"
+
+on:
+  push:
+    branches:
+      - main
+      - release-*
+  pull_request:
+    paths-ignore:
+      - 'browser_patches/**'
+      - 'docs/**'
+    types: [ labeled ]
+    branches:
+      - main
+      - release-*
+
+env:
+  # Force terminal colors. @see https://www.npmjs.com/package/colors
+  FORCE_COLOR: 1
+  FLAKINESS_CONNECTION_STRING: ${{ secrets.FLAKINESS_CONNECTION_STRING }}
+
+jobs:
+  test_electron:
+    name: ${{ matrix.os }}
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [ubuntu-latest, macos-latest, windows-latest]
+    runs-on: ${{ matrix.os }}
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps chromium
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run etest
+      if: matrix.os == 'ubuntu-latest'
+    - run: npm run etest
+      if: matrix.os != 'ubuntu-latest'
+    - run: node tests/config/checkCoverage.js electron
+      if: always() && matrix.os == 'ubuntu-latest'
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: always() && matrix.os == 'ubuntu-latest'
+      with:
+        name: electron-linux-test-results
+        path: test-results

.github/workflows/tests_others.yml

@@ -1,166 +0,0 @@
-name: tests others
-
-on:
-  push:
-    branches:
-      - main
-      - release-*
-  pull_request:
-    paths-ignore:
-      - 'browser_patches/**'
-      - 'docs/**'
-    types: [ labeled ]
-    branches:
-      - main
-      - release-*
-
-env:
-  FORCE_COLOR: 1
-  ELECTRON_SKIP_BINARY_DOWNLOAD: 1
-
-jobs:
-  test_stress:
-    name: Stress - ${{ matrix.os }}
-    strategy:
-      fail-fast: false
-      matrix:
-        os: [ubuntu-latest, macos-latest, windows-latest]
-    runs-on: ${{ matrix.os }}
-    steps:
-    - uses: actions/checkout@v4
-    - uses: actions/setup-node@v4
-      with:
-        node-version: 20
-    - run: npm ci
-    - run: npm run build
-    - run: npx playwright install --with-deps
-    - run: npm run stest contexts -- --project=chromium
-      if: ${{ !cancelled() }}
-    - run: npm run stest browsers -- --project=chromium
-      if: ${{ !cancelled() }}
-    - run: npm run stest frames -- --project=chromium
-      if: ${{ !cancelled() }}
-    - run: npm run stest contexts -- --project=webkit
-      if: ${{ !cancelled() }}
-    - run: npm run stest browsers -- --project=webkit
-      if: ${{ !cancelled() }}
-    - run: npm run stest frames -- --project=webkit
-      if: ${{ !cancelled() }}
-    - run: npm run stest contexts -- --project=firefox
-      if: ${{ !cancelled() }}
-    - run: npm run stest browsers -- --project=firefox
-      if: ${{ !cancelled() }}
-    - run: npm run stest frames -- --project=firefox
-      if: ${{ !cancelled() }}
-    - run: npm run stest heap -- --project=chromium
-      if: ${{ !cancelled() }}
-
-  test_webview2:
-    name: WebView2
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
-    runs-on: windows-2022
-    permissions:
-      id-token: write   # This is required for OIDC login (azure/login) to succeed
-      contents: read    # This is required for actions/checkout to succeed
-    steps:
-    - uses: actions/checkout@v4
-    - uses: actions/setup-dotnet@v4
-      with:
-        dotnet-version: '8.0.x'
-    - run: dotnet build
-      working-directory: tests/webview2/webview2-app/
-    - name: Update to Evergreen WebView2 Runtime
-      shell: pwsh
-      run: |
-        # See here: https://developer.microsoft.com/en-us/microsoft-edge/webview2/
-        Invoke-WebRequest -Uri 'https://go.microsoft.com/fwlink/p/?LinkId=2124703' -OutFile 'setup.exe'
-        Start-Process -FilePath setup.exe -Verb RunAs -Wait
-    - uses: ./.github/actions/run-test
-      with:
-        node-version: 20
-        browsers-to-install: chromium
-        command: npm run webview2test
-        bot-name: "webview2-chromium-windows"
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
-
-  test_clock_frozen_time_linux:
-    name: time library - ${{ matrix.clock }}
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
-    permissions:
-      id-token: write   # This is required for OIDC login (azure/login) to succeed
-      contents: read    # This is required for actions/checkout to succeed
-    strategy:
-      fail-fast: false
-      matrix:
-        clock: [frozen, realtime]
-    runs-on: ubuntu-22.04
-    steps:
-    - uses: actions/checkout@v4
-    - uses: ./.github/actions/run-test
-      with:
-        node-version: 20
-        browsers-to-install: chromium
-        command: npm run test -- --project=chromium-*
-        bot-name: "${{ matrix.clock }}-time-library-chromium-linux"
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
-      env:
-        PW_CLOCK: ${{ matrix.clock }}
-
-  test_clock_frozen_time_test_runner:
-    name: time test runner - ${{ matrix.clock }}
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
-    runs-on: ubuntu-22.04
-    permissions:
-      id-token: write   # This is required for OIDC login (azure/login) to succeed
-      contents: read    # This is required for actions/checkout to succeed
-    strategy:
-      fail-fast: false
-      matrix:
-        clock: [frozen, realtime]
-    steps:
-    - uses: actions/checkout@v4
-    - uses: ./.github/actions/run-test
-      with:
-        node-version: 20
-        command: npm run ttest
-        bot-name: "${{ matrix.clock }}-time-runner-chromium-linux"
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
-      env:
-        PW_CLOCK: ${{ matrix.clock }}
-
-  test_electron:
-    name: Electron - ${{ matrix.os }}
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
-    strategy:
-      fail-fast: false
-      matrix:
-        os: [ubuntu-latest, macos-latest, windows-latest]
-    permissions:
-      id-token: write   # This is required for OIDC login (azure/login) to succeed
-      contents: read    # This is required for actions/checkout to succeed
-    runs-on: ${{ matrix.os }}
-    steps:
-    - uses: actions/checkout@v4
-    - name: Setup Ubuntu Binary Installation # TODO: Remove when https://github.com/electron/electron/issues/42510 is fixed
-      if: ${{ runner.os == 'Linux' }}
-      run: |
-        if grep -q "Ubuntu 24" /etc/os-release; then
-          sudo sysctl -w kernel.apparmor_restrict_unprivileged_userns=0
-        fi
-      shell: bash
-    - uses: ./.github/actions/run-test
-      with:
-        browsers-to-install: chromium
-        command: npm run etest
-        bot-name: "electron-${{ matrix.os }}"
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
-      env:
-        ELECTRON_SKIP_BINARY_DOWNLOAD:

.github/workflows/tests_primary.yml

@@ -22,183 +22,142 @@ concurrency:
 env:
   # Force terminal colors. @see https://www.npmjs.com/package/colors
   FORCE_COLOR: 1
-  ELECTRON_SKIP_BINARY_DOWNLOAD: 1
+  FLAKINESS_CONNECTION_STRING: ${{ secrets.FLAKINESS_CONNECTION_STRING }}
 
 jobs:
   test_linux:
     name: ${{ matrix.os }} (${{ matrix.browser }} - Node.js ${{ matrix.node-version }})
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
     strategy:
       fail-fast: false
       matrix:
         browser: [chromium, firefox, webkit]
         os: [ubuntu-22.04]
-        node-version: [18]
+        node-version: [14]
         include:
           - os: ubuntu-22.04
-            node-version: 20
+            node-version: 16
             browser: chromium
           - os: ubuntu-22.04
-            node-version: 22
+            node-version: 18
             browser: chromium
     runs-on: ${{ matrix.os }}
-    permissions:
-      id-token: write   # This is required for OIDC login (azure/login) to succeed
-      contents: read    # This is required for actions/checkout to succeed
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: ./.github/actions/run-test
+    - uses: actions/setup-node@v3
       with:
         node-version: ${{ matrix.node-version }}
-        browsers-to-install: ${{ matrix.browser }} chromium
+    - run: npm i -g npm@8
-        command: npm run test -- --project=${{ matrix.browser }}-*
+    - run: npm ci
-        bot-name: "${{ matrix.browser }}-${{ matrix.os }}-node${{ matrix.node-version }}"
+      env:
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
+        DEBUG: pw:install
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
+    - run: npm run build
+    - run: npx playwright install --with-deps ${{ matrix.browser }} chromium
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run test -- --project=${{ matrix.browser }}
+    - run: node tests/config/checkCoverage.js ${{ matrix.browser }}
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: always()
+      with:
+        name: ${{ matrix.browser }}-${{ matrix.os }}-test-results
+        path: test-results
 
   test_linux_chromium_tot:
     name: ${{ matrix.os }} (chromium tip-of-tree)
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
     strategy:
       fail-fast: false
       matrix:
         os: [ubuntu-20.04]
     runs-on: ${{ matrix.os }}
-    permissions:
-      id-token: write   # This is required for OIDC login (azure/login) to succeed
-      contents: read    # This is required for actions/checkout to succeed
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: ./.github/actions/run-test
+    - uses: actions/setup-node@v3
       with:
-        browsers-to-install: chromium-tip-of-tree
+        node-version: 14
-        command: npm run test -- --project=chromium-*
+    - run: npm i -g npm@8
-        bot-name: "${{ matrix.os }}-chromium-tip-of-tree"
+    - run: npm ci
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
+      env:
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
+        DEBUG: pw:install
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps chromium-tip-of-tree
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run test -- --project=chromium
       env:
         PWTEST_CHANNEL: chromium-tip-of-tree
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: always()
+      with:
+        name: ${{ matrix.browser }}-chromium-tip-of-tree-test-results
+        path: test-results
 
   test_test_runner:
     name: Test Runner
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
     strategy:
       fail-fast: false
       matrix:
         os: [ubuntu-latest, windows-latest, macos-latest]
-        node-version: [18]
+        node-version: [14]
-        shardIndex: [1, 2]
-        shardTotal: [2]
         include:
           - os: ubuntu-latest
-            node-version: 20
+            node-version: 16
-            shardIndex: 1
-            shardTotal: 2
           - os: ubuntu-latest
-            node-version: 20
+            node-version: 18
-            shardIndex: 2
+          - os: windows-latest
-            shardTotal: 2
+            node-version: 16
-          - os: ubuntu-latest
-            node-version: 22
-            shardIndex: 1
-            shardTotal: 2
-          - os: ubuntu-latest
-            node-version: 22
-            shardIndex: 2
-            shardTotal: 2
     runs-on: ${{ matrix.os }}
-    permissions:
-      id-token: write   # This is required for OIDC login (azure/login) to succeed
-      contents: read    # This is required for actions/checkout to succeed
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: ./.github/actions/run-test
+    - uses: actions/setup-node@v3
       with:
         node-version: ${{matrix.node-version}}
-        command: npm run ttest -- --shard ${{ matrix.shardIndex }}/${{ matrix.shardTotal }}
+    - run: npm i -g npm@8
-        bot-name: "${{ matrix.os }}-node${{ matrix.node-version }}-${{ matrix.shardIndex }}"
+    - run: npm ci
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
       env:
-        PWTEST_CHANNEL: firefox-beta
+        DEBUG: pw:install
+    - run: npm run build
+    - run: npx playwright install --with-deps
+    - run: npm run ttest
+      if: matrix.os != 'ubuntu-latest'
+    - run: xvfb-run npm run ttest
+      if: matrix.os == 'ubuntu-latest'
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
 
   test_web_components:
     name: Web Components
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v4
+    - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        # Component tests require Node.js 16+ (they require ESM via TS)
+        node-version: 16
+    - run: npm i -g npm@8
     - run: npm ci
       env:
         DEBUG: pw:install
     - run: npm run build
-
     - run: npx playwright install --with-deps
-    - run: npm run test-html-reporter
+    - run: |
+        ./utils/docker/build.sh --amd64 focal $PWTEST_DOCKER_BASE_IMAGE
+        npx playwright docker build
+        nohup npx playwright docker start &
+        xvfb-run npm run test-html-reporter
       env:
-        PWTEST_BOT_NAME: "web-components-html-reporter"
+        PLAYWRIGHT_DOCKER: 1
-    - name: Upload blob report
+        PWTEST_DOCKER_BASE_IMAGE: playwright:localbuild
-      if: ${{ !cancelled() }}
+    - run: xvfb-run npm run test-web
-      uses: ./.github/actions/upload-blob-report
+      if: always()
-      with:
-        report_dir: packages/html-reporter/blob-report
-        job_name: "web-components-html-reporter"
 
-    - run: npm run test-web
+  test-package-installations:
-      if: ${{ !cancelled() }}
+    name: "Installation Test ${{ matrix.os }} (${{ matrix.node_version }})"
-      env:
+    runs-on: ${{ matrix.os  }}
-        PWTEST_BOT_NAME: "web-components-web"
-    - name: Upload blob report
-      if: ${{ !cancelled() }}
-      uses: ./.github/actions/upload-blob-report
-      with:
-        report_dir: packages/web/blob-report
-        job_name: "web-components-web"
-
-  test_vscode_extension:
-    name: VSCode Extension
-    runs-on: ubuntu-latest
-    env:
-      PWTEST_BOT_NAME: "vscode-extension"
-    steps:
-    - uses: actions/checkout@v4
-    - uses: actions/setup-node@v4
-      with:
-        node-version: 18
-    - run: npm ci
-      env:
-        DEBUG: pw:install
-    - run: npm run build
-    - run: npx playwright install chromium
-    - name: Checkout extension
-      run: git clone https://github.com/microsoft/playwright-vscode.git
-    - name: Print extension revision
-      run: git rev-parse HEAD
-      working-directory: ./playwright-vscode
-    - name: Remove @playwright/test from extension dependencies
-      run: node -e "const p = require('./package.json'); delete p.devDependencies['@playwright/test']; fs.writeFileSync('./package.json', JSON.stringify(p, null, 2));"
-      working-directory: ./playwright-vscode
-    - name: Build extension
-      run: npm install && npm run build
-      working-directory: ./playwright-vscode
-    - name: Run extension tests
-      run: npm run test -- --workers=1
-      working-directory: ./playwright-vscode
-    - name: Upload blob report
-      if: ${{ !cancelled() }}
-      uses: ./.github/actions/upload-blob-report
-      with:
-        report_dir: playwright-vscode/blob-report
-        job_name: ${{ env.PWTEST_BOT_NAME }}
-
-  test_package_installations:
-    name: "Installation Test ${{ matrix.os }}"
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
     strategy:
       fail-fast: false
       matrix:
@@ -206,27 +165,25 @@ jobs:
         - ubuntu-latest
         - macos-latest
         - windows-latest
-    runs-on: ${{ matrix.os  }}
+        node_version:
+        - "^14.1.0"  # pre 14.1, zip extraction was broken (https://github.com/microsoft/playwright/issues/1988)
     timeout-minutes: 30
-    permissions:
-      id-token: write   # This is required for OIDC login (azure/login) to succeed
-      contents: read    # This is required for actions/checkout to succeed
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - run: npm install -g yarn@1
+    - uses: actions/setup-node@v3
-    - run: npm install -g pnpm@8
-    - name: Setup Ubuntu Binary Installation # TODO: Remove when https://github.com/electron/electron/issues/42510 is fixed
-      if: ${{ runner.os == 'Linux' }}
-      run: |
-        if grep -q "Ubuntu 24" /etc/os-release; then
-          sudo sysctl -w kernel.apparmor_restrict_unprivileged_userns=0
-        fi
-      shell: bash
-    - uses: ./.github/actions/run-test
       with:
-        command: npm run itest
+        node-version: ${{ matrix.node_version }}
-        bot-name: "package-installations-${{ matrix.os }}"
+    - run: npm i -g npm@8
-        shell: ${{ matrix.os == 'windows-latest' && 'pwsh' || 'bash' }}
+    - run: npm ci
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
+      env:
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
+        DEBUG: pw:install
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
+    - run: npm run build
+    - run: npx playwright install-deps
+    - run: npm run itest
+      if: matrix.os != 'ubuntu-latest'
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run itest
+      if: matrix.os == 'ubuntu-latest'
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+

.github/workflows/tests_secondary.yml

@@ -17,162 +17,202 @@ on:
 env:
   # Force terminal colors. @see https://www.npmjs.com/package/colors
   FORCE_COLOR: 1
-  ELECTRON_SKIP_BINARY_DOWNLOAD: 1
+  FLAKINESS_CONNECTION_STRING: ${{ secrets.FLAKINESS_CONNECTION_STRING }}
-
-permissions:
-  id-token: write   # This is required for OIDC login (azure/login) to succeed
-  contents: read    # This is required for actions/checkout to succeed
 
 jobs:
   test_linux:
     name: ${{ matrix.os }} (${{ matrix.browser }})
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
     strategy:
       fail-fast: false
       matrix:
         browser: [chromium, firefox, webkit]
-        os: [ubuntu-20.04, ubuntu-24.04]
+        os: [ubuntu-18.04, ubuntu-20.04]
     runs-on: ${{ matrix.os }}
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: ./.github/actions/run-test
+    - uses: actions/setup-node@v3
       with:
-        browsers-to-install: ${{ matrix.browser }} chromium
+        node-version: 14
-        command: npm run test -- --project=${{ matrix.browser }}-*
+    - run: npm i -g npm@8
-        bot-name: "${{ matrix.browser }}-${{ matrix.os }}"
+    - run: npm ci
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
+      env:
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
+        DEBUG: pw:install
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps ${{ matrix.browser }} chromium
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run test -- --project=${{ matrix.browser }}
+    - run: node tests/config/checkCoverage.js ${{ matrix.browser }}
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: always()
+      with:
+        name: ${{ matrix.browser }}-${{ matrix.os }}-test-results
+        path: test-results
 
   test_mac:
     name: ${{ matrix.os }} (${{ matrix.browser }})
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
     strategy:
       fail-fast: false
       matrix:
-        # Intel: *-large
+        os: [macos-11, macos-12]
-        # Arm64: *-xlarge
-        os: [macos-13-large, macos-13-xlarge, macos-14-large, macos-14-xlarge]
         browser: [chromium, firefox, webkit]
-        include:
-          - os: macos-15-large
-            browser: webkit
-          - os: macos-15-xlarge
-            browser: webkit
     runs-on: ${{ matrix.os }}
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: ./.github/actions/run-test
+    - uses: actions/setup-node@v3
       with:
-        browsers-to-install: ${{ matrix.browser }} chromium
+        node-version: 14
-        command: npm run test -- --project=${{ matrix.browser }}-*
+    - run: npm i -g npm@8
-        bot-name: "${{ matrix.browser }}-${{ matrix.os }}"
+    - run: npm ci
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
+      env:
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
+        DEBUG: pw:install
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps ${{ matrix.browser }} chromium
+    - run: npm run test -- --project=${{ matrix.browser }}
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: ${{ matrix.browser }}-${{ matrix.os }}-test-results
+        path: test-results
 
   test_win:
     name: "Windows"
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
     strategy:
       fail-fast: false
       matrix:
         browser: [chromium, firefox, webkit]
     runs-on: windows-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: ./.github/actions/run-test
+    - uses: actions/setup-node@v3
       with:
-        browsers-to-install: ${{ matrix.browser }} chromium
+        node-version: 14
-        command: npm run test -- --project=${{ matrix.browser }}-* ${{ matrix.browser == 'firefox' && '--workers 1' || '' }}
+    - run: npm i -g npm@8
-        bot-name: "${{ matrix.browser }}-windows-latest"
+    - run: npm ci
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
+      env:
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
+        DEBUG: pw:install
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps ${{ matrix.browser }} chromium
+    - run: npm run test -- --project=${{ matrix.browser }}
+      shell: bash
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: ${{ matrix.browser }}-win-test-results
+        path: test-results
 
   test-package-installations-other-node-versions:
     name: "Installation Test ${{ matrix.os }} (${{ matrix.node_version }})"
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
     runs-on: ${{ matrix.os  }}
     strategy:
       fail-fast: false
       matrix:
         include:
         - os: ubuntu-latest
-          node_version: 20
+          node_version: "^18.0.0"
         - os: ubuntu-latest
-          node_version: 22
+          node_version: "^16.0.0"
     timeout-minutes: 30
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - run: npm install -g yarn@1
+    - uses: actions/setup-node@v3
-    - run: npm install -g pnpm@8
-    - name: Setup Ubuntu Binary Installation # TODO: Remove when https://github.com/electron/electron/issues/42510 is fixed
-      if: ${{ runner.os == 'Linux' }}
-      run: |
-        if grep -q "Ubuntu 24" /etc/os-release; then
-          sudo sysctl -w kernel.apparmor_restrict_unprivileged_userns=0
-        fi
-      shell: bash
-    - uses: ./.github/actions/run-test
       with:
         node-version: ${{ matrix.node_version }}
-        command: npm run itest
+    - run: npm i -g npm@8
-        bot-name: "package-installations-${{ matrix.os }}-node${{ matrix.node_version }}"
+    - run: npm ci
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
+      env:
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
+        DEBUG: pw:install
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
+    - run: npm run build
+    - run: npx playwright install-deps
+    - run: npm run itest
+      if: matrix.os != 'ubuntu-latest'
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run itest
+      if: matrix.os == 'ubuntu-latest'
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
 
   headed_tests:
     name: "headed ${{ matrix.browser }} (${{ matrix.os }})"
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
     strategy:
       fail-fast: false
       matrix:
         browser: [chromium, firefox, webkit]
-        os: [ubuntu-24.04, macos-14-xlarge, windows-latest]
+        os: [ubuntu-20.04, ubuntu-22.04, macos-latest, windows-latest]
-        include:
-          # We have different binaries per Ubuntu version for WebKit.
-          - browser: webkit
-            os: ubuntu-20.04
-          - browser: webkit
-            os: ubuntu-22.04
     runs-on: ${{ matrix.os }}
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: ./.github/actions/run-test
+    - uses: actions/setup-node@v3
       with:
-        browsers-to-install: ${{ matrix.browser }} chromium
+        node-version: 14
-        command: npm run test -- --project=${{ matrix.browser }}-* --headed
+    - run: npm i -g npm@8
-        bot-name: "${{ matrix.browser }}-headed-${{ matrix.os }}"
+    - run: npm ci
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
+      env:
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
+        DEBUG: pw:install
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps ${{ matrix.browser }} chromium
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run test -- --project=${{ matrix.browser }} --headed
+      if: always() && startsWith(matrix.os, 'ubuntu-')
+    - run: npm run test -- --project=${{ matrix.browser }} --headed
+      if: always() && !startsWith(matrix.os, 'ubuntu-')
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: always() && startsWith(matrix.os, 'ubuntu-')
+      with:
+        name: headful-${{ matrix.browser }}-linux-test-results
+        path: test-results
 
   transport_linux:
     name: "Transport"
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
     strategy:
       fail-fast: false
       matrix:
         mode: [driver, service]
     runs-on: ubuntu-20.04
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: ./.github/actions/run-test
+    - uses: actions/setup-node@v3
       with:
-        browsers-to-install: chromium
+        node-version: 14
-        command: npm run ctest
+    - run: npm i -g npm@8
-        bot-name: "${{ matrix.mode }}"
+    - run: npm ci
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
+      env:
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
+        DEBUG: pw:install
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps chromium
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run test -- --project='Chromium page tests'
+      if: matrix.mode == 'service'
       env:
         PWTEST_MODE: ${{ matrix.mode }}
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run ctest
+      if: matrix.mode != 'service'
+      env:
+        PWTEST_MODE: ${{ matrix.mode }}
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: mode-${{ matrix.mode }}-linux-test-results
+        path: test-results
 
   tracing_linux:
     name: Tracing ${{ matrix.browser }} ${{ matrix.channel }}
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
     strategy:
       fail-fast: false
       matrix:
@@ -184,137 +224,612 @@ jobs:
             channel: chromium-tip-of-tree
     runs-on: ubuntu-20.04
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: ./.github/actions/run-test
+    - uses: actions/setup-node@v3
       with:
-        browsers-to-install: ${{ matrix.browser }} chromium ${{ matrix.channel }}
+        node-version: 14
-        command: npm run test -- --project=${{ matrix.browser }}-*
+    - run: npm i -g npm@8
-        bot-name: "tracing-${{ matrix.channel || matrix.browser }}"
+    - run: npm ci
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
+      env:
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
+        DEBUG: pw:install
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps ${{ matrix.browser }} chromium ${{ matrix.channel }}
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run test -- --project=${{ matrix.browser }}
       env:
         PWTEST_TRACE: 1
         PWTEST_CHANNEL: ${{ matrix.channel }}
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
 
-  test_chromium_channels:
+  chrome_stable_linux:
-    name: Test ${{ matrix.channel }} on ${{ matrix.runs-on }}
+    name: "Chrome Stable (Linux)"
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
+    runs-on: ubuntu-20.04
-    runs-on: ${{ matrix.runs-on }}
-    strategy:
-      fail-fast: false
-      matrix:
-        channel: [chrome, chrome-beta, msedge, msedge-beta, msedge-dev]
-        runs-on: [ubuntu-20.04, macos-latest, windows-latest]
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: ./.github/actions/run-test
+    - uses: actions/setup-node@v3
       with:
-        browsers-to-install: ${{ matrix.channel }}
+        node-version: 14
-        command: npm run ctest
+    - run: npm i -g npm@8
-        bot-name: ${{ matrix.channel }}-${{ matrix.runs-on }}
+    - run: npm ci
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
       env:
-        PWTEST_CHANNEL: ${{ matrix.channel }}
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps chrome
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run ctest
+      env:
+        PWTEST_CHANNEL: chrome
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: chrome-stable-linux-test-results
+        path: test-results
+
+  chrome_stable_win:
+    name: "Chrome Stable (Win)"
+    runs-on: windows-latest
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps chrome
+    - run: npm run ctest
+      shell: bash
+      env:
+        PWTEST_CHANNEL: chrome
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: chrome-stable-win-test-results
+        path: test-results
+
+  chrome_stable_mac:
+    name: "Chrome Stable (Mac)"
+    runs-on: macos-latest
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps chrome
+    - run: npm run ctest
+      env:
+        PWTEST_CHANNEL: chrome
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: chrome-stable-mac-test-results
+        path: test-results
 
   chromium_tot:
-    name: Chromium tip-of-tree ${{ matrix.os }}${{ matrix.headed }}
+    name: Chromium TOT ${{ matrix.os }}
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
     runs-on: ${{ matrix.os  }}
     strategy:
       fail-fast: false
       matrix:
-        os: [ubuntu-20.04, macos-13, windows-latest]
+        os: [ubuntu-18.04, macos-12, windows-latest]
-        headed: ['--headed', '']
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: ./.github/actions/run-test
+    - uses: actions/setup-node@v3
       with:
-        browsers-to-install: chromium-tip-of-tree
+        node-version: 14
-        command: npm run ctest -- ${{ matrix.headed }}
+    - run: npm i -g npm@8
-        bot-name: "chromium-tip-of-tree-${{ matrix.os }}${{ matrix.headed }}"
+    - run: npm ci
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
+      env:
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
+    - run: npm run build
+    - run: npx playwright install --with-deps chromium-tip-of-tree
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run ctest
+      if: matrix.os == 'ubuntu-18.04'
       env:
         PWTEST_CHANNEL: chromium-tip-of-tree
-
+    - run: npm run ctest
-  chromium_tot_headless_shell:
+      if: matrix.os != 'ubuntu-18.04'
-    name: Chromium tip-of-tree headless-shell-${{ matrix.os }}
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
-    runs-on: ${{ matrix.os  }}
-    strategy:
-      fail-fast: false
-      matrix:
-        os: [ubuntu-20.04]
-    steps:
-    - uses: actions/checkout@v4
-    - uses: ./.github/actions/run-test
-      with:
-        browsers-to-install: chromium-tip-of-tree-headless-shell
-        command: npm run ctest
-        bot-name: "chromium-tip-of-tree-headless-shell-${{ matrix.os }}"
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
       env:
-        PWTEST_CHANNEL: chromium-tip-of-tree-headless-shell
+        PWTEST_CHANNEL: chromium-tip-of-tree
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: always()
+      with:
+        name: chromium-tot-${{ matrix.os }}-test-results
+        path: test-results
 
-  firefox_beta:
+  chromium_tot_headed:
-    name: Firefox Beta ${{ matrix.os }}
+    name: Chromium TOT headed ${{ matrix.os }}
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
     runs-on: ${{ matrix.os  }}
     strategy:
       fail-fast: false
       matrix:
-        os: [ubuntu-20.04, windows-latest, macos-latest]
+        os: [ubuntu-latest, macos-latest, windows-latest]
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: ./.github/actions/run-test
+    - uses: actions/setup-node@v3
       with:
-        browsers-to-install: firefox-beta chromium
+        node-version: 14
-        command: npm run ftest
+    - run: npm i -g npm@8
-        bot-name: "firefox-beta-${{ matrix.os }}"
+    - run: npm ci
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
+      env:
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
+    - run: npm run build
+    - run: npx playwright install --with-deps chromium-tip-of-tree
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run ctest -- --headed
+      if: matrix.os == 'ubuntu-latest'
+      env:
+        PWTEST_CHANNEL: chromium-tip-of-tree
+    - run: npm run ctest -- --headed
+      if: matrix.os != 'ubuntu-latest'
+      env:
+        PWTEST_CHANNEL: chromium-tip-of-tree
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: always()
+      with:
+        name: chromium-tot-headed-${{ matrix.os }}-test-results
+        path: test-results
+
+  firefox_beta_linux:
+    name: "Firefox Beta (Linux)"
+    runs-on: ubuntu-20.04
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps firefox-beta chromium
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run ftest
       env:
         PWTEST_CHANNEL: firefox-beta
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: firefox-beta-linux-test-results
+        path: test-results
+
+  firefox_beta_win:
+    name: "Firefox Beta (Win)"
+    runs-on: windows-latest
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps firefox-beta chromium
+    - run: npm run ftest
+      shell: bash
+      env:
+        PWTEST_CHANNEL: firefox-beta
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: firefox-beta-win-test-results
+        path: test-results
+
+  firefox_beta_mac:
+    name: "Firefox Beta (Mac)"
+    runs-on: macos-latest
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps firefox-beta chromium
+    - run: npm run ftest
+      env:
+        PWTEST_CHANNEL: firefox-beta
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: firefox-beta-mac-test-results
+        path: test-results
+
+  edge_stable_mac:
+    name: "Edge Stable (Mac)"
+    runs-on: macos-latest
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps msedge
+    - run: npm run ctest
+      env:
+        PWTEST_CHANNEL: msedge
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: msedge-stable-mac-test-results
+        path: test-results
+
+
+  edge_stable_win:
+    name: "Edge Stable (Win)"
+    runs-on: windows-latest
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps msedge
+    - run: npm run ctest
+      shell: bash
+      env:
+        PWTEST_CHANNEL: msedge
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: edge-stable-win-test-results
+        path: test-results
+
+  edge_stable_linux:
+    name: "Edge Stable (Linux)"
+    runs-on: ubuntu-20.04
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps msedge
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run ctest
+      env:
+        PWTEST_CHANNEL: msedge
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: edge-stable-linux-test-results
+        path: test-results
+
+  edge_beta_mac:
+    name: "Edge Beta (Mac)"
+    runs-on: macos-latest
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps msedge-beta
+    - run: npm run ctest
+      env:
+        PWTEST_CHANNEL: msedge-beta
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: msedge-beta-mac-test-results
+        path: test-results
+
+  edge_beta_win:
+    name: "Edge Beta (Win)"
+    runs-on: windows-latest
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps msedge-beta
+    - run: npm run ctest
+      shell: bash
+      env:
+        PWTEST_CHANNEL: msedge-beta
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: edge-beta-win-test-results
+        path: test-results
+
+  edge_beta_linux:
+    name: "Edge Beta (Linux)"
+    runs-on: ubuntu-20.04
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps msedge-beta
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run ctest
+      env:
+        PWTEST_CHANNEL: msedge-beta
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: edge-beta-linux-test-results
+        path: test-results
+
+  edge_dev_mac:
+    name: "Edge Dev (Mac)"
+    runs-on: macos-latest
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps msedge-dev
+    - run: npm run ctest
+      env:
+        PWTEST_CHANNEL: msedge-dev
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: msedge-dev-mac-test-results
+        path: test-results
+
+  edge_dev_win:
+    name: "Edge Dev (Win)"
+    runs-on: windows-latest
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps msedge-dev
+    - run: npm run ctest
+      shell: bash
+      env:
+        PWTEST_CHANNEL: msedge-dev
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: edge-dev-win-test-results
+        path: test-results
+
+  edge_dev_linux:
+    name: "Edge Dev (Linux)"
+    runs-on: ubuntu-20.04
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps msedge-dev
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run ctest
+      env:
+        PWTEST_CHANNEL: msedge-dev
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: edge-dev-linux-test-results
+        path: test-results
+
+  chrome_beta_linux:
+    name: "Chrome Beta (Linux)"
+    runs-on: ubuntu-20.04
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps chrome-beta
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run ctest
+      env:
+        PWTEST_CHANNEL: chrome-beta
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: chrome-beta-linux-test-results
+        path: test-results
+
+  chrome_beta_win:
+    name: "Chrome Beta (Win)"
+    runs-on: windows-latest
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps chrome-beta
+    - run: npm run ctest
+      shell: bash
+      env:
+        PWTEST_CHANNEL: chrome-beta
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: chrome-beta-win-test-results
+        path: test-results
+
+  chrome_beta_mac:
+    name: "Chrome Beta (Mac)"
+    runs-on: macos-latest
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 14
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps chrome-beta
+    - run: npm run ctest
+      env:
+        PWTEST_CHANNEL: chrome-beta
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: chrome-beta-mac-test-results
+        path: test-results
 
   build-playwright-driver:
     name: "build-playwright-driver"
-    runs-on: ubuntu-24.04
+    runs-on: ubuntu-20.04
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: actions/setup-node@v4
+    - uses: actions/setup-node@v3
       with:
-        node-version: 18
+        node-version: 14
+    - run: npm i -g npm@8
     - run: npm ci
     - run: npm run build
     - run: npx playwright install-deps
     - run: utils/build/build-playwright-driver.sh
 
-  test_channel_chromium:
+  smoke_test_docker_integration:
-    name: Test channel=chromium
+    runs-on: ubuntu-20.04
-    environment: ${{ github.event_name == 'push' && 'allow-uploading-flakiness-results' || null }}
-    strategy:
-      fail-fast: false
-      matrix:
-        runs-on: [ubuntu-latest, windows-latest, macos-latest]
-    runs-on: ${{ matrix.runs-on }}
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: ./.github/actions/run-test
+    - uses: actions/setup-node@v3
       with:
-        # TODO: this should pass --no-shell.
+        node-version: 14
-        # However, codegen tests do not inherit the channel and try to launch headless shell.
+    - run: npm i -g npm@8
-        browsers-to-install: chromium
+    - run: npm ci
-        command: npm run ctest
-        bot-name: "channel-chromium-${{ matrix.runs-on }}"
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
       env:
-        PWTEST_CHANNEL: chromium
+        DEBUG: pw:install
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps
+    - run: |
+        ./utils/docker/build.sh --amd64 focal $PWTEST_DOCKER_BASE_IMAGE
+        npx playwright docker build
+        nohup npx playwright docker start &
+        xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run test -- --grep '@smoke'
+      env:
+        PLAYWRIGHT_DOCKER: 1
+        PWTEST_DOCKER_BASE_IMAGE: playwright:localbuild
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: always()
+      with:
+        name: docker-integration-test-results
+        path: test-results
+

.github/workflows/tests_service.yml

@@ -1,70 +0,0 @@
-name: "tests service"
-
-on:
-  workflow_dispatch:
-
-env:
-  FORCE_COLOR: 1
-  ELECTRON_SKIP_BINARY_DOWNLOAD: 1
-
-jobs:
-  test:
-    name: "Service"
-    strategy:
-      fail-fast: false
-      matrix:
-        service-os: [linux, windows]
-        browser: [chromium, firefox, webkit]
-    runs-on: ubuntu-20.04
-    steps:
-    - uses: actions/checkout@v4
-    - uses: actions/setup-node@v4
-    - run: npm ci
-      env:
-        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
-    - run: npm run build
-    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run test -- --project=${{ matrix.browser }}-* --workers=10 --retries=0
-      env:
-        PWTEST_MODE: service2
-        PWTEST_TRACE: 1
-        PWTEST_BOT_NAME: "${{ matrix.browser }}-${{ matrix.service-os }}-service"
-        PLAYWRIGHT_SERVICE_ACCESS_KEY: ${{ secrets.PLAYWRIGHT_SERVICE_ACCESS_KEY }}
-        PLAYWRIGHT_SERVICE_URL: ${{ secrets.PLAYWRIGHT_SERVICE_URL }}
-        PLAYWRIGHT_SERVICE_OS: ${{ matrix.service-os }}
-        PLAYWRIGHT_SERVICE_RUN_ID: ${{ github.run_id }}-${{ github.run_attempt }}-${{ github.sha }}
-    - name: Upload blob report to GitHub
-      if: ${{ !cancelled() }}
-      uses: actions/upload-artifact@v4
-      with:
-        name: all-blob-reports
-        path: blob-report
-        retention-days: 2
-
-  merge_reports:
-    name: "Merge reports"
-    needs: [test]
-    if: ${{ !cancelled() }}
-    runs-on: ubuntu-20.04
-    steps:
-    - uses: actions/checkout@v4
-    - uses: actions/setup-node@v4
-    - run: npm ci
-      env:
-        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
-    - run: npm run build
-    - name: Download blob report artifact
-      uses: actions/download-artifact@v4
-      with:
-        name: all-blob-reports
-        path: all-blob-reports
-    - run: npx playwright merge-reports --reporter markdown,html ./all-blob-reports
-    - name: Upload HTML report to Azure
-      run: |
-        REPORT_DIR='run-service-${{ github.run_id }}-${{ github.run_attempt }}-${{ github.sha }}'
-        azcopy cp --recursive "./playwright-report/*" "https://mspwblobreport.blob.core.windows.net/\$web/$REPORT_DIR"
-        echo "Report url: https://mspwblobreport.z1.web.core.windows.net/$REPORT_DIR/index.html#?q=s:failed"
-      env:
-        AZCOPY_AUTO_LOGIN_TYPE: SPN
-        AZCOPY_SPA_APPLICATION_ID: '${{ secrets.AZCOPY_SPA_APPLICATION_ID }}'
-        AZCOPY_SPA_CLIENT_SECRET: '${{ secrets.AZCOPY_SPA_CLIENT_SECRET }}'
-        AZCOPY_TENANT_ID: '${{ secrets.AZCOPY_TENANT_ID }}'

.github/workflows/tests_stress.yml

@@ -0,0 +1,46 @@
+name: "stress"
+
+on:
+  push:
+    branches:
+      - main
+      - release-*
+  pull_request:
+    paths-ignore:
+      - 'browser_patches/**'
+      - 'docs/**'
+    types: [ labeled ]
+    branches:
+      - main
+      - release-*
+
+env:
+  FORCE_COLOR: 1
+
+jobs:
+  test_components:
+    name: ${{ matrix.os }}
+    strategy:
+      fail-fast: false
+      matrix:
+        os: [ubuntu-latest, macos-latest, windows-latest]
+    runs-on: ${{ matrix.os }}
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+    - run: npm i -g npm@8
+    - run: npm ci
+    - run: npm run build
+    - run: npx playwright install --with-deps
+    - run: npm run stest contexts -- --project=chromium
+      if: always()
+    - run: npm run stest browsers -- --project=chromium
+      if: always()
+    - run: npm run stest contexts -- --project=webkit
+      if: always()
+    - run: npm run stest browsers -- --project=webkit
+      if: always()
+    - run: npm run stest contexts -- --project=firefox
+      if: always()
+    - run: npm run stest browsers -- --project=firefox
+      if: always()

.github/workflows/tests_video.yml

@@ -9,30 +9,37 @@ on:
 env:
   # Force terminal colors. @see https://www.npmjs.com/package/colors
   FORCE_COLOR: 1
-  ELECTRON_SKIP_BINARY_DOWNLOAD: 1
+  FLAKINESS_CONNECTION_STRING: ${{ secrets.FLAKINESS_CONNECTION_STRING }}
 
 jobs:
   video_linux:
     name: "Video Linux"
-    environment: allow-uploading-flakiness-results
     strategy:
       fail-fast: false
       matrix:
         browser: [chromium, firefox, webkit]
         os: [ubuntu-20.04, ubuntu-22.04]
-    permissions:
-      id-token: write   # This is required for OIDC login (azure/login) to succeed
-      contents: read    # This is required for actions/checkout to succeed
     runs-on: ${{ matrix.os }}
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v3
-    - uses: ./.github/actions/run-test
+    - uses: actions/setup-node@v3
       with:
-        browsers-to-install: ${{ matrix.browser }} chromium
+        node-version: 14
-        command: npm run test -- --project=${{ matrix.browser }}-*
+    - run: npm i -g npm@8
-        bot-name: "${{ matrix.browser }}-${{ matrix.os }}"
+    - run: npm ci
-        flakiness-client-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_CLIENT_ID }}
+      env:
-        flakiness-tenant-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_TENANT_ID }}
+        DEBUG: pw:install
-        flakiness-subscription-id: ${{ secrets.AZURE_FLAKINESS_DASHBOARD_SUBSCRIPTION_ID }}
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: npx playwright install --with-deps ${{ matrix.browser }} chromium
+    - run: xvfb-run --auto-servernum --server-args="-screen 0 1280x960x24" -- npm run test -- --project=${{ matrix.browser }}
       env:
         PWTEST_VIDEO: 1
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v3
+      if: ${{ always() }}
+      with:
+        name: video-${{ matrix.browser }}-linux-test-results
+        path: test-results

.github/workflows/tests_webview2.yml

@@ -0,0 +1,49 @@
+name: "WebView2 Tests"
+
+on:
+  push:
+    branches:
+      - main
+      - release-*
+  pull_request:
+    paths-ignore:
+      - 'browser_patches/**'
+      - 'docs/**'
+    types: [ labeled ]
+    branches:
+      - main
+      - release-*
+
+env:
+  # Force terminal colors. @see https://www.npmjs.com/package/colors
+  FORCE_COLOR: 1
+  FLAKINESS_CONNECTION_STRING: ${{ secrets.FLAKINESS_CONNECTION_STRING }}
+
+jobs:
+  test_webview2:
+    name: WebView2
+    runs-on: windows-2022
+    steps:
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
+      with:
+        node-version: 18
+    - uses: actions/setup-dotnet@v2
+      with:
+        dotnet-version: '6.0.x'
+    - run: npm i -g npm@8
+    - run: npm ci
+      env:
+        PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: 1
+    - run: npm run build
+    - run: dotnet build
+      working-directory: tests/webview2/webview2-app/
+    - run: npm run webview2test
+    - run: ./utils/upload_flakiness_dashboard.sh ./test-results/report.json
+      if: always()
+      shell: bash
+    - uses: actions/upload-artifact@v1
+      if: always()
+      with:
+        name: webview2-test-results
+        path: test-results

.github/workflows/trigger_tests.yml

@@ -9,7 +9,7 @@ on:
 jobs:
   trigger:
     name: "trigger"
-    runs-on: ubuntu-24.04
+    runs-on: ubuntu-20.04
     steps:
     - run: |
         curl -X POST \

.gitignore

@@ -7,11 +7,9 @@ node_modules/
 *.swp
 *.pyc
 .vscode
-.mono
 .idea
 yarn.lock
-/packages/playwright-core/src/generated
+/packages/playwright-core/src/generated/*
-/packages/playwright-ct-core/src/generated
 packages/*/lib/
 drivers/
 .android-sdk/
@@ -20,19 +18,14 @@ nohup.out
 .trace
 .tmp
 allure*
-blob-report
 playwright-report
 test-results
 /demo/
 /packages/*/LICENSE
 /packages/*/NOTICE
 /packages/playwright/README.md
-/packages/playwright-test/README.md
 /packages/playwright-core/api.json
 .env
 /tests/installation/output/
 /tests/installation/.registry.json
 .cache/
-.eslintcache
-playwright.env
-/firefox/

CONTRIBUTING.md

@@ -1,87 +1,86 @@
 # Contributing
 
-## Choose an issue
+- [How to Contribute](#how-to-contribute)
+  * [Getting Code](#getting-code)
+  * [Code reviews](#code-reviews)
+  * [Code Style](#code-style)
+  * [API guidelines](#api-guidelines)
+  * [Commit Messages](#commit-messages)
+  * [Writing Documentation](#writing-documentation)
+  * [Adding New Dependencies](#adding-new-dependencies)
+  * [Running & Writing Tests](#running--writing-tests)
+  * [Public API Coverage](#public-api-coverage)
+- [Contributor License Agreement](#contributor-license-agreement)
+  * [Code of Conduct](#code-of-conduct)
 
-Playwright **requires an issue** for every contribution, except for minor documentation updates. We strongly recommend to pick an issue labeled `open-to-a-pull-request` for your first contribution to the project.
+## How to Contribute
 
-If you are passioned about a bug/feature, but cannot find an issue describing it, **file an issue first**. This will facilitate the discussion and you might get some early feedback from project maintainers before spending your time on creating a pull request.
+### Getting Code
 
-## Make a change
+Make sure you're running Node.js 14+ and NPM 8+, to verify and upgrade NPM do:
 
-Make sure you're running Node.js 20 or later.
 ```bash
 node --version
+npm --version
+npm i -g npm@latest
 ```
 
-Clone the repository. If you plan to send a pull request, it might be better to [fork the repository](https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/working-with-forks/fork-a-repo) first.
+1. Clone this repository
+
 ```bash
 git clone https://github.com/microsoft/playwright
 cd playwright
 ```
 
-Install dependencies and run the build in watch mode.
+2. Install dependencies
+
 ```bash
 npm ci
-npm run watch
-npx playwright install
 ```
 
-**Experimental dev mode with Hot Module Replacement for recorder/trace-viewer/UI Mode**
+3. Build Playwright
 
-```
+```bash
-PW_HMR=1 npm run watch
+npm run build
-PW_HMR=1 npx playwright show-trace
-PW_HMR=1 npm run ctest -- --ui
-PW_HMR=1 npx playwright codegen
-PW_HMR=1 npx playwright show-report
 ```
 
-Playwright is a multi-package repository that uses npm workspaces. For browser APIs, look at [`packages/playwright-core`](https://github.com/microsoft/playwright/blob/main/packages/playwright-core). For test runner, see [`packages/playwright`](https://github.com/microsoft/playwright/blob/main/packages/playwright).
+4. Run all Playwright tests locally. For more information about tests, read [Running & Writing Tests](#running--writing-tests).
 
-Note that some files are generated by the build, so the watch process might override your changes if done in the wrong file. For example, TypeScript types for the API are generated from the [`docs/src`](https://github.com/microsoft/playwright/blob/main/docs/src).
+```bash
+npm test
+```
 
-Coding style is fully defined in [.eslintrc](https://github.com/microsoft/playwright/blob/main/.eslintrc.js). Before creating a pull request, or at any moment during development, run linter to check all kinds of things:
+### Code reviews
-  ```bash
-  npm run lint
-  ```
 
-Comments should have an explicit purpose and should improve readability rather than hinder it. If the code would not be understood without comments, consider re-writing the code to make it self-explanatory.
+All submissions, including submissions by project members, require review. We
+use GitHub pull requests for this purpose. Consult
+[GitHub Help](https://help.github.com/articles/about-pull-requests/) for more
+information on using pull requests.
 
-### Write documentation
+### Code Style
 
-Every part of the public API should be documented in [`docs/src`](https://github.com/microsoft/playwright/blob/main/docs/src), in the same change that adds/changes the API. We use markdown files with custom structure to specify the API. Take a look around for an example.
+- Coding style is fully defined in [.eslintrc](https://github.com/microsoft/playwright/blob/main/.eslintrc.js)
+- Comments should be generally avoided. If the code would not be understood without comments, consider re-writing the code to make it self-explanatory.
 
-Various other files are generated from the API specification. If you are running `npm run watch`, these will be re-generated automatically.
+To run code linter, use:
 
-Larger changes will require updates to the documentation guides as well. This will be made clear during the code review.
+```bash
+npm run eslint
+```
 
-## Add a test
+### API guidelines
 
-Playwright requires a test for almost any new or modified functionality. An exception would be a pure refactoring, but chances are you are doing more than that.
+When authoring new API methods, consider the following:
 
-There are multiple [test suites](https://github.com/microsoft/playwright/blob/main/tests) in Playwright that will be executed on the CI. The two most important that you need to run locally are:
+- Expose as little information as needed. When in doubt, don’t expose new information.
+- Methods are used in favor of getters/setters.
+  - The only exception is namespaces, e.g. `page.keyboard` and `page.coverage`
+- All string literals must be lowercase. This includes event names and option values.
+- Avoid adding "sugar" API (API that is trivially implementable in user-space) unless they're **very** common.
 
-- Library tests cover APIs not related to the test runner.
+### Commit Messages
-  ```bash
-  # fast path runs all tests in Chromium
-  npm run ctest
 
-  # slow path runs all tests in three browsers
+Commit messages should follow the Semantic Commit Messages format:
-  npm run test
-  ```
-
-- Test runner tests.
-  ```bash
-  npm run ttest
-  ```
-
-Since Playwright tests are using Playwright under the hood, everything from our documentation applies, for example [this guide on running and debugging tests](https://playwright.dev/docs/running-tests#running-tests).
-
-Note that tests should be *hermetic*, and not depend on external services. Tests should work on all three platforms: macOS, Linux and Windows.
-
-## Write a commit message
-
-Commit messages should follow the [Semantic Commit Messages](https://www.conventionalcommits.org/en/v1.0.0/) format:
 
 ```
 label(namespace): title
@@ -92,57 +91,134 @@ footer
 ```
 
 1. *label* is one of the following:
-    - `fix` - bug fixes
+    - `fix` - playwright bug fixes.
-    - `feat` - new features
+    - `feat` - playwright features.
-    - `docs` - documentation-only changes
+    - `docs` - changes to docs, e.g. `docs(api.md): ..` to change documentation.
-    - `test` - test-only changes
+    - `test` - changes to playwright tests infrastructure.
-    - `devops` - changes to the CI or build
+    - `devops` - build-related work, e.g. CI related patches and general changes to the browser build infrastructure
     - `chore` - everything that doesn't fall under previous categories
-1. *namespace* is put in parenthesis after label and is optional. Must be lowercase.
+2. *namespace* is put in parenthesis after label and is optional. Must be lowercase.
-1. *title* is a brief summary of changes.
+3. *title* is a brief summary of changes.
-1. *description* is **optional**, new-line separated from title and is in present tense.
+4. *description* is **optional**, new-line separated from title and is in present tense.
-1. *footer* is **optional**, new-line separated from *description* and contains "fixes" / "references" attribution to github issues.
+5. *footer* is **optional**, new-line separated from *description* and contains "fixes" / "references" attribution to github issues.
 
 Example:
 
 ```
-feat(trace viewer): network panel filtering
+fix(firefox): make sure session cookies work
 
-This patch adds a filtering toolbar to the network panel.
+This patch fixes session cookies in the firefox browser.
-<link to a screenshot>
 
-Fixes #123, references #234.
+Fixes #123, fixes #234
 ```
 
-## Send a pull request
+### Writing Documentation
 
-All submissions, including submissions by project members, require review. We use GitHub pull requests for this purpose. Consult [GitHub Help](https://help.github.com/articles/about-pull-requests/) for more information on using pull requests.
+All API classes, methods, and events should have a description in [`docs/src`](https://github.com/microsoft/playwright/blob/main/docs/src). There's a [documentation linter](https://github.com/microsoft/playwright/tree/main/utils/doclint) which makes sure documentation is aligned with the codebase.
 
-After a successful code review, one of the maintainers will merge your pull request. Congratulations!
+To run the documentation linter, use:
 
-## More details
+```bash
+npm run doc
+```
 
-**No new dependencies**
+To build the documentation site locally and test how your changes will look in practice:
 
-There is a very high bar for new dependencies, including updating to a new version of an existing dependency. We recommend to explicitly discuss this in an issue and get a green light from a maintainer, before creating a pull request that updates dependencies.
+1. Clone the [microsoft/playwright.dev](https://github.com/microsoft/playwright.dev) repo
+1. Follow [the playwright.dev README instructions to "roll docs"](https://github.com/microsoft/playwright.dev/#roll-docs) against your local `playwright` repo with your changes in progress
+1. Follow [the playwright.dev README instructions to "run dev server"](https://github.com/microsoft/playwright.dev/#run-dev-server) to view your changes
 
-**Custom browser build**
+### Adding New Dependencies
+
+For all dependencies (both installation and development):
+- **Do not add** a dependency if the desired functionality is easily implementable.
+- If adding a dependency, it should be well-maintained and trustworthy.
+
+A barrier for introducing new installation dependencies is especially high:
+- **Do not add** installation dependency unless it's critical to project success.
+
+### Running & Writing Tests
+
+- Every feature should be accompanied by a test.
+- Every public api event/method should be accompanied by a test.
+- Tests should be *hermetic*. Tests should not depend on external services.
+- Tests should work on all three platforms: Mac, Linux and Win. This is especially important for screenshot tests.
+
+Playwright tests are located in [`tests`](https://github.com/microsoft/playwright/blob/main/tests) and use `@playwright/test` test runner.
+These are integration tests, making sure public API methods and events work as expected.
+
+- To run all tests:
+
+```bash
+npm run test
+```
+
+- To run all tests in Chromium
+```bash
+npm run ctest # also `ftest` for firefox and `wtest` for WebKit
+```
+
+- To run a specific test, substitute `it` with `it.only`, or use the `--grep 'My test'` CLI parameter:
+
+```js
+...
+// Using "it.only" to run a specific test
+it.only('should work', async ({server, page}) => {
+  const response = await page.goto(server.EMPTY_PAGE);
+  expect(response.ok).toBe(true);
+});
+// or
+playwright test --config=xxx --grep 'should work'
+```
+
+- To disable a specific test, substitute `it` with `it.skip`:
+
+```js
+...
+// Using "it.skip" to skip a specific test
+it.skip('should work', async ({server, page}) => {
+  const response = await page.goto(server.EMPTY_PAGE);
+  expect(response.ok).toBe(true);
+});
+```
+
+- To run tests in non-headless (headed) mode:
+
+```bash
+npm run ctest -- --headed
+```
+
+- To run tests with custom browser executable, specify `CRPATH`, `WKPATH` or `FFPATH` env variable that points to browser executable:
 
-To run tests with custom browser executable, specify `CRPATH`, `WKPATH` or `FFPATH` env variable that points to browser executable:
 ```bash
 CRPATH=<path-to-executable> npm run ctest
 ```
 
-You will also find `DEBUG=pw:browser` useful for debugging custom builds.
+- To run tests in slow-mode:
 
-**Building documentation site**
+```bash
+SLOW_MO=500 npm run wtest -- --headed
+```
 
-The [playwright.dev](https://playwright.dev/) documentation site lives in a separate repository, and documentation from [`docs/src`](https://github.com/microsoft/playwright/blob/main/docs/src) is frequently rolled there.
+- When should a test be marked with `skip` or `fail`?
 
-Most of the time this should not concern you. However, if you are doing something unusual in the docs, you can build locally and test how your changes will look in practice:
+  - **`skip(condition)`**: This test *should ***never*** work* for `condition`
-1. Clone the [microsoft/playwright.dev](https://github.com/microsoft/playwright.dev) repo.
+    where `condition` is usually a certain browser like `FFOX` (for Firefox),
-1. Follow [the playwright.dev README instructions to "roll docs"](https://github.com/microsoft/playwright.dev/#roll-docs) against your local `playwright` repo with your changes in progress.
+    `WEBKIT` (for WebKit), and `CHROMIUM` (for Chromium).
-1. Follow [the playwright.dev README instructions to "run dev server"](https://github.com/microsoft/playwright.dev/#run-dev-server) to view your changes.
+
+    For example, the [alt-click downloads test](https://github.com/microsoft/playwright/blob/471ccc72d3f0847caa36f629b394a028c7750d93/test/download.spec.js#L86) is marked
+    with `skip(FFOX)` since an alt-click in Firefox will not produce a download
+    even if a person was driving the browser.
+
+
+  - **`fail(condition)`**: This test *should ***eventually*** work* for `condition`
+    where `condition` is usually a certain browser like `FFOX` (for Firefox),
+    `WEBKIT` (for WebKit), and `CHROMIUM` (for Chromium).
+
+    For example, the [alt-click downloads test](https://github.com/microsoft/playwright/blob/471ccc72d3f0847caa36f629b394a028c7750d93/test/download.spec.js#L86) is marked
+    with `fail(CHROMIUM || WEBKIT)` since Playwright performing these actions
+    currently diverges from what a user would experience driving a Chromium or
+    WebKit.
 
 ## Contributor License Agreement
 

FILING_ISSUES.md

@@ -1,35 +0,0 @@
-# How to File a Bug Report That Actually Gets Resolved
-
-Make sure you’re on the latest Playwright release before filing. Check existing GitHub issues to avoid duplicates.
-
-## Use the Template
-
-Follow the **Bug Report** template. It guides you step-by-step:
-
-- Fill it out thoroughly.
-- Clearly list the steps needed to reproduce the bug.
-- Provide what you expected to see versus what happened in reality.
-- Include system info from `npx envinfo --preset playwright`.
-
-## Keep Your Repro Minimal
-
-We can't parse your entire code base. Reduce it down to the absolute essentials:
-
-- Start a fresh project (`npm init playwright@latest new-project`).
-- Add only the code/DOM needed to show the problem.
-- Only use major frameworks if necessary (React, Angular, static HTTP server, etc.). 
-- Avoid adding extra libraries unless absolutely necessary. Note that we won't install any suspect dependencies.
-
-## Why This Matters
-- Most issues that lack a repro turn out to be misconfigurations or usage errors.
-- We can't fix problems if we can’t reproduce them ourselves.
-- We can’t debug entire private projects or handle sensitive credentials.
-- Each confirmed bug will have a test in our repo, so your repro must be as clean as possible.
-
-## More Help
-
-- [Stack Overflow’s Minimal Reproducible Example Guide](https://stackoverflow.com/help/minimal-reproducible-example)
-- [Playwright Debugging Tools](https://playwright.dev/docs/debug)
-
-## Bottom Line
-A well-isolated bug speeds up verification and resolution. Minimal, public repro or it’s unlikely we can assist.

README.md

@@ -1,6 +1,6 @@
 # 🎭 Playwright
 
-[![npm version](https://img.shields.io/npm/v/playwright.svg)](https://www.npmjs.com/package/playwright) <!-- GEN:chromium-version-badge -->[![Chromium version](https://img.shields.io/badge/chromium-134.0.6998.35-blue.svg?logo=google-chrome)](https://www.chromium.org/Home)<!-- GEN:stop --> <!-- GEN:firefox-version-badge -->[![Firefox version](https://img.shields.io/badge/firefox-135.0-blue.svg?logo=firefoxbrowser)](https://www.mozilla.org/en-US/firefox/new/)<!-- GEN:stop --> <!-- GEN:webkit-version-badge -->[![WebKit version](https://img.shields.io/badge/webkit-18.2-blue.svg?logo=safari)](https://webkit.org/)<!-- GEN:stop --> [![Join Discord](https://img.shields.io/badge/join-discord-infomational)](https://aka.ms/playwright/discord)
+[![npm version](https://img.shields.io/npm/v/playwright.svg?style=flat)](https://www.npmjs.com/package/playwright) <!-- GEN:chromium-version-badge -->[![Chromium version](https://img.shields.io/badge/chromium-108.0.5359.29-blue.svg?logo=google-chrome)](https://www.chromium.org/Home)<!-- GEN:stop --> <!-- GEN:firefox-version-badge -->[![Firefox version](https://img.shields.io/badge/firefox-106.0-blue.svg?logo=mozilla-firefox)](https://www.mozilla.org/en-US/firefox/new/)<!-- GEN:stop --> <!-- GEN:webkit-version-badge -->[![WebKit version](https://img.shields.io/badge/webkit-16.4-blue.svg?logo=safari)](https://webkit.org/)<!-- GEN:stop -->
 
 ## [Documentation](https://playwright.dev) | [API reference](https://playwright.dev/docs/api/class-playwright)
 
@@ -8,11 +8,11 @@ Playwright is a framework for Web Testing and Automation. It allows testing [Chr
 
 |          | Linux | macOS | Windows |
 |   :---   | :---: | :---: | :---:   |
-| Chromium <!-- GEN:chromium-version -->134.0.6998.35<!-- GEN:stop --> | :white_check_mark: | :white_check_mark: | :white_check_mark: |
+| Chromium <!-- GEN:chromium-version -->108.0.5359.29<!-- GEN:stop --> | :white_check_mark: | :white_check_mark: | :white_check_mark: |
-| WebKit <!-- GEN:webkit-version -->18.2<!-- GEN:stop --> | :white_check_mark: | :white_check_mark: | :white_check_mark: |
+| WebKit <!-- GEN:webkit-version -->16.4<!-- GEN:stop --> | :white_check_mark: | :white_check_mark: | :white_check_mark: |
-| Firefox <!-- GEN:firefox-version -->135.0<!-- GEN:stop --> | :white_check_mark: | :white_check_mark: | :white_check_mark: |
+| Firefox <!-- GEN:firefox-version -->106.0<!-- GEN:stop --> | :white_check_mark: | :white_check_mark: | :white_check_mark: |
 
-Headless execution is supported for all browsers on all platforms. Check out [system requirements](https://playwright.dev/docs/intro#system-requirements) for details.
+Headless execution is supported for all browsers on all platforms. Check out [system requirements](https://playwright.dev/docs/library#system-requirements) for details.
 
 Looking for Playwright for [Python](https://playwright.dev/python/docs/intro), [.NET](https://playwright.dev/dotnet/docs/intro), or [Java](https://playwright.dev/java/docs/intro)?
 
@@ -46,6 +46,7 @@ npx playwright install
 You can optionally install only selected browsers, see [install browsers](https://playwright.dev/docs/cli#install-browsers) for more details. Or you can install no browsers at all and use existing [browser channels](https://playwright.dev/docs/browsers).
 
 * [Getting started](https://playwright.dev/docs/intro)
+* [Installation configuration](https://playwright.dev/docs/installation)
 * [API reference](https://playwright.dev/docs/api/class-playwright)
 
 ## Capabilities
@@ -90,13 +91,13 @@ To learn how to run these Playwright Test examples, check out our [getting start
 
 #### Page screenshot
 
-This code snippet navigates to Playwright homepage and saves a screenshot.
+This code snippet navigates to whatsmyuseragent.org and saves a screenshot.
 
 ```TypeScript
 import { test } from '@playwright/test';
 
 test('Page Screenshot', async ({ page }) => {
-  await page.goto('https://playwright.dev/');
+  await page.goto('http://whatsmyuseragent.org/');
   await page.screenshot({ path: `example.png` });
 });
 ```
@@ -117,7 +118,7 @@ test.use({
 
 test('Mobile and geolocation', async ({ page }) => {
   await page.goto('https://maps.google.com');
-  await page.getByText('Your location').click();
+  await page.locator('text="Your location"').click();
   await page.waitForRequest(/.*preview\/pwa/);
   await page.screenshot({ path: 'colosseum-iphone.png' });
 });
@@ -162,7 +163,8 @@ test('Intercept network requests', async ({ page }) => {
 
 ## Resources
 
-* [Documentation](https://playwright.dev)
+* [Documentation](https://playwright.dev/docs/intro)
 * [API reference](https://playwright.dev/docs/api/class-playwright/)
+* [Community showcase](https://playwright.dev/docs/showcase/)
 * [Contribution guide](CONTRIBUTING.md)
 * [Changelog](https://github.com/microsoft/playwright/releases)

SECURITY.md

@@ -1,18 +1,18 @@
-<!-- BEGIN MICROSOFT SECURITY.MD V0.0.9 BLOCK -->
+<!-- BEGIN MICROSOFT SECURITY.MD V0.0.3 BLOCK -->
 
 ## Security
 
-Microsoft takes the security of our software products and services seriously, which includes all source code repositories managed through our GitHub organizations, which include [Microsoft](https://github.com/Microsoft), [Azure](https://github.com/Azure), [DotNet](https://github.com/dotnet), [AspNet](https://github.com/aspnet) and [Xamarin](https://github.com/xamarin).
+Microsoft takes the security of our software products and services seriously, which includes all source code repositories managed through our GitHub organizations, which include [Microsoft](https://github.com/Microsoft), [Azure](https://github.com/Azure), [DotNet](https://github.com/dotnet), [AspNet](https://github.com/aspnet), [Xamarin](https://github.com/xamarin), and [our GitHub organizations](https://opensource.microsoft.com/).
 
-If you believe you have found a security vulnerability in any Microsoft-owned repository that meets [Microsoft's definition of a security vulnerability](https://aka.ms/security.md/definition), please report it to us as described below.
+If you believe you have found a security vulnerability in any Microsoft-owned repository that meets Microsoft's [Microsoft's definition of a security vulnerability](https://docs.microsoft.com/en-us/previous-versions/tn-archive/cc751383(v=technet.10)) of a security vulnerability, please report it to us as described below.
 
 ## Reporting Security Issues
 
 **Please do not report security vulnerabilities through public GitHub issues.**
 
-Instead, please report them to the Microsoft Security Response Center (MSRC) at [https://msrc.microsoft.com/create-report](https://aka.ms/security.md/msrc/create-report).
+Instead, please report them to the Microsoft Security Response Center (MSRC) at [https://msrc.microsoft.com/create-report](https://msrc.microsoft.com/create-report).
 
-If you prefer to submit without logging in, send email to [secure@microsoft.com](mailto:secure@microsoft.com).  If possible, encrypt your message with our PGP key; please download it from the [Microsoft Security Response Center PGP Key page](https://aka.ms/security.md/msrc/pgp).
+If you prefer to submit without logging in, send email to [secure@microsoft.com](mailto:secure@microsoft.com).  If possible, encrypt your message with our PGP key; please download it from the the [Microsoft Security Response Center PGP Key page](https://www.microsoft.com/en-us/msrc/pgp-key-msrc).
 
 You should receive a response within 24 hours. If for some reason you do not, please follow up via email to ensure we received your original message. Additional information can be found at [microsoft.com/msrc](https://www.microsoft.com/msrc).
 
@@ -28,7 +28,7 @@ Please include the requested information listed below (as much as you can provid
 
 This information will help us triage your report more quickly.
 
-If you are reporting for a bug bounty, more complete reports can contribute to a higher bounty award. Please visit our [Microsoft Bug Bounty Program](https://aka.ms/security.md/msrc/bounty) page for more details about our active programs.
+If you are reporting for a bug bounty, more complete reports can contribute to a higher bounty award. Please visit our [Microsoft Bug Bounty Program](https://microsoft.com/msrc/bounty) page for more details about our active programs.
 
 ## Preferred Languages
 
@@ -36,6 +36,6 @@ We prefer all communications to be in English.
 
 ## Policy
 
-Microsoft follows the principle of [Coordinated Vulnerability Disclosure](https://aka.ms/security.md/cvd).
+Microsoft follows the principle of [Coordinated Vulnerability Disclosure](https://www.microsoft.com/en-us/msrc/cvd).
 
 <!-- END MICROSOFT SECURITY.MD BLOCK -->

SUPPORT.md

@@ -1,17 +0,0 @@
-# Support
-
-## How to file issues and get help  
-
-This project uses GitHub issues to track bugs and feature requests. Please search the [existing issues][gh-issues] before filing new ones to avoid duplicates. For new issues, file your bug or feature request as a new issue using corresponding template.
-
-For help and questions about using this project, please see the [docs site for Playwright][docs].
-
-Join our community [Discord Server][discord-server] to connect with other developers using Playwright and ask questions in our 'help-playwright' forum.
-
-## Microsoft Support Policy  
-
-Support for Playwright is limited to the resources listed above.
-
-[gh-issues]: https://github.com/microsoft/playwright/issues/
-[docs]: https://playwright.dev/
-[discord-server]: https://aka.ms/playwright/discord

babel.config.json

@@ -4,11 +4,11 @@
   },
   "plugins": [
     ["@babel/plugin-transform-typescript", { "allowDeclareFields": true } ],
-    "@babel/plugin-transform-export-namespace-from",
+    "@babel/plugin-proposal-export-namespace-from",
-    "@babel/plugin-transform-class-properties",
+    "@babel/plugin-proposal-class-properties",
-    "@babel/plugin-transform-logical-assignment-operators",
+    "@babel/plugin-proposal-logical-assignment-operators",
-    "@babel/plugin-transform-nullish-coalescing-operator",
+    "@babel/plugin-proposal-nullish-coalescing-operator",
-    "@babel/plugin-transform-optional-chaining",
+    "@babel/plugin-proposal-optional-chaining",
     "@babel/plugin-transform-modules-commonjs"
   ],
   "ignore": [

browser_patches/firefox/UPSTREAM_CONFIG.sh

@@ -1,3 +1,3 @@
 REMOTE_URL="https://github.com/mozilla/gecko-dev"
 BASE_BRANCH="release"
-BASE_REVISION="5cfa81898f6eef8fb1abe463e5253cea5bc17f3f"
+BASE_REVISION="fd854580ffc6fba6a0acdf335c96a1b24b976cb9"

browser_patches/firefox/juggler/Helper.js

@@ -3,39 +3,9 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 const uuidGen = Cc["@mozilla.org/uuid-generator;1"].getService(Ci.nsIUUIDGenerator);
+const {Services} = ChromeUtils.import("resource://gre/modules/Services.jsm");
 
 class Helper {
-  decorateAsEventEmitter(objectToDecorate) {
-    const { EventEmitter } = ChromeUtils.import('resource://gre/modules/EventEmitter.jsm');
-    const emitter = new EventEmitter();
-    objectToDecorate.on = emitter.on.bind(emitter);
-    objectToDecorate.addEventListener = emitter.on.bind(emitter);
-    objectToDecorate.off = emitter.off.bind(emitter);
-    objectToDecorate.removeEventListener = emitter.off.bind(emitter);
-    objectToDecorate.once = emitter.once.bind(emitter);
-    objectToDecorate.emit = emitter.emit.bind(emitter);
-  }
-
-  collectAllBrowsingContexts(rootBrowsingContext, allBrowsingContexts = []) {
-    allBrowsingContexts.push(rootBrowsingContext);
-    for (const child of rootBrowsingContext.children)
-      this.collectAllBrowsingContexts(child, allBrowsingContexts);
-    return allBrowsingContexts;
-  }
-
-  awaitTopic(topic) {
-    return new Promise(resolve => {
-      const listener = () => {
-        Services.obs.removeObserver(listener, topic);
-        resolve();
-      }
-      Services.obs.addObserver(listener, topic);
-    });
-  }
-
-  toProtocolNavigationId(loadIdentifier) {
-    return `nav-${loadIdentifier}`;
-  }
 
   addObserver(handler, topic) {
     Services.obs.addObserver(handler, topic);
@@ -47,17 +17,9 @@ class Helper {
     return () => receiver.removeMessageListener(eventName, handler);
   }
 
-  addEventListener(receiver, eventName, handler, options) {
+  addEventListener(receiver, eventName, handler) {
-    receiver.addEventListener(eventName, handler, options);
+    receiver.addEventListener(eventName, handler);
-    return () => {
+    return () => receiver.removeEventListener(eventName, handler);
-      try {
-        receiver.removeEventListener(eventName, handler, options);
-      } catch (e) {
-        // This could fail when window has navigated cross-process
-        // and we remove the listener from WindowProxy.
-        // Nothing we can do here - so ignore the error.
-      }
-    };
   }
 
   awaitEvent(receiver, eventName) {
@@ -69,11 +31,11 @@ class Helper {
     });
   }
 
-  on(receiver, eventName, handler, options) {
+  on(receiver, eventName, handler) {
     // The toolkit/modules/EventEmitter.jsm dispatches event name as a first argument.
     // Fire event listeners without it for convenience.
     const handlerWrapper = (_, ...args) => handler(...args);
-    receiver.on(eventName, handlerWrapper, options);
+    receiver.on(eventName, handlerWrapper);
     return () => receiver.off(eventName, handlerWrapper);
   }
 
@@ -164,76 +126,10 @@ class Helper {
   browsingContextToFrameId(browsingContext) {
     if (!browsingContext)
       return undefined;
-    if (!browsingContext.parent)
+    return 'frame-' + browsingContext.id;
-      return 'mainframe-' + browsingContext.browserId;
-    return 'subframe-' + browsingContext.id;
   }
 }
 
-const helper = new Helper();
+var EXPORTED_SYMBOLS = [ "Helper" ];
-
-class EventWatcher {
-  constructor(receiver, eventNames, pendingEventWatchers = new Set()) {
-    this._pendingEventWatchers = pendingEventWatchers;
-    this._pendingEventWatchers.add(this);
-
-    this._events = [];
-    this._pendingPromises = [];
-    this._eventListeners = eventNames.map(eventName =>
-      helper.on(receiver, eventName, this._onEvent.bind(this, eventName)),
-    );
-  }
-
-  _onEvent(eventName, eventObject) {
-    this._events.push({eventName, eventObject});
-    for (const promise of this._pendingPromises)
-      promise.resolve();
-    this._pendingPromises = [];
-  }
-
-  async ensureEvent(aEventName, predicate) {
-    if (typeof aEventName !== 'string')
-      throw new Error('ERROR: ensureEvent expects a "string" as its first argument');
-    while (true) {
-      const result = this.getEvent(aEventName, predicate);
-      if (result)
-        return result;
-      await new Promise((resolve, reject) => this._pendingPromises.push({resolve, reject}));
-    }
-  }
-
-  async ensureEvents(eventNames, predicate) {
-    if (!Array.isArray(eventNames))
-      throw new Error('ERROR: ensureEvents expects an array of event names as its first argument');
-    return await Promise.all(eventNames.map(eventName => this.ensureEvent(eventName, predicate)));
-  }
-
-  async ensureEventsAndDispose(eventNames, predicate) {
-    if (!Array.isArray(eventNames))
-      throw new Error('ERROR: ensureEventsAndDispose expects an array of event names as its first argument');
-    const result = await this.ensureEvents(eventNames, predicate);
-    this.dispose();
-    return result;
-  }
-
-  getEvent(aEventName, predicate = (eventObject) => true) {
-    return this._events.find(({eventName, eventObject}) => eventName === aEventName && predicate(eventObject))?.eventObject;
-  }
-
-  hasEvent(aEventName, predicate) {
-    return !!this.getEvent(aEventName, predicate);
-  }
-
-  dispose() {
-    this._pendingEventWatchers.delete(this);
-    for (const promise of this._pendingPromises)
-      promise.reject(new Error('EventWatcher is being disposed'));
-    this._pendingPromises = [];
-    helper.removeListeners(this._eventListeners);
-  }
-}
-
-var EXPORTED_SYMBOLS = [ "Helper", "EventWatcher" ];
 this.Helper = Helper;
-this.EventWatcher = EventWatcher;
 

browser_patches/firefox/juggler/JugglerFrameParent.jsm

@@ -1,42 +0,0 @@
-"use strict";
-
-const { TargetRegistry } = ChromeUtils.import('chrome://juggler/content/TargetRegistry.js');
-const { Helper } = ChromeUtils.import('chrome://juggler/content/Helper.js');
-
-const helper = new Helper();
-
-var EXPORTED_SYMBOLS = ['JugglerFrameParent'];
-
-class JugglerFrameParent extends JSWindowActorParent {
-  constructor() {
-    super();
-  }
-
-  receiveMessage() { }
-
-  async actorCreated() {
-    // Actors are registered per the WindowGlobalParent / WindowGlobalChild pair. We are only
-    // interested in those WindowGlobalParent actors that are matching current browsingContext
-    // window global.
-    // See https://github.com/mozilla/gecko-dev/blob/cd2121e7d83af1b421c95e8c923db70e692dab5f/testing/mochitest/BrowserTestUtils/BrowserTestUtilsParent.sys.mjs#L15
-    if (!this.manager?.isCurrentGlobal)
-      return;
-
-    // Only interested in main frames for now.
-    if (this.browsingContext.parent)
-      return;
-
-    this._target = TargetRegistry.instance()?.targetForBrowserId(this.browsingContext.browserId);
-    if (!this._target)
-      return;
-
-    this.actorName = `browser::page[${this._target.id()}]/${this.browsingContext.browserId}/${this.browsingContext.id}/${this._target.nextActorSequenceNumber()}`;
-    this._target.setActor(this);
-  }
-
-  didDestroy() {
-    if (!this._target)
-      return;
-    this._target.removeActor(this);
-  }
-}

browser_patches/firefox/juggler/NetworkObserver.js

@@ -4,7 +4,9 @@
 
 "use strict";
 
+const {EventEmitter} = ChromeUtils.import('resource://gre/modules/EventEmitter.jsm');
 const {Helper} = ChromeUtils.import('chrome://juggler/content/Helper.js');
+const {Services} = ChromeUtils.import("resource://gre/modules/Services.jsm");
 const {NetUtil} = ChromeUtils.import('resource://gre/modules/NetUtil.jsm');
 const { ChannelEventSinkFactory } = ChromeUtils.import("chrome://remote/content/cdp/observers/ChannelEventSink.jsm");
 
@@ -30,8 +32,6 @@ const pageNetworkSymbol = Symbol('PageNetwork');
 
 class PageNetwork {
   static forPageTarget(target) {
-    if (!target)
-      return undefined;
     let result = target[pageNetworkSymbol];
     if (!result) {
       result = new PageNetwork(target);
@@ -41,7 +41,7 @@ class PageNetwork {
   }
 
   constructor(target) {
-    helper.decorateAsEventEmitter(this);
+    EventEmitter.decorate(this);
     this._target = target;
     this._extraHTTPHeaders = null;
     this._responseStorage = new ResponseStorage(MAX_RESPONSE_STORAGE_SIZE, MAX_RESPONSE_STORAGE_SIZE / 10);
@@ -106,12 +106,21 @@ class NetworkRequest {
     this.httpChannel = httpChannel;
 
     const loadInfo = this.httpChannel.loadInfo;
-    const browsingContext = loadInfo?.frameBrowsingContext || loadInfo?.workerAssociatedBrowsingContext || loadInfo?.browsingContext;
+    let browsingContext = loadInfo?.frameBrowsingContext || loadInfo?.browsingContext;
+    // TODO: Unfortunately, requests from web workers don't have frameBrowsingContext or
+    // browsingContext.
+    //
+    // We fail to attribute them to the original frames on the browser side, but we
+    // can use load context top frame to attribute them to the top frame at least.
+    if (!browsingContext) {
+      const loadContext = helper.getLoadContext(this.httpChannel);
+      browsingContext = loadContext?.topFrameElement?.browsingContext;
+    }
 
     this._frameId = helper.browsingContextToFrameId(browsingContext);
 
     this.requestId = httpChannel.channelId + '';
-    this.navigationId = httpChannel.isMainDocumentChannel && loadInfo ? helper.toProtocolNavigationId(loadInfo.jugglerLoadIdentifier) : undefined;
+    this.navigationId = httpChannel.isMainDocumentChannel ? this.requestId : undefined;
 
     this._redirectedIndex = 0;
     if (redirectedFrom) {
@@ -137,21 +146,12 @@ class NetworkRequest {
       throw new Error(`Internal Error: invariant is broken for _channelToRequest map`);
     this._networkObserver._channelToRequest.set(this.httpChannel, this);
 
-    if (redirectedFrom) {
+    this._pageNetwork = redirectedFrom ? redirectedFrom._pageNetwork : networkObserver._findPageNetwork(httpChannel);
-      this._pageNetwork = redirectedFrom._pageNetwork;
-    } else if (browsingContext) {
-      const target = this._networkObserver._targetRegistry.targetForBrowserId(browsingContext.browserId);
-      this._pageNetwork = PageNetwork.forPageTarget(target);
-    }
     this._expectingInterception = false;
     this._expectingResumedRequest = undefined;  // { method, headers, postData }
-    this._overriddenHeadersForRedirect = redirectedFrom?._overriddenHeadersForRedirect;
     this._sentOnResponse = false;
-    this._fulfilled = false;
 
-    if (this._overriddenHeadersForRedirect)
+    if (this._pageNetwork)
-      overrideRequestHeaders(httpChannel, this._overriddenHeadersForRedirect);
-    else if (this._pageNetwork)
       appendExtraHTTPHeaders(httpChannel, this._pageNetwork.combinedExtraHTTPHeaders());
 
     this._responseBodyChunks = [];
@@ -198,7 +198,6 @@ class NetworkRequest {
 
   // Public interception API.
   fulfill(status, statusText, headers, base64body) {
-    this._fulfilled = true;
     this._interceptedChannel.synthesizeStatus(status, statusText);
     for (const header of headers) {
       this._interceptedChannel.synthesizeHeader(header.name, header.value);
@@ -218,9 +217,8 @@ class NetworkRequest {
   _onInternalRedirect(newChannel) {
     // Intercepted requests produce "internal redirects" - this is both for our own
     // interception and service workers.
-    // An internal redirect does not necessarily have the same channelId,
+    // An internal redirect has the same channelId, inherits notificationCallbacks and
-    // but inherits notificationCallbacks and the listener,
+    // listener, and should be used instead of an old channel.
-    // and should be used instead of an old channel.
     this._networkObserver._channelToRequest.delete(this.httpChannel);
     this.httpChannel = newChannel;
     this._networkObserver._channelToRequest.set(this.httpChannel, this);
@@ -233,13 +231,16 @@ class NetworkRequest {
     if (!this._expectingResumedRequest)
       return;
     const { method, headers, postData } = this._expectingResumedRequest;
-    this._overriddenHeadersForRedirect = headers;
     this._expectingResumedRequest = undefined;
 
-    if (headers)
+    if (headers) {
-      overrideRequestHeaders(this.httpChannel, headers);
+      for (const header of requestHeaders(this.httpChannel))
-    else if (this._pageNetwork)
+        this.httpChannel.setRequestHeader(header.name, '', false /* merge */);
+      for (const header of headers)
+        this.httpChannel.setRequestHeader(header.name, header.value, false /* merge */);
+    } else if (this._pageNetwork) {
       appendExtraHTTPHeaders(this.httpChannel, this._pageNetwork.combinedExtraHTTPHeaders());
+    }
     if (method)
       this.httpChannel.requestMethod = method;
     if (postData !== undefined)
@@ -299,9 +300,6 @@ class NetworkRequest {
     }
     if (!credentials)
       return false;
-    const origin = aChannel.URI.scheme + '://' + aChannel.URI.hostPort;
-    if (credentials.origin && origin.toLowerCase() !== credentials.origin.toLowerCase())
-      return false;
     authInfo.username = credentials.username;
     authInfo.password = credentials.password;
     // This will produce a new request with respective auth header set.
@@ -364,6 +362,13 @@ class NetworkRequest {
       return;
     }
 
+    const browserContext = pageNetwork._target.browserContext();
+    if (browserContext.settings.onlineOverride === 'offline') {
+      // Implement offline.
+      this.abort(Cr.NS_ERROR_OFFLINE);
+      return;
+    }
+
     // Ok, so now we have intercepted the request, let's issue onRequest.
     // If interception has been disabled while we were intercepting, resume and forget.
     const interceptionEnabled = this._shouldIntercept();
@@ -453,15 +458,15 @@ class NetworkRequest {
     const browserContext = pageNetwork._target.browserContext();
     if (browserContext.requestInterceptionEnabled)
       return true;
+    if (browserContext.settings.onlineOverride === 'offline')
+      return true;
     return false;
   }
 
   _fallThroughInterceptController() {
-    try {
+    if (!this._previousCallbacks || !(this._previousCallbacks instanceof Ci.nsINetworkInterceptController))
-      return this._previousCallbacks?.getInterface(Ci.nsINetworkInterceptController);
-    } catch (e) {
       return undefined;
-    }
+    return this._previousCallbacks.getInterface(Ci.nsINetworkInterceptController);
   }
 
   _sendOnRequest(isIntercepted) {
@@ -551,11 +556,7 @@ class NetworkRequest {
 
   _sendOnRequestFinished() {
     const pageNetwork = this._pageNetwork;
-    // Undefined |responseEndTime| means there has been no response yet.
+    if (pageNetwork) {
-    // This happens when request interception API is used to redirect
-    // the request to a different URL.
-    // In this case, we should not emit "requestFinished" event.
-    if (pageNetwork && this.httpChannel.responseEndTime !== undefined) {
       let protocolVersion = undefined;
       try {
         protocolVersion = this.httpChannel.protocolVersion;
@@ -580,7 +581,7 @@ class NetworkObserver {
   }
 
   constructor(targetRegistry) {
-    helper.decorateAsEventEmitter(this);
+    EventEmitter.decorate(this);
     NetworkObserver._instance = this;
 
     this._targetRegistry = targetRegistry;
@@ -598,8 +599,6 @@ class NetworkObserver {
           proxyFilter.onProxyFilterResult(defaultProxyInfo);
           return;
         }
-        if (this._targetRegistry.shouldBustHTTPAuthCacheForProxy(proxy))
-          Services.obs.notifyObservers(null, "net:clear-active-logins");
         proxyFilter.onProxyFilterResult(protocolProxyService.newProxyInfo(
             proxy.type,
             proxy.host,
@@ -655,6 +654,16 @@ class NetworkObserver {
     }
   }
 
+  _findPageNetwork(httpChannel) {
+    let loadContext = helper.getLoadContext(httpChannel);
+    if (!loadContext)
+      return;
+    const target = this._targetRegistry.targetForBrowser(loadContext.topFrameElement);
+    if (!target)
+      return;
+    return PageNetwork.forPageTarget(target);
+  }
+
   _onRequest(channel, topic) {
     if (!(channel instanceof Ci.nsIHttpChannel))
       return;
@@ -725,7 +734,6 @@ function readRequestPostData(httpChannel) {
   if (!iStream)
     return undefined;
   const isSeekableStream = iStream instanceof Ci.nsISeekableStream;
-  const isTellableStream = iStream instanceof Ci.nsITellableStream;
 
   // For some reason, we cannot rewind back big streams,
   // so instead we should clone them.
@@ -734,9 +742,7 @@ function readRequestPostData(httpChannel) {
     iStream = iStream.clone();
 
   let prevOffset;
-  // Surprisingly, stream might implement `nsITellableStream` without
+  if (isSeekableStream) {
-  // implementing the `tell` method.
-  if (isSeekableStream && isTellableStream && iStream.tell) {
     prevOffset = iStream.tell();
     iStream.seek(Ci.nsISeekableStream.NS_SEEK_SET, 0);
   }
@@ -769,20 +775,6 @@ function requestHeaders(httpChannel) {
   return headers;
 }
 
-function clearRequestHeaders(httpChannel) {
-  for (const header of requestHeaders(httpChannel)) {
-    // We cannot remove the "host" header.
-    if (header.name.toLowerCase() === 'host')
-      continue;
-    httpChannel.setRequestHeader(header.name, '', false /* merge */);
-  }
-}
-
-function overrideRequestHeaders(httpChannel, headers) {
-  clearRequestHeaders(httpChannel);
-  appendExtraHTTPHeaders(httpChannel, headers);
-}
-
 function causeTypeToString(causeType) {
   for (let key in Ci.nsIContentPolicy) {
     if (Ci.nsIContentPolicy[key] === causeType)
@@ -815,8 +807,7 @@ class ResponseStorage {
       return;
     }
     let encodings = [];
-    // Note: fulfilled request comes with decoded body right away.
+    if ((request.httpChannel instanceof Ci.nsIEncodedChannel) && request.httpChannel.contentEncodings && !request.httpChannel.applyConversion) {
-    if ((request.httpChannel instanceof Ci.nsIEncodedChannel) && request.httpChannel.contentEncodings && !request.httpChannel.applyConversion && !request._fulfilled) {
       const encodingHeader = request.httpChannel.getResponseHeader("Content-Encoding");
       encodings = encodingHeader.split(/\s*\t*,\s*\t*/);
     }

browser_patches/firefox/juggler/SimpleChannel.js

@@ -9,47 +9,36 @@
 const SIMPLE_CHANNEL_MESSAGE_NAME = 'juggler:simplechannel';
 
 class SimpleChannel {
-  constructor(name, uid) {
+  static createForMessageManager(name, mm) {
+    const channel = new SimpleChannel(name);
+
+    const messageListener = {
+      receiveMessage: message => channel._onMessage(message.data)
+    };
+    mm.addMessageListener(SIMPLE_CHANNEL_MESSAGE_NAME, messageListener);
+
+    channel.setTransport({
+      sendMessage: obj => mm.sendAsyncMessage(SIMPLE_CHANNEL_MESSAGE_NAME, obj),
+      dispose: () => mm.removeMessageListener(SIMPLE_CHANNEL_MESSAGE_NAME, messageListener),
+    });
+
+    return channel;
+  }
+
+  constructor(name) {
     this._name = name;
     this._messageId = 0;
     this._connectorId = 0;
     this._pendingMessages = new Map();
     this._handlers = new Map();
     this._bufferedIncomingMessages = [];
+    this._bufferedOutgoingMessages = [];
     this.transport = {
       sendMessage: null,
-      dispose: () => {},
+      dispose: null,
     };
     this._ready = false;
-    this._paused = false;
     this._disposed = false;
-
-    this._bufferedResponses = new Map();
-    // This is a "unique" identifier of this end of the channel. Two SimpleChannel instances
-    // on the same end of the channel (e.g. two content processes) must not have the same id.
-    // This way, the other end can distinguish between the old peer with a new transport and a new peer.
-    this._uid = uid;
-    this._connectedToUID = undefined;
-  }
-
-  bindToActor(actor) {
-    this.resetTransport();
-    this._name = actor.actorName;
-    const oldReceiveMessage = actor.receiveMessage;
-    actor.receiveMessage = message => this._onMessage(message.data);
-    this.setTransport({
-      sendMessage: obj => actor.sendAsyncMessage(SIMPLE_CHANNEL_MESSAGE_NAME, obj),
-      dispose: () => actor.receiveMessage = oldReceiveMessage,
-    });
-  }
-
-  resetTransport() {
-    this.transport.dispose();
-    this.transport = {
-      sendMessage: null,
-      dispose: () => {},
-    };
-    this._ready = false;
   }
 
   setTransport(transport) {
@@ -58,37 +47,21 @@ class SimpleChannel {
     // 1. There are two channel ends in different processes.
     // 2. Both ends start in the `ready = false` state, meaning that they will
     //    not send any messages over transport.
-    // 3. Once channel end is created, it sends { ack: `READY` } message to the other end.
+    // 3. Once channel end is created, it sends `READY` message to the other end.
-    // 4. Eventually, at least one of the ends receives { ack: `READY` } message and responds with
+    // 4. Eventually, at least one of the ends receives `READY` message and responds with
-    //    { ack: `READY_ACK` }. We assume at least one of the ends will receive { ack: "READY" } event from the other, since
+    //    `READY_ACK`. We assume at least one of the ends will receive "READY" event from the other, since
     //    channel ends have a "parent-child" relation, i.e. one end is always created before the other one.
-    // 5. Once channel end receives either { ack: `READY` } or { ack: `READY_ACK` }, it transitions to `ready` state.
+    // 5. Once channel end receives either `READY` or `READY_ACK`, it transitions to `ready` state.
-    this.transport.sendMessage({ ack: 'READY', uid: this._uid });
+    this.transport.sendMessage('READY');
-  }
-
-  pause() {
-    this._paused = true;
-  }
-
-  resumeSoon() {
-    if (!this._paused)
-      return;
-    this._paused = false;
-    this._setTimeout(() => this._deliverBufferedIncomingMessages(), 0);
-  }
-
-  _setTimeout(cb, timeout) {
-    // Lazy load on first call.
-    this._setTimeout = ChromeUtils.import('resource://gre/modules/Timer.jsm').setTimeout;
-    this._setTimeout(cb, timeout);
   }
 
   _markAsReady() {
     if (this._ready)
       return;
     this._ready = true;
-    for (const { message } of this._pendingMessages.values())
+    for (const msg of this._bufferedOutgoingMessages)
-      this.transport.sendMessage(message);
+      this.transport.sendMessage(msg);
+    this._bufferedOutgoingMessages = [];
   }
 
   dispose() {
@@ -124,16 +97,13 @@ class SimpleChannel {
     if (this._handlers.has(namespace))
       throw new Error('ERROR: double-register for namespace ' + namespace);
     this._handlers.set(namespace, handler);
-    this._deliverBufferedIncomingMessages();
+    // Try to re-deliver all pending messages.
-    return () => this.unregister(namespace);
-  }
-
-  _deliverBufferedIncomingMessages() {
     const bufferedRequests = this._bufferedIncomingMessages;
     this._bufferedIncomingMessages = [];
     for (const data of bufferedRequests) {
       this._onMessage(data);
     }
+    return () => this.unregister(namespace);
   }
 
   unregister(namespace) {
@@ -151,75 +121,35 @@ class SimpleChannel {
     if (this._disposed)
       throw new Error(`ERROR: channel ${this._name} is already disposed! Cannot send "${methodName}" to "${namespace}"`);
     const id = ++this._messageId;
-    const message = {requestId: id, methodName, params, namespace};
     const promise = new Promise((resolve, reject) => {
-      this._pendingMessages.set(id, {connectorId, resolve, reject, methodName, namespace, message});
+      this._pendingMessages.set(id, {connectorId, resolve, reject, methodName, namespace});
     });
+    const message = {requestId: id, methodName, params, namespace};
     if (this._ready)
       this.transport.sendMessage(message);
+    else
+      this._bufferedOutgoingMessages.push(message);
     return promise;
   }
 
-  _onMessage(data) {
+  async _onMessage(data) {
-    if (data?.ack === 'READY') {
+    if (data === 'READY') {
-      // The "READY" and "READY_ACK" messages are a part of initialization sequence.
+      this.transport.sendMessage('READY_ACK');
-      // This sequence happens when:
-      // 1. A new SimpleChannel instance is getting initialized on the other end.
-      //    In this case, it will have a different UID and we must clear
-      //    `this._bufferedResponses` since they are no longer relevant.
-      // 2. A new transport is assigned to communicate between 2 SimpleChannel instances.
-      //    In this case, we MUST NOT clear `this._bufferedResponses` since they are used
-      //    to address the double-dispatch issue.
-      if (this._connectedToUID !== data.uid)
-        this._bufferedResponses.clear();
-      this._connectedToUID = data.uid;
-      this.transport.sendMessage({ ack: 'READY_ACK', uid: this._uid });
       this._markAsReady();
       return;
     }
-    if (data?.ack === 'READY_ACK') {
+    if (data === 'READY_ACK') {
-      if (this._connectedToUID !== data.uid)
-        this._bufferedResponses.clear();
-      this._connectedToUID = data.uid;
       this._markAsReady();
       return;
     }
-    if (data?.ack === 'RESPONSE_ACK') {
-      this._bufferedResponses.delete(data.responseId);
-      return;
-    }
-    if (this._paused)
-      this._bufferedIncomingMessages.push(data);
-    else
-      this._onMessageInternal(data);
-  }
-
-  async _onMessageInternal(data) {
     if (data.responseId) {
-      this.transport.sendMessage({ ack: 'RESPONSE_ACK', responseId: data.responseId });
+      const {resolve, reject} = this._pendingMessages.get(data.responseId);
-      const message = this._pendingMessages.get(data.responseId);
-      if (!message) {
-        // During cross-process navigation, we might receive a response for
-        // the message sent by another process.
-        return;
-      }
       this._pendingMessages.delete(data.responseId);
       if (data.error)
-        message.reject(new Error(data.error));
+        reject(new Error(data.error));
       else
-        message.resolve(data.result);
+        resolve(data.result);
     } else if (data.requestId) {
-      // When the underlying transport gets replaced, some responses might
-      // not get delivered. As a result, sender will repeat the same request once
-      // a new transport gets set.
-      //
-      // If this request was already processed, we can fulfill it with the cached response
-      // and fast-return.
-      if (this._bufferedResponses.has(data.requestId)) {
-        this.transport.sendMessage(this._bufferedResponses.get(data.requestId));
-        return;
-      }
-
       const namespace = data.namespace;
       const handler = this._handlers.get(namespace);
       if (!handler) {
@@ -231,23 +161,17 @@ class SimpleChannel {
         this.transport.sendMessage({responseId: data.requestId, error: `error in channel "${this._name}": No method "${data.methodName}" in namespace "${namespace}"`});
         return;
       }
-      let response;
-      const connectedToUID = this._connectedToUID;
       try {
         const result = await method.call(handler, ...data.params);
-        response = {responseId: data.requestId, result};
+        this.transport.sendMessage({responseId: data.requestId, result});
       } catch (error) {
-        response = {responseId: data.requestId, error: `error in channel "${this._name}": exception while running method "${data.methodName}" in namespace "${namespace}": ${error.message} ${error.stack}`};
+        this.transport.sendMessage({responseId: data.requestId, error: `error in channel "${this._name}": exception while running method "${data.methodName}" in namespace "${namespace}": ${error.message} ${error.stack}`});
-      }
+        return;
-      // The connection might have changed during the ASYNCHRONOUS handler execution.
-      // We only need to buffer & send response if we are connected to the same
-      // end.
-      if (connectedToUID === this._connectedToUID) {
-        this._bufferedResponses.set(data.requestId, response);
-        this.transport.sendMessage(response);
       }
     } else {
-      dump(`WARNING: unknown message in channel "${this._name}": ${JSON.stringify(data)}\n`);
+      dump(`
+        ERROR: unknown message in channel "${this._name}": ${JSON.stringify(data)}
+      `);
     }
   }
 }

browser_patches/firefox/juggler/TargetRegistry.js

@@ -2,12 +2,15 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+const {EventEmitter} = ChromeUtils.import('resource://gre/modules/EventEmitter.jsm');
 const {Helper} = ChromeUtils.import('chrome://juggler/content/Helper.js');
 const {SimpleChannel} = ChromeUtils.import('chrome://juggler/content/SimpleChannel.js');
+const {Services} = ChromeUtils.import("resource://gre/modules/Services.jsm");
 const {Preferences} = ChromeUtils.import("resource://gre/modules/Preferences.jsm");
 const {ContextualIdentityService} = ChromeUtils.import("resource://gre/modules/ContextualIdentityService.jsm");
 const {NetUtil} = ChromeUtils.import('resource://gre/modules/NetUtil.jsm');
 const {AppConstants} = ChromeUtils.import("resource://gre/modules/AppConstants.jsm");
+const {OS} = ChromeUtils.import("resource://gre/modules/osfile.jsm");
 
 const Cr = Components.results;
 
@@ -21,8 +24,6 @@ const ALL_PERMISSIONS = [
   'desktop-notification',
 ];
 
-let globalTabAndWindowActivationChain = Promise.resolve();
-
 class DownloadInterceptor {
   constructor(registry) {
     this._registry = registry
@@ -37,7 +38,7 @@ class DownloadInterceptor {
     if (!(request instanceof Ci.nsIChannel))
       return false;
     const channel = request.QueryInterface(Ci.nsIChannel);
-    let pageTarget = this._registry._browserIdToTarget.get(channel.loadInfo.browsingContext.top.browserId);
+    let pageTarget = this._registry._browserBrowsingContextToTarget.get(channel.loadInfo.browsingContext.top);
     if (!pageTarget)
       return false;
 
@@ -56,7 +57,7 @@ class DownloadInterceptor {
       try {
         file.create(Ci.nsIFile.NORMAL_FILE_TYPE, 0o600);
       } catch (e) {
-        dump(`WARNING: interceptDownloadRequest failed to create file: ${e}\n`);
+        dump(`interceptDownloadRequest failed to create file: ${e}\n`);
         return false;
       }
     }
@@ -67,7 +68,6 @@ class DownloadInterceptor {
       uuid,
       browserContextId: browserContext.browserContextId,
       pageTargetId: pageTarget.id(),
-      frameId: helper.browsingContextToFrameId(channel.loadInfo.browsingContext),
       url: request.name,
       suggestedFileName: externalAppHandler.suggestedFileName,
     };
@@ -103,20 +103,14 @@ class DownloadInterceptor {
 const screencastService = Cc['@mozilla.org/juggler/screencast;1'].getService(Ci.nsIScreencastService);
 
 class TargetRegistry {
-  static instance() {
-    return TargetRegistry._instance || null;
-  }
-
   constructor() {
-    helper.decorateAsEventEmitter(this);
+    EventEmitter.decorate(this);
-    TargetRegistry._instance = this;
 
     this._browserContextIdToBrowserContext = new Map();
     this._userContextIdToBrowserContext = new Map();
     this._browserToTarget = new Map();
-    this._browserIdToTarget = new Map();
+    this._browserBrowsingContextToTarget = new Map();
 
-    this._proxiesWithClashingAuthCacheKeys = new Set();
     this._browserProxy = null;
 
     // Cleanup containers from previous runs (if any)
@@ -142,6 +136,21 @@ class TargetRegistry {
       }
     }, 'oop-frameloader-crashed');
 
+    Services.mm.addMessageListener('juggler:content-ready', {
+      receiveMessage: message => {
+        const linkedBrowser = message.target;
+        const target = this._browserToTarget.get(linkedBrowser);
+        if (!target)
+          return;
+
+        return {
+          initScripts: target.browserContext().initScripts,
+          bindings: target.browserContext().bindings,
+          settings: target.browserContext().settings,
+        };
+      },
+    });
+
     const onTabOpenListener = (appWindow, window, event) => {
       const tab = event.target;
       const userContextId = tab.userContextId;
@@ -152,7 +161,7 @@ class TargetRegistry {
       if (openerContext) {
         // Popups usually have opener context. Get top context for the case when opener is
         // an iframe.
-        openerTarget = this._browserIdToTarget.get(openerContext.top.browserId);
+        openerTarget = this._browserBrowsingContextToTarget.get(openerContext.top);
       } else if (tab.openerTab) {
         // Noopener popups from the same window have opener tab instead.
         openerTarget = this._browserToTarget.get(tab.openerTab.linkedBrowser);
@@ -160,7 +169,13 @@ class TargetRegistry {
       if (!browserContext)
         throw new Error(`Internal error: cannot find context for userContextId=${userContextId}`);
       const target = new PageTarget(this, window, tab, browserContext, openerTarget);
-      target.updateOverridesForBrowsingContext(tab.linkedBrowser.browsingContext);
+      target.updateUserAgent();
+      target.updatePlatform();
+      target.updateJavaScriptDisabled();
+      target.updateTouchOverride();
+      target.updateColorSchemeOverride();
+      target.updateReducedMotionOverride();
+      target.updateForcedColorsOverride();
       if (!hasExplicitSize)
         target.updateViewportSize();
       if (browserContext.videoRecordingOptions)
@@ -186,7 +201,7 @@ class TargetRegistry {
         domWindow = appWindow;
         appWindow = null;
       }
-      if (!domWindow.isChromeWindow)
+      if (!(domWindow instanceof Ci.nsIDOMChromeWindow))
         return;
       // In persistent mode, window might be opened long ago and might be
       // already initialized.
@@ -214,7 +229,7 @@ class TargetRegistry {
 
     const onCloseWindow = window => {
       const domWindow = window.QueryInterface(Ci.nsIInterfaceRequestor).getInterface(Ci.nsIDOMWindowInternal || Ci.nsIDOMWindow);
-      if (!domWindow.isChromeWindow)
+      if (!(domWindow instanceof Ci.nsIDOMChromeWindow))
         return;
       if (!domWindow.gBrowser)
         return;
@@ -235,50 +250,12 @@ class TargetRegistry {
       onOpenWindow(win);
   }
 
-  // Firefox uses nsHttpAuthCache to cache authentication to the proxy.
-  // If we're provided with a single proxy with a multiple different authentications, then
-  // we should clear the nsHttpAuthCache on every request.
-  shouldBustHTTPAuthCacheForProxy(proxy) {
-    return this._proxiesWithClashingAuthCacheKeys.has(proxy);
-  }
-
-  _updateProxiesWithSameAuthCacheAndDifferentCredentials() {
-    const proxyIdToCredentials = new Map();
-    const allProxies = [...this._browserContextIdToBrowserContext.values()].map(bc => bc._proxy).filter(Boolean);
-    if (this._browserProxy)
-      allProxies.push(this._browserProxy);
-    const proxyAuthCacheKeyAndProxy = allProxies.map(proxy => [
-      JSON.stringify({
-        type: proxy.type,
-        host: proxy.host,
-        port: proxy.port,
-      }),
-      proxy,
-    ]);
-    this._proxiesWithClashingAuthCacheKeys.clear();
-
-    proxyAuthCacheKeyAndProxy.sort(([cacheKey1], [cacheKey2]) => cacheKey1 < cacheKey2 ? -1 : 1);
-    for (let i = 0; i < proxyAuthCacheKeyAndProxy.length - 1; ++i) {
-      const [cacheKey1, proxy1] = proxyAuthCacheKeyAndProxy[i];
-      const [cacheKey2, proxy2] = proxyAuthCacheKeyAndProxy[i + 1];
-      if (cacheKey1 !== cacheKey2)
-        continue;
-      if (proxy1.username === proxy2.username && proxy1.password === proxy2.password)
-        continue;
-      // `proxy1` and `proxy2` have the same caching key, but serve different credentials.
-      // We have to bust HTTP Auth Cache everytime there's a request that will use either of the proxies.
-      this._proxiesWithClashingAuthCacheKeys.add(proxy1);
-      this._proxiesWithClashingAuthCacheKeys.add(proxy2);
-    }
-  }
-
   async cancelDownload(options) {
     this._downloadInterceptor.cancelDownload(options.uuid);
   }
 
   setBrowserProxy(proxy) {
     this._browserProxy = proxy;
-    this._updateProxiesWithSameAuthCacheAndDifferentCredentials();
   }
 
   getProxyInfo(channel) {
@@ -352,7 +329,7 @@ class TargetRegistry {
       target = this._browserToTarget.get(browser);
     }
     browser.focus();
-    if (browserContext.crossProcessCookie.settings.timezoneId) {
+    if (browserContext.settings.timezoneId) {
       if (await target.hasFailedToOverrideTimezone())
         throw new Error('Failed to override timezone');
     }
@@ -366,15 +343,11 @@ class TargetRegistry {
   targetForBrowser(browser) {
     return this._browserToTarget.get(browser);
   }
-
-  targetForBrowserId(browserId) {
-    return this._browserIdToTarget.get(browserId);
-  }
 }
 
 class PageTarget {
   constructor(registry, win, tab, browserContext, opener) {
-    helper.decorateAsEventEmitter(this);
+    EventEmitter.decorate(this);
 
     this._targetId = helper.generateId();
     this._registry = registry;
@@ -387,90 +360,31 @@ class PageTarget {
     this._initialDPPX = this._linkedBrowser.browsingContext.overrideDPPX;
     this._url = 'about:blank';
     this._openerId = opener ? opener.id() : undefined;
-    this._actor = undefined;
+    this._channel = SimpleChannel.createForMessageManager(`browser::page[${this._targetId}]`, this._linkedBrowser.messageManager);
-    this._actorSequenceNumber = 0;
-    this._channel = new SimpleChannel(`browser::page[${this._targetId}]`, 'target-' + this._targetId);
     this._videoRecordingInfo = undefined;
     this._screencastRecordingInfo = undefined;
     this._dialogs = new Map();
-    this.forcedColors = 'none';
+    this.forcedColors = 'no-override';
-    this.disableCache = false;
+    this._pageInitScripts = [];
-    this.mediumOverride = '';
-    this.crossProcessCookie = {
-      initScripts: [],
-      bindings: [],
-      interceptFileChooserDialog: false,
-    };
 
     const navigationListener = {
       QueryInterface: ChromeUtils.generateQI([Ci.nsIWebProgressListener, Ci.nsISupportsWeakReference]),
       onLocationChange: (aWebProgress, aRequest, aLocation) => this._onNavigated(aLocation),
     };
     this._eventListeners = [
-      helper.addObserver(this._updateModalDialogs.bind(this), 'common-dialog-loaded'),
+      helper.addObserver(this._updateModalDialogs.bind(this), 'tabmodal-dialog-loaded'),
       helper.addProgressListener(tab.linkedBrowser, navigationListener, Ci.nsIWebProgress.NOTIFY_LOCATION),
       helper.addEventListener(this._linkedBrowser, 'DOMModalDialogClosed', event => this._updateModalDialogs()),
-      helper.addEventListener(this._linkedBrowser, 'WillChangeBrowserRemoteness', event => this._willChangeBrowserRemoteness()),
     ];
 
     this._disposed = false;
     browserContext.pages.add(this);
     this._registry._browserToTarget.set(this._linkedBrowser, this);
-    this._registry._browserIdToTarget.set(this._linkedBrowser.browsingContext.browserId, this);
+    this._registry._browserBrowsingContextToTarget.set(this._linkedBrowser.browsingContext, this);
 
     this._registry.emit(TargetRegistry.Events.TargetCreated, this);
   }
 
-  async activateAndRun(callback = () => {}, { muteNotificationsPopup = false } = {}) {
-    const ownerWindow = this._tab.linkedBrowser.ownerGlobal;
-    const tabBrowser = ownerWindow.gBrowser;
-    // Serialize all tab-switching commands per tabbed browser
-    // to disallow concurrent tab switching.
-    const result = globalTabAndWindowActivationChain.then(async () => {
-      this._window.focus();
-      if (tabBrowser.selectedTab !== this._tab) {
-        const promise = helper.awaitEvent(ownerWindow, 'TabSwitchDone');
-        tabBrowser.selectedTab = this._tab;
-        await promise;
-      }
-      const notificationsPopup = muteNotificationsPopup ? this._linkedBrowser?.ownerDocument.getElementById('notification-popup') : null;
-      notificationsPopup?.style.setProperty('pointer-events', 'none');
-      try {
-        await callback();
-      } finally {
-        notificationsPopup?.style.removeProperty('pointer-events');
-      }
-    });
-    globalTabAndWindowActivationChain = result.catch(error => { /* swallow errors to keep chain running */ });
-    return result;
-  }
-
-  frameIdToBrowsingContext(frameId) {
-    return helper.collectAllBrowsingContexts(this._linkedBrowser.browsingContext).find(bc => helper.browsingContextToFrameId(bc) === frameId);
-  }
-
-  nextActorSequenceNumber() {
-    return ++this._actorSequenceNumber;
-  }
-
-  setActor(actor) {
-    this._actor = actor;
-    this._channel.bindToActor(actor);
-  }
-
-  removeActor(actor) {
-    // Note: the order between setActor and removeActor is non-deterministic.
-    // Therefore we check that we are still bound to the actor that is being removed.
-    if (this._actor !== actor)
-      return;
-    this._actor = undefined;
-    this._channel.resetTransport();
-  }
-
-  _willChangeBrowserRemoteness() {
-    this.removeActor(this._actor);
-  }
-
   dialog(dialogId) {
     return this._dialogs.get(dialogId);
   }
@@ -491,54 +405,24 @@ class PageTarget {
     return this._browserContext;
   }
 
-  updateOverridesForBrowsingContext(browsingContext = undefined) {
+  updateTouchOverride() {
-    this.updateTouchOverride(browsingContext);
+    this._linkedBrowser.browsingContext.touchEventsOverride = this._browserContext.touchOverride ? 'enabled' : 'none';
-    this.updateUserAgent(browsingContext);
-    this.updatePlatform(browsingContext);
-    this.updateDPPXOverride(browsingContext);
-    this.updateEmulatedMedia(browsingContext);
-    this.updateColorSchemeOverride(browsingContext);
-    this.updateReducedMotionOverride(browsingContext);
-    this.updateForcedColorsOverride(browsingContext);
-    this.updateForceOffline(browsingContext);
-    this.updateCacheDisabled(browsingContext);
   }
 
-  updateForceOffline(browsingContext = undefined) {
+  updateUserAgent() {
-    (browsingContext || this._linkedBrowser.browsingContext).forceOffline = this._browserContext.forceOffline;
+    this._linkedBrowser.browsingContext.customUserAgent = this._browserContext.defaultUserAgent;
   }
 
-  setCacheDisabled(disabled) {
+  updatePlatform() {
-    this.disableCache = disabled;
+    this._linkedBrowser.browsingContext.customPlatform = this._browserContext.defaultPlatform;
-    this.updateCacheDisabled();
   }
 
-  updateCacheDisabled(browsingContext = this._linkedBrowser.browsingContext) {
+  updateJavaScriptDisabled() {
-    const enableFlags = Ci.nsIRequest.LOAD_NORMAL;
+    this._linkedBrowser.browsingContext.allowJavascript = !this._browserContext.javaScriptDisabled;
-    const disableFlags = Ci.nsIRequest.LOAD_BYPASS_CACHE |
-                  Ci.nsIRequest.INHIBIT_CACHING;
-
-    browsingContext.defaultLoadFlags = (this._browserContext.disableCache || this.disableCache) ? disableFlags : enableFlags;
-  }
-
-  updateTouchOverride(browsingContext = undefined) {
-    (browsingContext || this._linkedBrowser.browsingContext).touchEventsOverride = this._browserContext.touchOverride ? 'enabled' : 'none';
-  }
-
-  updateUserAgent(browsingContext = undefined) {
-    (browsingContext || this._linkedBrowser.browsingContext).customUserAgent = this._browserContext.defaultUserAgent;
-  }
-
-  updatePlatform(browsingContext = undefined) {
-    (browsingContext || this._linkedBrowser.browsingContext).customPlatform = this._browserContext.defaultPlatform;
-  }
-
-  updateDPPXOverride(browsingContext = undefined) {
-    (browsingContext || this._linkedBrowser.browsingContext).overrideDPPX = this._browserContext.deviceScaleFactor || this._initialDPPX;
   }
 
   _updateModalDialogs() {
-    const prompts = new Set(this._linkedBrowser.tabDialogBox.getContentDialogManager().dialogs.map(dialog => dialog.frameContentWindow.Dialog));
+    const prompts = new Set(this._linkedBrowser.tabModalPromptBox ? this._linkedBrowser.tabModalPromptBox.listPrompts() : []);
     for (const dialog of this._dialogs.values()) {
       if (!prompts.has(dialog.prompt())) {
         this._dialogs.delete(dialog.id());
@@ -557,9 +441,6 @@ class PageTarget {
   }
 
   async updateViewportSize() {
-    await waitForWindowReady(this._window);
-    this.updateDPPXOverride();
-
     // Viewport size is defined by three arguments:
     // 1. default size. Could be explicit if set as part of `window.open` call, e.g.
     //   `window.open(url, title, 'width=400,height=400')`
@@ -570,45 +451,17 @@ class PageTarget {
     // Otherwise, explicitly set page viewport prevales over browser context
     // default viewport.
     const viewportSize = this._viewportSize || this._browserContext.defaultViewportSize;
-    if (viewportSize) {
+    const actualSize = await setViewportSizeForBrowser(viewportSize, this._linkedBrowser, this._window);
-      const {width, height} = viewportSize;
+    this._linkedBrowser.browsingContext.overrideDPPX = this._browserContext.deviceScaleFactor || this._initialDPPX;
-      this._linkedBrowser.style.setProperty('width', width + 'px');
-      this._linkedBrowser.style.setProperty('height', height + 'px');
-      this._linkedBrowser.style.setProperty('box-sizing', 'content-box');
-      this._linkedBrowser.closest('.browserStack').style.setProperty('overflow', 'auto');
-      this._linkedBrowser.closest('.browserStack').style.setProperty('contain', 'size');
-      this._linkedBrowser.closest('.browserStack').style.setProperty('scrollbar-width', 'none');
-      this._linkedBrowser.browsingContext.inRDMPane = true;
-
-      const stackRect = this._linkedBrowser.closest('.browserStack').getBoundingClientRect();
-      const toolbarTop = stackRect.y;
-      this._window.resizeBy(width - this._window.innerWidth, height + toolbarTop - this._window.innerHeight);
-
-      await this._channel.connect('').send('awaitViewportDimensions', { width, height });
-    } else {
-      this._linkedBrowser.style.removeProperty('width');
-      this._linkedBrowser.style.removeProperty('height');
-      this._linkedBrowser.style.removeProperty('box-sizing');
-      this._linkedBrowser.closest('.browserStack').style.removeProperty('overflow');
-      this._linkedBrowser.closest('.browserStack').style.removeProperty('contain');
-      this._linkedBrowser.closest('.browserStack').style.removeProperty('scrollbar-width');
-      this._linkedBrowser.browsingContext.inRDMPane = false;
-
-      const actualSize = this._linkedBrowser.getBoundingClientRect();
     await this._channel.connect('').send('awaitViewportDimensions', {
       width: actualSize.width,
       height: actualSize.height,
+      deviceSizeIsPageSize: !!this._browserContext.deviceScaleFactor,
     });
   }
-  }
 
   setEmulatedMedia(mediumOverride) {
-    this.mediumOverride = mediumOverride || '';
+    this._linkedBrowser.browsingContext.mediumOverride = mediumOverride || '';
-    this.updateEmulatedMedia();
-  }
-
-  updateEmulatedMedia(browsingContext = undefined) {
-    (browsingContext || this._linkedBrowser.browsingContext).mediumOverride = this.mediumOverride;
   }
 
   setColorScheme(colorScheme) {
@@ -616,8 +469,8 @@ class PageTarget {
     this.updateColorSchemeOverride();
   }
 
-  updateColorSchemeOverride(browsingContext = undefined) {
+  updateColorSchemeOverride() {
-    (browsingContext || this._linkedBrowser.browsingContext).prefersColorSchemeOverride = this.colorScheme || this._browserContext.colorScheme || 'none';
+    this._linkedBrowser.browsingContext.prefersColorSchemeOverride = this.colorScheme || this._browserContext.colorScheme || 'none';
   }
 
   setReducedMotion(reducedMotion) {
@@ -625,8 +478,8 @@ class PageTarget {
     this.updateReducedMotionOverride();
   }
 
-  updateReducedMotionOverride(browsingContext = undefined) {
+  updateReducedMotionOverride() {
-    (browsingContext || this._linkedBrowser.browsingContext).prefersReducedMotionOverride = this.reducedMotion || this._browserContext.reducedMotion || 'none';
+    this._linkedBrowser.browsingContext.prefersReducedMotionOverride = this.reducedMotion || this._browserContext.reducedMotion || 'none';
   }
 
   setForcedColors(forcedColors) {
@@ -634,15 +487,8 @@ class PageTarget {
     this.updateForcedColorsOverride();
   }
 
-  updateForcedColorsOverride(browsingContext = undefined) {
+  updateForcedColorsOverride() {
-    const isActive = this.forcedColors === 'active' || this._browserContext.forcedColors === 'active';
+    this._linkedBrowser.browsingContext.forcedColorsOverride = (this.forcedColors !== 'no-override' ? this.forcedColors : this._browserContext.forcedColors) || 'no-override';
-    (browsingContext || this._linkedBrowser.browsingContext).forcedColorsOverride = isActive ? 'active' : 'none';
-  }
-
-  async setInterceptFileChooserDialog(enabled) {
-    this.crossProcessCookie.interceptFileChooserDialog = enabled;
-    this._updateCrossProcessCookie();
-    await this._channel.connect('').send('setInterceptFileChooserDialog', enabled).catch(e => {});
   }
 
   async setViewportSize(viewportSize) {
@@ -678,28 +524,20 @@ class PageTarget {
     this._browserContext.grantPermissionsToOrigin(this._url);
   }
 
-  _updateCrossProcessCookie() {
-    Services.ppmm.sharedData.set('juggler:page-cookie-' + this._linkedBrowser.browsingContext.browserId, this.crossProcessCookie);
-    Services.ppmm.sharedData.flush();
-  }
-
   async ensurePermissions() {
     await this._channel.connect('').send('ensurePermissions', {}).catch(e => void e);
   }
 
   async setInitScripts(scripts) {
-    this.crossProcessCookie.initScripts = scripts;
+    this._pageInitScripts = scripts;
-    this._updateCrossProcessCookie();
     await this.pushInitScripts();
   }
 
   async pushInitScripts() {
-    await this._channel.connect('').send('setInitScripts', [...this._browserContext.crossProcessCookie.initScripts, ...this.crossProcessCookie.initScripts]).catch(e => void e);
+    await this._channel.connect('').send('setInitScripts', [...this._browserContext.initScripts, ...this._pageInitScripts]).catch(e => void e);
   }
 
   async addBinding(worldName, name, script) {
-    this.crossProcessCookie.bindings.push({ worldName, name, script });
-    this._updateCrossProcessCookie();
     await this._channel.connect('').send('addBinding', { worldName, name, script }).catch(e => void e);
   }
 
@@ -716,7 +554,7 @@ class PageTarget {
     // NSWindow.windowNumber may be -1, so we wait until the window is known
     // to be initialized and visible.
     await this.windowReady();
-    const file = PathUtils.join(dir, helper.generateId() + '.webm');
+    const file = OS.Path.join(dir, helper.generateId() + '.webm');
     if (width < 10 || width > 10000 || height < 10 || height > 10000)
       throw new Error("Invalid size");
 
@@ -795,23 +633,7 @@ class PageTarget {
     screencastService.stopVideoRecording(screencastId);
   }
 
-  ensureContextMenuClosed() {
-    // Close context menu, if any, since it might capture mouse events on Linux
-    // and prevent browser shutdown on MacOS.
-    const doc = this._linkedBrowser.ownerDocument;
-    const contextMenu = doc.getElementById('contentAreaContextMenu');
-    if (contextMenu)
-      contextMenu.hidePopup();
-    const autocompletePopup = doc.getElementById('PopupAutoComplete');
-    if (autocompletePopup)
-      autocompletePopup.hidePopup();
-    const selectPopup = doc.getElementById('ContentSelectDropdown')?.menupopup;
-    if (selectPopup)
-      selectPopup.hidePopup()
-  }
-
   dispose() {
-    this.ensureContextMenuClosed();
     this._disposed = true;
     if (this._videoRecordingInfo)
       this._stopVideoRecording();
@@ -819,7 +641,7 @@ class PageTarget {
       this.stopScreencast();
     this._browserContext.pages.delete(this);
     this._registry._browserToTarget.delete(this._linkedBrowser);
-    this._registry._browserIdToTarget.delete(this._linkedBrowser.browsingContext.browserId);
+    this._registry._browserBrowsingContextToTarget.delete(this._linkedBrowser.browsingContext);
     try {
       helper.removeListeners(this._eventListeners);
     } catch (e) {
@@ -859,8 +681,8 @@ function fromProtocolReducedMotion(reducedMotion) {
 function fromProtocolForcedColors(forcedColors) {
   if (forcedColors === 'active' || forcedColors === 'none')
     return forcedColors;
-  if (!forcedColors)
+  if (forcedColors === null)
-    return 'none';
+    return undefined;
   throw new Error('Unknown forced colors: ' + forcedColors);
 }
 
@@ -890,26 +712,18 @@ class BrowserContext {
     this.deviceScaleFactor = undefined;
     this.defaultUserAgent = null;
     this.defaultPlatform = null;
+    this.javaScriptDisabled = false;
     this.touchOverride = false;
-    this.forceOffline = false;
-    this.disableCache = false;
     this.colorScheme = 'none';
-    this.forcedColors = 'none';
+    this.forcedColors = 'no-override';
     this.reducedMotion = 'none';
     this.videoRecordingOptions = undefined;
-    this.crossProcessCookie = {
+    this.initScripts = [];
-      initScripts: [],
+    this.bindings = [];
-      bindings: [],
+    this.settings = {};
-      settings: {},
-    };
     this.pages = new Set();
   }
 
-  _updateCrossProcessCookie() {
-    Services.ppmm.sharedData.set('juggler:context-cookie-' + this.userContextId, this.crossProcessCookie);
-    Services.ppmm.sharedData.flush();
-  }
-
   setColorScheme(colorScheme) {
     this.colorScheme = fromProtocolColorScheme(colorScheme);
     for (const page of this.pages)
@@ -946,14 +760,12 @@ class BrowserContext {
     }
     this._registry._browserContextIdToBrowserContext.delete(this.browserContextId);
     this._registry._userContextIdToBrowserContext.delete(this.userContextId);
-    this._registry._updateProxiesWithSameAuthCacheAndDifferentCredentials();
   }
 
   setProxy(proxy) {
     // Clear AuthCache.
     Services.obs.notifyObservers(null, "net:clear-active-logins");
     this._proxy = proxy;
-    this._registry._updateProxiesWithSameAuthCacheAndDifferentCredentials();
   }
 
   setIgnoreHTTPSErrors(ignoreHTTPSErrors) {
@@ -984,24 +796,18 @@ class BrowserContext {
       page.updatePlatform();
   }
 
+  setJavaScriptDisabled(javaScriptDisabled) {
+    this.javaScriptDisabled = javaScriptDisabled;
+    for (const page of this.pages)
+      page.updateJavaScriptDisabled();
+  }
+
   setTouchOverride(touchOverride) {
     this.touchOverride = touchOverride;
     for (const page of this.pages)
       page.updateTouchOverride();
   }
 
-  setForceOffline(forceOffline) {
-    this.forceOffline = forceOffline;
-    for (const page of this.pages)
-      page.updateForceOffline();
-  }
-
-  setCacheDisabled(disabled) {
-    this.disableCache = disabled;
-    for (const page of this.pages)
-      page.updateCacheDisabled();
-  }
-
   async setDefaultViewport(viewport) {
     this.defaultViewportSize = viewport ? viewport.viewportSize : undefined;
     this.deviceScaleFactor = viewport ? viewport.deviceScaleFactor : undefined;
@@ -1009,20 +815,17 @@ class BrowserContext {
   }
 
   async setInitScripts(scripts) {
-    this.crossProcessCookie.initScripts = scripts;
+    this.initScripts = scripts;
-    this._updateCrossProcessCookie();
     await Promise.all(Array.from(this.pages).map(page => page.pushInitScripts()));
   }
 
   async addBinding(worldName, name, script) {
-    this.crossProcessCookie.bindings.push({ worldName, name, script });
+    this.bindings.push({ worldName, name, script });
-    this._updateCrossProcessCookie();
     await Promise.all(Array.from(this.pages).map(page => page.addBinding(worldName, name, script)));
   }
 
   async applySetting(name, value) {
-    this.crossProcessCookie.settings[name] = value;
+    this.settings[name] = value;
-    this._updateCrossProcessCookie();
     await Promise.all(Array.from(this.pages).map(page => page.applyContextSetting(name, value)));
   }
 
@@ -1229,6 +1032,26 @@ async function waitForWindowReady(window) {
     await helper.awaitEvent(window, 'load');
 }
 
+async function setViewportSizeForBrowser(viewportSize, browser, window) {
+  await waitForWindowReady(window);
+  if (viewportSize) {
+    const {width, height} = viewportSize;
+    const rect = browser.getBoundingClientRect();
+    window.resizeBy(width - rect.width, height - rect.height);
+    browser.style.setProperty('min-width', width + 'px');
+    browser.style.setProperty('min-height', height + 'px');
+    browser.style.setProperty('max-width', width + 'px');
+    browser.style.setProperty('max-height', height + 'px');
+  } else {
+    browser.style.removeProperty('min-width');
+    browser.style.removeProperty('min-height');
+    browser.style.removeProperty('max-width');
+    browser.style.removeProperty('max-height');
+  }
+  const rect = browser.getBoundingClientRect();
+  return { width: rect.width, height: rect.height };
+}
+
 TargetRegistry.Events = {
   TargetCreated: Symbol('TargetRegistry.Events.TargetCreated'),
   TargetDestroyed: Symbol('TargetRegistry.Events.TargetDestroyed'),

browser_patches/firefox/juggler/components/Juggler.js

@@ -6,41 +6,18 @@ var EXPORTED_SYMBOLS = ["Juggler", "JugglerFactory"];
 
 const {XPCOMUtils} = ChromeUtils.import("resource://gre/modules/XPCOMUtils.jsm");
 const {ComponentUtils} = ChromeUtils.import("resource://gre/modules/ComponentUtils.jsm");
+const {Services} = ChromeUtils.import("resource://gre/modules/Services.jsm");
 const {Dispatcher} = ChromeUtils.import("chrome://juggler/content/protocol/Dispatcher.js");
 const {BrowserHandler} = ChromeUtils.import("chrome://juggler/content/protocol/BrowserHandler.js");
 const {NetworkObserver} = ChromeUtils.import("chrome://juggler/content/NetworkObserver.js");
 const {TargetRegistry} = ChromeUtils.import("chrome://juggler/content/TargetRegistry.js");
 const {Helper} = ChromeUtils.import('chrome://juggler/content/Helper.js');
-const {ActorManagerParent} = ChromeUtils.import('resource://gre/modules/ActorManagerParent.jsm');
 const helper = new Helper();
 
 const Cc = Components.classes;
 const Ci = Components.interfaces;
 
-// Register JSWindowActors that will be instantiated for each frame.
+const FRAME_SCRIPT = "chrome://juggler/content/content/main.js";
-ActorManagerParent.addJSWindowActors({
-  JugglerFrame: {
-    parent: {
-      moduleURI: 'chrome://juggler/content/JugglerFrameParent.jsm',
-    },
-    child: {
-      moduleURI: 'chrome://juggler/content/content/JugglerFrameChild.jsm',
-      events: {
-        // Normally, we instantiate an actor when a new window is created.
-        DOMWindowCreated: {},
-        // However, for same-origin iframes, the navigation from about:blank
-        // to the URL will share the same window, so we need to also create
-        // an actor for a new document via DOMDocElementInserted.
-        DOMDocElementInserted: {},
-        // Also, listening to DOMContentLoaded.
-        DOMContentLoaded: {},
-        DOMWillOpenModalDialog: {},
-        DOMModalDialogClosed: {},
-      },
-    },
-    allFrames: true,
-  },
-});
 
 let browserStartupFinishedCallback;
 let browserStartupFinishedPromise = new Promise(x => browserStartupFinishedCallback = x);
@@ -95,7 +72,8 @@ class Juggler {
         const targetRegistry = new TargetRegistry();
         new NetworkObserver(targetRegistry);
 
-        const loadStyleSheet = () => {
+        const loadFrameScript = () => {
+          Services.mm.loadFrameScript(FRAME_SCRIPT, true /* aAllowDelayedLoad */);
           if (Cc["@mozilla.org/gfx/info;1"].getService(Ci.nsIGfxInfo).isHeadless) {
             const styleSheetService = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
             const ioService = Cc["@mozilla.org/network/io-service;1"].getService(Components.interfaces.nsIIOService);
@@ -105,10 +83,7 @@ class Juggler {
         };
 
         // Force create hidden window here, otherwise its creation later closes the web socket!
-        // Since https://phabricator.services.mozilla.com/D219834, hiddenDOMWindow is only available on MacOS.
-        if (Services.appShell.hasHiddenWindow) {
         Services.appShell.hiddenDOMWindow;
-        }
 
         let pipeStopped = false;
         let browserHandler;
@@ -135,15 +110,15 @@ class Juggler {
         };
         pipe.init(connection);
         const dispatcher = new Dispatcher(connection);
-        browserHandler = new BrowserHandler(dispatcher.rootSession(), dispatcher, targetRegistry, browserStartupFinishedPromise, () => {
+        browserHandler = new BrowserHandler(dispatcher.rootSession(), dispatcher, targetRegistry, () => {
           if (this._silent)
             Services.startup.exitLastWindowClosingSurvivalArea();
           connection.onclose();
           pipe.stop();
           pipeStopped = true;
-        });
+        }, () => browserStartupFinishedPromise);
         dispatcher.rootSession().setHandler(browserHandler);
-        loadStyleSheet();
+        loadFrameScript();
         dump(`\nJuggler listening to the pipe\n`);
         break;
     }

browser_patches/firefox/juggler/content/FrameTree.js

@@ -9,17 +9,16 @@ const Cu = Components.utils;
 
 const {Helper} = ChromeUtils.import('chrome://juggler/content/Helper.js');
 const {SimpleChannel} = ChromeUtils.import('chrome://juggler/content/SimpleChannel.js');
+const {EventEmitter} = ChromeUtils.import('resource://gre/modules/EventEmitter.jsm');
 const {Runtime} = ChromeUtils.import('chrome://juggler/content/content/Runtime.js');
 
 const helper = new Helper();
 
 class FrameTree {
-  constructor(rootBrowsingContext) {
+  constructor(rootDocShell) {
-    helper.decorateAsEventEmitter(this);
+    EventEmitter.decorate(this);
 
-    this._rootBrowsingContext = rootBrowsingContext;
+    this._browsingContextGroup = rootDocShell.browsingContext.group;
-
-    this._browsingContextGroup = rootBrowsingContext.group;
     if (!this._browsingContextGroup.__jugglerFrameTrees)
       this._browsingContextGroup.__jugglerFrameTrees = new Set();
     this._browsingContextGroup.__jugglerFrameTrees.add(this);
@@ -31,14 +30,11 @@ class FrameTree {
 
     this._runtime = new Runtime(false /* isWorker */);
     this._workers = new Map();
+    this._docShellToFrame = new Map();
     this._frameIdToFrame = new Map();
     this._pageReady = false;
-    this._javaScriptDisabled = false;
+    this._mainFrame = this._createFrame(rootDocShell);
-    for (const browsingContext of helper.collectAllBrowsingContexts(rootBrowsingContext))
+    const webProgress = rootDocShell.QueryInterface(Ci.nsIInterfaceRequestor)
-      this._createFrame(browsingContext);
-    this._mainFrame = this.frameForBrowsingContext(rootBrowsingContext);
-
-    const webProgress = rootBrowsingContext.docShell.QueryInterface(Ci.nsIInterfaceRequestor)
                                 .getInterface(Ci.nsIWebProgress);
     this.QueryInterface = ChromeUtils.generateQI([
       Ci.nsIWebProgressListener,
@@ -46,6 +42,8 @@ class FrameTree {
       Ci.nsISupportsWeakReference,
     ]);
 
+    this._addedScrollbarsStylesheetSymbol = Symbol('_addedScrollbarsStylesheetSymbol');
+
     this._wdm = Cc["@mozilla.org/dom/workers/workerdebuggermanager;1"].createInstance(Ci.nsIWorkerDebuggerManager);
     this._wdmListener = {
       QueryInterface: ChromeUtils.generateQI([Ci.nsIWorkerDebuggerManagerListener]),
@@ -59,29 +57,12 @@ class FrameTree {
     const flags = Ci.nsIWebProgress.NOTIFY_STATE_DOCUMENT |
                   Ci.nsIWebProgress.NOTIFY_LOCATION;
     this._eventListeners = [
-      helper.addObserver((docShell, topic, loadIdentifier) => {
-        const frame = this.frameForDocShell(docShell);
-        if (!frame)
-          return;
-        frame._pendingNavigationId = helper.toProtocolNavigationId(loadIdentifier);
-        this.emit(FrameTree.Events.NavigationStarted, frame);
-      }, 'juggler-navigation-started-renderer'),
       helper.addObserver(this._onDOMWindowCreated.bind(this), 'content-document-global-created'),
       helper.addObserver(this._onDOMWindowCreated.bind(this), 'juggler-dom-window-reused'),
-      helper.addObserver((browsingContext, topic, why) => {
+      helper.addObserver(subject => this._onDocShellCreated(subject.QueryInterface(Ci.nsIDocShell)), 'webnavigation-create'),
-        this._onBrowsingContextAttached(browsingContext);
+      helper.addObserver(subject => this._onDocShellDestroyed(subject.QueryInterface(Ci.nsIDocShell)), 'webnavigation-destroy'),
-      }, 'browsing-context-attached'),
-      helper.addObserver((browsingContext, topic, why) => {
-        this._onBrowsingContextDetached(browsingContext);
-      }, 'browsing-context-discarded'),
-      helper.addObserver((subject, topic, eventInfo) => {
-        const [type, jugglerEventId] = eventInfo.split(' ');
-        this.emit(FrameTree.Events.InputEvent, { type, jugglerEventId: +(jugglerEventId ?? '0') });
-      }, 'juggler-mouse-event-hit-renderer'),
       helper.addProgressListener(webProgress, this, flags),
     ];
-
-    this._dragEventListeners = [];
   }
 
   workers() {
@@ -124,20 +105,27 @@ class FrameTree {
       return null;
     if (!workerDebugger.window)
       return null;
-    return this.frameForDocShell(workerDebugger.window.docShell);
+    const docShell = workerDebugger.window.docShell;
+    return this._docShellToFrame.get(docShell) || null;
   }
 
   _onDOMWindowCreated(window) {
-    const frame = this.frameForDocShell(window.docShell);
+    if (!window[this._addedScrollbarsStylesheetSymbol] && this.scrollbarsHidden) {
+      const styleSheetService = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
+      const ioService = Cc["@mozilla.org/network/io-service;1"].getService(Components.interfaces.nsIIOService);
+      const uri = ioService.newURI('chrome://juggler/content/content/hidden-scrollbars.css', null, null);
+      const sheet = styleSheetService.preloadSheet(uri, styleSheetService.AGENT_SHEET);
+      window.windowUtils.addSheet(sheet, styleSheetService.AGENT_SHEET);
+      window[this._addedScrollbarsStylesheetSymbol] = true;
+    }
+    const frame = this._docShellToFrame.get(window.docShell) || null;
     if (!frame)
       return;
     frame._onGlobalObjectCleared();
   }
 
-  setJavaScriptDisabled(javaScriptDisabled) {
+  setScrollbarsHidden(hidden) {
-    this._javaScriptDisabled = javaScriptDisabled;
+    this.scrollbarsHidden = hidden;
-    for (const frame of this.frames())
-      frame._updateJavaScriptDisabled();
   }
 
   _onWorkerCreated(workerDebugger) {
@@ -163,19 +151,8 @@ class FrameTree {
 
   allFramesInBrowsingContextGroup(group) {
     const frames = [];
-    for (const frameTree of (group.__jugglerFrameTrees || [])) {
+    for (const frameTree of (group.__jugglerFrameTrees || []))
-      for (const frame of frameTree.frames()) {
+      frames.push(...frameTree.frames());
-        try {
-          // Try accessing docShell and domWindow to filter out dead frames.
-          // This might happen for print-preview frames, but maybe for something else as well.
-          frame.docShell();
-          frame.domWindow();
-          frames.push(frame);
-        } catch (e) {
-          dump(`WARNING: unable to access docShell and domWindow of the frame[id=${frame.id()}]\n`);
-        }
-      }
-    }
     return frames;
   }
 
@@ -199,18 +176,8 @@ class FrameTree {
       frame._addBinding(worldName, name, script);
   }
 
-  frameForBrowsingContext(browsingContext) {
-    if (!browsingContext)
-      return null;
-    const frameId = helper.browsingContextToFrameId(browsingContext);
-    return this._frameIdToFrame.get(frameId) ?? null;
-  }
-
   frameForDocShell(docShell) {
-    if (!docShell)
+    return this._docShellToFrame.get(docShell) || null;
-      return null;
-    const frameId = helper.browsingContextToFrameId(docShell.browsingContext);
-    return this._frameIdToFrame.get(frameId) ?? null;
   }
 
   frame(frameId) {
@@ -238,51 +205,6 @@ class FrameTree {
     this._wdm.removeListener(this._wdmListener);
     this._runtime.dispose();
     helper.removeListeners(this._eventListeners);
-    helper.removeListeners(this._dragEventListeners);
-  }
-
-  onWindowEvent(event) {
-    if (event.type !== 'DOMDocElementInserted' || !event.target.ownerGlobal)
-      return;
-
-    const docShell = event.target.ownerGlobal.docShell;
-    const frame = this.frameForDocShell(docShell);
-    if (!frame) {
-      dump(`WARNING: ${event.type} for unknown frame ${helper.browsingContextToFrameId(docShell.browsingContext)}\n`);
-      return;
-    }
-    if (frame._pendingNavigationId) {
-      docShell.QueryInterface(Ci.nsIWebNavigation);
-      this._frameNavigationCommitted(frame, docShell.currentURI.spec);
-    }
-
-    if (frame === this._mainFrame) {
-      helper.removeListeners(this._dragEventListeners);
-      const chromeEventHandler = docShell.chromeEventHandler;
-      const options = {
-        mozSystemGroup: true,
-        capture: true,
-      };
-      const emitInputEvent = (event) => this.emit(FrameTree.Events.InputEvent, { type: event.type, jugglerEventId: 0 });
-      // Drag events are dispatched from content process, so these we don't see in the
-      // `juggler-mouse-event-hit-renderer` instrumentation.
-      this._dragEventListeners = [
-        helper.addEventListener(chromeEventHandler, 'dragstart', emitInputEvent, options),
-        helper.addEventListener(chromeEventHandler, 'dragover', emitInputEvent, options),
-      ];
-    }
-  }
-
-  _frameNavigationCommitted(frame, url) {
-    for (const subframe of frame._children)
-      this._detachFrame(subframe);
-    const navigationId = frame._pendingNavigationId;
-    frame._pendingNavigationId = null;
-    frame._lastCommittedNavigationId = navigationId;
-    frame._url = url;
-    this.emit(FrameTree.Events.NavigationCommitted, frame);
-    if (frame === this._mainFrame)
-      this.forcePageReady();
   }
 
   onStateChange(progress, request, flag, status) {
@@ -290,9 +212,11 @@ class FrameTree {
       return;
     const channel = request.QueryInterface(Ci.nsIChannel);
     const docShell = progress.DOMWindow.docShell;
-    const frame = this.frameForDocShell(docShell);
+    const frame = this._docShellToFrame.get(docShell);
-    if (!frame)
+    if (!frame) {
+      dump(`ERROR: got a state changed event for un-tracked docshell!\n`);
       return;
+    }
 
     if (!channel.isDocument) {
       // Somehow, we can get worker requests here,
@@ -300,22 +224,47 @@ class FrameTree {
       return;
     }
 
+    const isStart = flag & Ci.nsIWebProgressListener.STATE_START;
+    const isTransferring = flag & Ci.nsIWebProgressListener.STATE_TRANSFERRING;
     const isStop = flag & Ci.nsIWebProgressListener.STATE_STOP;
-    if (isStop && frame._pendingNavigationId && status) {
+    const isDocument = flag & Ci.nsIWebProgressListener.STATE_IS_DOCUMENT;
+
+    if (isStart) {
+      // Starting a new navigation.
+      frame._pendingNavigationId = channelId(channel);
+      frame._pendingNavigationURL = channel.URI.spec;
+      this.emit(FrameTree.Events.NavigationStarted, frame);
+    } else if (isTransferring || (isStop && frame._pendingNavigationId && !status)) {
+      // Navigation is committed.
+      for (const subframe of frame._children)
+        this._detachFrame(subframe);
+      const navigationId = frame._pendingNavigationId;
+      frame._pendingNavigationId = null;
+      frame._pendingNavigationURL = null;
+      frame._lastCommittedNavigationId = navigationId;
+      frame._url = channel.URI.spec;
+      this.emit(FrameTree.Events.NavigationCommitted, frame);
+      if (frame === this._mainFrame)
+        this.forcePageReady();
+    } else if (isStop && frame._pendingNavigationId && status) {
       // Navigation is aborted.
       const navigationId = frame._pendingNavigationId;
       frame._pendingNavigationId = null;
+      frame._pendingNavigationURL = null;
       // Always report download navigation as failure to match other browsers.
       const errorText = helper.getNetworkErrorStatusText(status);
       this.emit(FrameTree.Events.NavigationAborted, frame, navigationId, errorText);
       if (frame === this._mainFrame && status !== Cr.NS_BINDING_ABORTED)
         this.forcePageReady();
     }
+
+    if (isStop && isDocument)
+      this.emit(FrameTree.Events.Load, frame);
   }
 
   onLocationChange(progress, request, location, flags) {
     const docShell = progress.DOMWindow.docShell;
-    const frame = this.frameForDocShell(docShell);
+    const frame = this._docShellToFrame.get(docShell);
     const sameDocumentNavigation = !!(flags & Ci.nsIWebProgressListener.LOCATION_CHANGE_SAME_DOCUMENT);
     if (frame && sameDocumentNavigation) {
       frame._url = location.spec;
@@ -323,29 +272,24 @@ class FrameTree {
     }
   }
 
-  _onBrowsingContextAttached(browsingContext) {
+  _onDocShellCreated(docShell) {
-    // If this browsing context doesn't belong to our frame tree - do nothing.
+    // Bug 1142752: sometimes, the docshell appears to be immediately
-    if (browsingContext.top !== this._rootBrowsingContext)
+    // destroyed, bailout early to prevent random exceptions.
+    if (docShell.isBeingDestroyed())
       return;
-    this._createFrame(browsingContext);
+    // If this docShell doesn't belong to our frame tree - do nothing.
+    let root = docShell;
+    while (root.parent)
+      root = root.parent;
+    if (root === this._mainFrame._docShell)
+      this._createFrame(docShell);
   }
 
-  _onBrowsingContextDetached(browsingContext) {
+  _createFrame(docShell) {
-    const frame = this.frameForBrowsingContext(browsingContext);
+    const parentFrame = this._docShellToFrame.get(docShell.parent) || null;
-    if (frame)
+    const frame = new Frame(this, this._runtime, docShell, parentFrame);
-      this._detachFrame(frame);
+    this._docShellToFrame.set(docShell, frame);
-  }
-
-  _createFrame(browsingContext) {
-    const parentFrame = this.frameForBrowsingContext(browsingContext.parent);
-    if (!parentFrame && this._mainFrame) {
-      dump(`WARNING: found docShell with the same root, but no parent!\n`);
-      return;
-    }
-    const frame = new Frame(this, this._runtime, browsingContext, parentFrame);
     this._frameIdToFrame.set(frame.id(), frame);
-    if (browsingContext.docShell?.domWindow && browsingContext.docShell?.domWindow.location)
-      frame._url = browsingContext.docShell.domWindow.location.href;
     this.emit(FrameTree.Events.FrameAttached, frame);
     // Create execution context **after** reporting frame.
     // This is our protocol contract.
@@ -354,15 +298,17 @@ class FrameTree {
     return frame;
   }
 
+  _onDocShellDestroyed(docShell) {
+    const frame = this._docShellToFrame.get(docShell);
+    if (frame)
+      this._detachFrame(frame);
+  }
+
   _detachFrame(frame) {
     // Detach all children first
     for (const subframe of frame._children)
       this._detachFrame(subframe);
-    if (frame === this._mainFrame) {
+    this._docShellToFrame.delete(frame._docShell);
-      // Do not detach main frame (happens during cross-process navigation),
-      // as it confuses the client.
-      return;
-    }
     this._frameIdToFrame.delete(frame.id());
     if (frame._parentFrame)
       frame._parentFrame._children.delete(frame);
@@ -387,7 +333,7 @@ FrameTree.Events = {
   NavigationAborted: 'navigationaborted',
   SameDocumentNavigation: 'samedocumentnavigation',
   PageReady: 'pageready',
-  InputEvent: 'inputevent',
+  Load: 'load',
 };
 
 class IsolatedWorld {
@@ -399,14 +345,16 @@ class IsolatedWorld {
 }
 
 class Frame {
-  constructor(frameTree, runtime, browsingContext, parentFrame) {
+  constructor(frameTree, runtime, docShell, parentFrame) {
     this._frameTree = frameTree;
     this._runtime = runtime;
-    this._browsingContext = browsingContext;
+    this._docShell = docShell;
     this._children = new Set();
-    this._frameId = helper.browsingContextToFrameId(browsingContext);
+    this._frameId = helper.browsingContextToFrameId(this._docShell.browsingContext);
     this._parentFrame = null;
     this._url = '';
+    if (docShell.domWindow && docShell.domWindow.location)
+      this._url = docShell.domWindow.location.href;
     if (parentFrame) {
       this._parentFrame = parentFrame;
       parentFrame._children.add(this);
@@ -414,6 +362,7 @@ class Frame {
 
     this._lastCommittedNavigationId = null;
     this._pendingNavigationId = null;
+    this._pendingNavigationURL = null;
 
     this._textInputProcessor = null;
 
@@ -546,7 +495,7 @@ class Frame {
 
   _onGlobalObjectCleared() {
     const webSocketService = this._frameTree._webSocketEventService;
-    if (this._webSocketListenerInnerWindowId && webSocketService.hasListenerFor(this._webSocketListenerInnerWindowId))
+    if (this._webSocketListenerInnerWindowId)
       webSocketService.removeListener(this._webSocketListenerInnerWindowId, this._webSocketListener);
     this._webSocketListenerInnerWindowId = this.domWindow().windowGlobalChild.innerWindowId;
     webSocketService.addListener(this._webSocketListenerInnerWindowId, this._webSocketListener);
@@ -569,20 +518,6 @@ class Frame {
       for (const script of world._scriptsToEvaluateOnNewDocument)
         executionContext.evaluateScriptSafely(script);
     }
-
-    const url = this.domWindow().location?.href;
-    if (url === 'about:blank' && !this._url) {
-      // Sometimes FrameTree is created too early, before the location has been set.
-      this._url = url;
-      this._frameTree.emit(FrameTree.Events.NavigationCommitted, this);
-    }
-
-    this._updateJavaScriptDisabled();
-  }
-
-  _updateJavaScriptDisabled() {
-    if (this._browsingContext.currentWindowContext)
-      this._browsingContext.currentWindowContext.allowJavascript = !this._frameTree._javaScriptDisabled;
   }
 
   mainExecutionContext() {
@@ -593,7 +528,7 @@ class Frame {
     if (!this._textInputProcessor) {
       this._textInputProcessor = Cc["@mozilla.org/text-input-processor;1"].createInstance(Ci.nsITextInputProcessor);
     }
-    this._textInputProcessor.beginInputTransactionForTests(this.docShell().DOMWindow);
+    this._textInputProcessor.beginInputTransactionForTests(this._docShell.DOMWindow);
     return this._textInputProcessor;
   }
 
@@ -601,20 +536,24 @@ class Frame {
     return this._pendingNavigationId;
   }
 
+  pendingNavigationURL() {
+    return this._pendingNavigationURL;
+  }
+
   lastCommittedNavigationId() {
     return this._lastCommittedNavigationId;
   }
 
   docShell() {
-    return this._browsingContext.docShell;
+    return this._docShell;
   }
 
   domWindow() {
-    return this.docShell()?.domWindow;
+    return this._docShell.domWindow;
   }
 
   name() {
-    const frameElement = this.domWindow()?.frameElement;
+    const frameElement = this._docShell.domWindow.frameElement;
     let name = '';
     if (frameElement)
       name = frameElement.getAttribute('name') || frameElement.getAttribute('id') || '';
@@ -643,7 +582,7 @@ class Worker {
 
     workerDebugger.initialize('chrome://juggler/content/content/WorkerMain.js');
 
-    this._channel = new SimpleChannel(`content::worker[${this._workerId}]`, 'worker-' + this._workerId);
+    this._channel = new SimpleChannel(`content::worker[${this._workerId}]`);
     this._channel.setTransport({
       sendMessage: obj => workerDebugger.postMessage(JSON.stringify(obj)),
       dispose: () => {},
@@ -653,7 +592,7 @@ class Worker {
       onMessage: msg => void this._channel._onMessage(JSON.parse(msg)),
       onClose: () => void this._channel.dispose(),
       onError: (filename, lineno, message) => {
-        dump(`WARNING: Error in worker: ${message} @${filename}:${lineno}\n`);
+        dump(`Error in worker: ${message} @${filename}:${lineno}\n`);
       },
     };
     workerDebugger.addListener(this._workerDebuggerListener);

browser_patches/firefox/juggler/content/JugglerFrameChild.jsm

@@ -1,86 +0,0 @@
-"use strict";
-
-const { Helper } = ChromeUtils.import('chrome://juggler/content/Helper.js');
-const { initialize } = ChromeUtils.import('chrome://juggler/content/content/main.js');
-
-const Ci = Components.interfaces;
-const helper = new Helper();
-
-let sameProcessInstanceNumber = 0;
-
-const topBrowingContextToAgents = new Map();
-
-class JugglerFrameChild extends JSWindowActorChild {
-  constructor() {
-    super();
-
-    this._eventListeners = [];
-  }
-
-  handleEvent(aEvent) {
-    const agents = this._agents();
-    if (!agents)
-      return;
-    if (aEvent.type === 'DOMWillOpenModalDialog') {
-      agents.channel.pause();
-      return;
-    }
-    if (aEvent.type === 'DOMModalDialogClosed') {
-      agents.channel.resumeSoon();
-      return;
-    }
-    if (aEvent.target === this.document) {
-      agents.pageAgent.onWindowEvent(aEvent);
-      agents.frameTree.onWindowEvent(aEvent);
-    }
-  }
-
-  _agents() {
-    return topBrowingContextToAgents.get(this.browsingContext.top);
-  }
-
-  actorCreated() {
-    this.actorName = `content::${this.browsingContext.browserId}/${this.browsingContext.id}/${++sameProcessInstanceNumber}`;
-
-    this._eventListeners.push(helper.addEventListener(this.contentWindow, 'load', event => {
-      this._agents()?.pageAgent.onWindowEvent(event);
-    }));
-
-    if (this.document.documentURI.startsWith('moz-extension://'))
-      return;
-
-    // Child frame events will be forwarded to related top-level agents.
-    if (this.browsingContext.parent)
-      return;
-
-    let agents = topBrowingContextToAgents.get(this.browsingContext);
-    if (!agents) {
-      agents = initialize(this.browsingContext, this.docShell);
-      topBrowingContextToAgents.set(this.browsingContext, agents);
-    }
-    agents.channel.bindToActor(this);
-    agents.actor = this;
-  }
-
-  didDestroy() {
-    helper.removeListeners(this._eventListeners);
-
-    if (this.browsingContext.parent)
-      return;
-
-    const agents = topBrowingContextToAgents.get(this.browsingContext);
-    // The agents are already re-bound to a new actor.
-    if (agents?.actor !== this)
-      return;
-
-    topBrowingContextToAgents.delete(this.browsingContext);
-
-    agents.channel.resetTransport();
-    agents.pageAgent.dispose();
-    agents.frameTree.dispose();
-  }
-
-  receiveMessage() { }
-}
-
-var EXPORTED_SYMBOLS = ['JugglerFrameChild'];

browser_patches/firefox/juggler/content/PageAgent.js

@@ -3,15 +3,13 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
 "use strict";
-
+const {Services} = ChromeUtils.import("resource://gre/modules/Services.jsm");
 const Ci = Components.interfaces;
 const Cr = Components.results;
 const Cu = Components.utils;
 
 const {Helper} = ChromeUtils.import('chrome://juggler/content/Helper.js');
 const {NetUtil} = ChromeUtils.import('resource://gre/modules/NetUtil.jsm');
-const {setTimeout} = ChromeUtils.import('resource://gre/modules/Timer.jsm');
-
 const dragService = Cc["@mozilla.org/widget/dragservice;1"].getService(
   Ci.nsIDragService
 );
@@ -52,7 +50,8 @@ class WorkerData {
 }
 
 class PageAgent {
-  constructor(browserChannel, frameTree) {
+  constructor(messageManager, browserChannel, frameTree) {
+    this._messageManager = messageManager;
     this._browserChannel = browserChannel;
     this._browserPage = browserChannel.connect('page');
     this._frameTree = frameTree;
@@ -62,6 +61,8 @@ class PageAgent {
 
     const docShell = frameTree.mainFrame().docShell();
     this._docShell = docShell;
+    this._initialDPPX = docShell.contentViewer.overrideDPPX;
+    this._dragging = false;
 
     // Dispatch frameAttached events for all initial frames
     for (const frame of this._frameTree.frames()) {
@@ -77,7 +78,6 @@ class PageAgent {
       this._onWorkerCreated(worker);
 
     // Report execution contexts.
-    this._browserPage.emit('runtimeExecutionContextsCleared', {});
     for (const context of this._runtime.executionContexts())
       this._onExecutionContextCreated(context);
 
@@ -99,7 +99,9 @@ class PageAgent {
       helper.addObserver(this._linkClicked.bind(this, true), 'juggler-link-click-sync'),
       helper.addObserver(this._onWindowOpenInNewContext.bind(this), 'juggler-window-open-in-new-context'),
       helper.addObserver(this._filePickerShown.bind(this), 'juggler-file-picker-shown'),
+      helper.addEventListener(this._messageManager, 'DOMContentLoaded', this._onDOMContentLoaded.bind(this)),
       helper.addObserver(this._onDocumentOpenLoad.bind(this), 'juggler-document-open-loaded'),
+      helper.on(this._frameTree, 'load', this._onLoad.bind(this)),
       helper.on(this._frameTree, 'frameattached', this._onFrameAttached.bind(this)),
       helper.on(this._frameTree, 'framedetached', this._onFrameDetached.bind(this)),
       helper.on(this._frameTree, 'navigationstarted', this._onNavigationStarted.bind(this)),
@@ -114,17 +116,6 @@ class PageAgent {
       helper.on(this._frameTree, 'websocketframesent', event => this._browserPage.emit('webSocketFrameSent', event)),
       helper.on(this._frameTree, 'websocketframereceived', event => this._browserPage.emit('webSocketFrameReceived', event)),
       helper.on(this._frameTree, 'websocketclosed', event => this._browserPage.emit('webSocketClosed', event)),
-      helper.on(this._frameTree, 'inputevent', inputEvent => {
-        this._browserPage.emit('pageInputEvent', inputEvent);
-        if (inputEvent.type === 'dragstart') {
-          // After the dragStart event is dispatched and handled by Web,
-          // it might or might not create a new drag session, depending on its preventing default.
-          setTimeout(() => {
-            const session = this._getCurrentDragSession();
-            this._browserPage.emit('pageInputEvent', { type: 'juggler-drag-finalized', dragSessionStarted: !!session });
-          }, 0);
-        }
-      }),
       helper.addObserver(this._onWindowOpen.bind(this), 'webNavigation-createdNavigationTarget-from-js'),
       this._runtime.events.onErrorFromWorker((domWindow, message, stack) => {
         const frame = this._frameTree.frameForDocShell(domWindow.docShell);
@@ -142,18 +133,25 @@ class PageAgent {
       this._runtime.events.onExecutionContextDestroyed(this._onExecutionContextDestroyed.bind(this)),
       this._runtime.events.onBindingCalled(this._onBindingCalled.bind(this)),
       browserChannel.register('page', {
+        addBinding: ({ worldName, name, script }) => this._frameTree.addBinding(worldName, name, script),
         adoptNode: this._adoptNode.bind(this),
         crash: this._crash.bind(this),
         describeNode: this._describeNode.bind(this),
         dispatchKeyEvent: this._dispatchKeyEvent.bind(this),
-        dispatchDragEvent: this._dispatchDragEvent.bind(this),
+        dispatchMouseEvent: this._dispatchMouseEvent.bind(this),
         dispatchTouchEvent: this._dispatchTouchEvent.bind(this),
         dispatchTapEvent: this._dispatchTapEvent.bind(this),
         getContentQuads: this._getContentQuads.bind(this),
         getFullAXTree: this._getFullAXTree.bind(this),
+        goBack: this._goBack.bind(this),
+        goForward: this._goForward.bind(this),
         insertText: this._insertText.bind(this),
+        navigate: this._navigate.bind(this),
+        reload: this._reload.bind(this),
         scrollIntoViewIfNeeded: this._scrollIntoViewIfNeeded.bind(this),
+        setCacheDisabled: this._setCacheDisabled.bind(this),
         setFileInputFiles: this._setFileInputFiles.bind(this),
+        setInterceptFileChooserDialog: this._setInterceptFileChooserDialog.bind(this),
         evaluate: this._runtime.evaluate.bind(this._runtime),
         callFunction: this._runtime.callFunction.bind(this._runtime),
         getObjectProperties: this._runtime.getObjectProperties.bind(this._runtime),
@@ -162,6 +160,15 @@ class PageAgent {
     ];
   }
 
+  _setCacheDisabled({cacheDisabled}) {
+    const enable = Ci.nsIRequest.LOAD_NORMAL;
+    const disable = Ci.nsIRequest.LOAD_BYPASS_CACHE |
+                  Ci.nsIRequest.INHIBIT_CACHING;
+
+    const docShell = this._frameTree.mainFrame().docShell();
+    docShell.defaultLoadFlags = cacheDisabled ? disable : enable;
+  }
+
   _emitAllEvents(frame) {
     this._browserPage.emit('pageEventFired', {
       frameId: frame.id(),
@@ -217,6 +224,10 @@ class PageAgent {
       this._emitAllEvents(this._frameTree.mainFrame());
   }
 
+  _setInterceptFileChooserDialog({enabled}) {
+    this._docShell.fileInputInterceptionEnabled = !!enabled;
+  }
+
   _linkClicked(sync, anchorElement) {
     if (anchorElement.ownerGlobal.docShell !== this._docShell)
       return;
@@ -248,9 +259,7 @@ class PageAgent {
     });
   }
 
-  onWindowEvent(event) {
+  _onDOMContentLoaded(event) {
-    if (event.type !== 'DOMContentLoaded' && event.type !== 'load')
-      return;
     if (!event.target.ownerGlobal)
       return;
     const docShell = event.target.ownerGlobal.docShell;
@@ -259,7 +268,7 @@ class PageAgent {
       return;
     this._browserPage.emit('pageEventFired', {
       frameId: frame.id(),
-      name: event.type,
+      name: 'DOMContentLoaded',
     });
   }
 
@@ -282,10 +291,18 @@ class PageAgent {
     });
   }
 
+  _onLoad(frame) {
+    this._browserPage.emit('pageEventFired', {
+      frameId: frame.id(),
+      name: 'load'
+    });
+  }
+
   _onNavigationStarted(frame) {
     this._browserPage.emit('pageNavigationStarted', {
       frameId: frame.id(),
       navigationId: frame.pendingNavigationId(),
+      url: frame.pendingNavigationURL(),
     });
   }
 
@@ -345,16 +362,68 @@ class PageAgent {
     helper.removeListeners(this._eventListeners);
   }
 
+  async _navigate({frameId, url, referer}) {
+    try {
+      const uri = NetUtil.newURI(url);
+    } catch (e) {
+      throw new Error(`Invalid url: "${url}"`);
+    }
+    let referrerURI = null;
+    let referrerInfo = null;
+    if (referer) {
+      try {
+        referrerURI = NetUtil.newURI(referer);
+        const ReferrerInfo = Components.Constructor(
+          '@mozilla.org/referrer-info;1',
+          'nsIReferrerInfo',
+          'init'
+        );
+        referrerInfo = new ReferrerInfo(Ci.nsIHttpChannel.REFERRER_POLICY_UNSET, true, referrerURI);
+      } catch (e) {
+        throw new Error(`Invalid referer: "${referer}"`);
+      }
+    }
+    const frame = this._frameTree.frame(frameId);
+    const docShell = frame.docShell().QueryInterface(Ci.nsIWebNavigation);
+    docShell.loadURI(url, {
+      triggeringPrincipal: Services.scriptSecurityManager.getSystemPrincipal(),
+      flags: Ci.nsIWebNavigation.LOAD_FLAGS_NONE,
+      referrerInfo,
+      postData: null,
+      headers: null,
+    });
+    return {navigationId: frame.pendingNavigationId(), navigationURL: frame.pendingNavigationURL()};
+  }
+
+  async _reload({frameId, url}) {
+    const frame = this._frameTree.frame(frameId);
+    const docShell = frame.docShell().QueryInterface(Ci.nsIWebNavigation);
+    docShell.reload(Ci.nsIWebNavigation.LOAD_FLAGS_NONE);
+  }
+
+  async _goBack({frameId, url}) {
+    const frame = this._frameTree.frame(frameId);
+    const docShell = frame.docShell();
+    if (!docShell.canGoBack)
+      return {success: false};
+    docShell.goBack();
+    return {success: true};
+  }
+
+  async _goForward({frameId, url}) {
+    const frame = this._frameTree.frame(frameId);
+    const docShell = frame.docShell();
+    if (!docShell.canGoForward)
+      return {success: false};
+    docShell.goForward();
+    return {success: true};
+  }
+
   async _adoptNode({frameId, objectId, executionContextId}) {
     const frame = this._frameTree.frame(frameId);
     if (!frame)
       throw new Error('Failed to find frame with id = ' + frameId);
-    let unsafeObject;
+    const unsafeObject = frame.unsafeObject(objectId);
-    if (!objectId) {
-      unsafeObject = frame.domWindow().frameElement;
-    } else {
-      unsafeObject = frame.unsafeObject(objectId);
-    }
     const context = this._runtime.findExecutionContext(executionContextId);
     const fromPrincipal = unsafeObject.nodePrincipal;
     const toFrame = this._frameTree.frame(context.auxData().frameId);
@@ -371,19 +440,8 @@ class PageAgent {
     const unsafeObject = frame.unsafeObject(objectId);
     if (!unsafeObject)
       throw new Error('Object is not input!');
-    let nsFiles;
+    const nsFiles = await Promise.all(files.map(filePath => File.createFromFileName(filePath)));
-    if (unsafeObject.webkitdirectory) {
-      nsFiles = await new Directory(files[0]).getFiles(true);
-    } else {
-      nsFiles = await Promise.all(files.map(filePath => File.createFromFileName(filePath)));
-    }
     unsafeObject.mozSetFileArray(nsFiles);
-    const events = [
-      new (frame.domWindow().Event)('input', { bubbles: true, cancelable: true, composed: true }),
-      new (frame.domWindow().Event)('change', { bubbles: true, cancelable: true, composed: true }),
-    ];
-    for (const event of events)
-      unsafeObject.dispatchEvent(event);
   }
 
   _getContentQuads({objectId, frameId}) {
@@ -462,8 +520,18 @@ class PageAgent {
   }
 
   async _dispatchKeyEvent({type, keyCode, code, key, repeat, location, text}) {
+    // key events don't fire if we are dragging.
+    if (this._dragging) {
+      if (type === 'keydown' && key === 'Escape')
+        this._cancelDragIfNeeded();
+      return;
+    }
     const frame = this._frameTree.mainFrame();
     const tip = frame.textInputProcessor();
+    if (key === 'Meta' && Services.appinfo.OS !== 'Darwin')
+      key = 'OS';
+    else if (key === 'OS' && Services.appinfo.OS === 'Darwin')
+      key = 'Meta';
     let keyEvent = new (frame.domWindow().KeyboardEvent)("", {
       key,
       code,
@@ -499,9 +567,7 @@ class PageAgent {
       touchPoints.map(point => point.radiusY === undefined ? 1.0 : point.radiusY),
       touchPoints.map(point => point.rotationAngle === undefined ? 0.0 : point.rotationAngle),
       touchPoints.map(point => point.force === undefined ? 1.0 : point.force),
-      touchPoints.map(point => 0),
+      touchPoints.length,
-      touchPoints.map(point => 0),
-      touchPoints.map(point => 0),
       modifiers);
     return {defaultPrevented};
   }
@@ -515,52 +581,166 @@ class PageAgent {
       false /* aIgnoreRootScrollFrame */,
       true /* aFlushLayout */);
 
-    await this._dispatchTouchEvent({
+    const {defaultPrevented: startPrevented} = await this._dispatchTouchEvent({
       type: 'touchstart',
       modifiers,
       touchPoints: [{x, y}]
     });
-    await this._dispatchTouchEvent({
+    const {defaultPrevented: endPrevented} = await this._dispatchTouchEvent({
       type: 'touchend',
       modifiers,
       touchPoints: [{x, y}]
     });
-  }
+    if (startPrevented || endPrevented)
+      return;
 
-  _getCurrentDragSession() {
     const frame = this._frameTree.mainFrame();
-    const domWindow = frame?.domWindow();
+    frame.domWindow().windowUtils.sendMouseEvent(
-    return domWindow ? dragService.getCurrentSession(domWindow) : undefined;
+      'mousemove',
+      x,
+      y,
+      0 /*button*/,
+      0 /*clickCount*/,
+      modifiers,
+      false /*aIgnoreRootScrollFrame*/,
+      undefined /*pressure*/,
+      5 /*inputSource*/,
+      undefined /*isDOMEventSynthesized*/,
+      false /*isWidgetEventSynthesized*/,
+      0 /*buttons*/,
+      undefined /*pointerIdentifier*/,
+      true /*disablePointerEvent*/);
+
+    frame.domWindow().windowUtils.sendMouseEvent(
+      'mousedown',
+      x,
+      y,
+      0 /*button*/,
+      1 /*clickCount*/,
+      modifiers,
+      false /*aIgnoreRootScrollFrame*/,
+      undefined /*pressure*/,
+      5 /*inputSource*/,
+      undefined /*isDOMEventSynthesized*/,
+      false /*isWidgetEventSynthesized*/,
+      1 /*buttons*/,
+      undefined /*pointerIdentifier*/,
+      true /*disablePointerEvent*/);
+
+    frame.domWindow().windowUtils.sendMouseEvent(
+      'mouseup',
+      x,
+      y,
+      0 /*button*/,
+      1 /*clickCount*/,
+      modifiers,
+      false /*aIgnoreRootScrollFrame*/,
+      undefined /*pressure*/,
+      5 /*inputSource*/,
+      undefined /*isDOMEventSynthesized*/,
+      false /*isWidgetEventSynthesized*/,
+      0 /*buttons*/,
+      undefined /*pointerIdentifier*/,
+      true /*disablePointerEvent*/);
   }
 
-  async _dispatchDragEvent({type, x, y, modifiers}) {
+  _startDragSessionIfNeeded() {
-    const session = this._getCurrentDragSession();
+    const sess = dragService.getCurrentSession();
-    const dropEffect = session.dataTransfer.dropEffect;
+    if (sess) return;
+    dragService.startDragSessionForTests(
+      Ci.nsIDragService.DRAGDROP_ACTION_MOVE |
+        Ci.nsIDragService.DRAGDROP_ACTION_COPY |
+        Ci.nsIDragService.DRAGDROP_ACTION_LINK
+    );
+  }
 
-    if ((type === 'drop' && dropEffect !== 'none') || type ===  'dragover') {
+  _simulateDragEvent(type, x, y, modifiers) {
-      const win = this._frameTree.mainFrame().domWindow();
+    const window = this._frameTree.mainFrame().domWindow();
-      win.windowUtils.jugglerSendMouseEvent(
+    const element = window.windowUtils.elementFromPoint(x, y, false, false);
+    const event = window.document.createEvent('DragEvent');
+
+    event.initDragEvent(
+      type,
+      true /* bubble */,
+      true /* cancelable */,
+      window,
+      0 /* clickCount */,
+      window.mozInnerScreenX + x,
+      window.mozInnerScreenY + y,
+      x,
+      y,
+      modifiers & 2 /* ctrlkey */,
+      modifiers & 1 /* altKey */,
+      modifiers & 4 /* shiftKey */,
+      modifiers & 8 /* metaKey */,
+      0 /* button */, // firefox always has the button as 0 on drops, regardless of which was pressed
+      null /* relatedTarget */,
+      null,
+    );
+    if (type !== 'drop' || dragService.dragAction)
+      window.windowUtils.dispatchDOMEventViaPresShellForTesting(element, event);
+    if (type === 'drop')
+      this._cancelDragIfNeeded();
+  }
+
+  _cancelDragIfNeeded() {
+    this._dragging = false;
+    const sess = dragService.getCurrentSession();
+    if (sess)
+      dragService.endDragSession(true);
+  }
+
+  async _dispatchMouseEvent({type, x, y, button, clickCount, modifiers, buttons}) {
+    this._startDragSessionIfNeeded();
+    const trapDrag = subject => {
+      this._dragging = true;
+    }
+
+    // Don't send mouse events if there is an active drag
+    if (!this._dragging) {
+      const frame = this._frameTree.mainFrame();
+
+      obs.addObserver(trapDrag, 'on-datatransfer-available');
+      frame.domWindow().windowUtils.sendMouseEvent(
         type,
         x,
         y,
-        0, /*button*/
+        button,
-        0, /*clickCount*/
+        clickCount,
         modifiers,
         false /*aIgnoreRootScrollFrame*/,
-        0.0 /*pressure*/,
+        undefined /*pressure*/,
-        0 /*inputSource*/,
+        undefined /*inputSource*/,
         true /*isDOMEventSynthesized*/,
         false /*isWidgetEventSynthesized*/,
-        0 /*buttons*/,
+        buttons);
-        win.windowUtils.DEFAULT_MOUSE_POINTER_ID /* pointerIdentifier */,
+      obs.removeObserver(trapDrag, 'on-datatransfer-available');
-        false /*disablePointerEvent*/,
+
-      );
+      if (type === 'mousedown' && button === 2) {
-      return;
+        frame.domWindow().windowUtils.sendMouseEvent(
+          'contextmenu',
+          x,
+          y,
+          button,
+          clickCount,
+          modifiers,
+          false /*aIgnoreRootScrollFrame*/,
+          undefined /*pressure*/,
+          undefined /*inputSource*/,
+          undefined /*isDOMEventSynthesized*/,
+          undefined /*isWidgetEventSynthesized*/,
+          buttons);
       }
-    if (type === 'dragend') {
+    }
-      const session = this._getCurrentDragSession();
+
-      session?.endDragSession(true);
+    // update drag state
-      return;
+    if (this._dragging) {
+      if (type === 'mousemove')
+        this._simulateDragEvent('dragover', x, y, modifiers);
+      else if (type === 'mouseup') // firefox will do drops when any mouse button is released
+        this._simulateDragEvent('drop', x, y, modifiers);
+    } else {
+      this._cancelDragIfNeeded();
     }
   }
 

browser_patches/firefox/juggler/content/Runtime.js

@@ -63,6 +63,7 @@ class Runtime {
     if (isWorker) {
       this._registerWorkerConsoleHandler();
     } else {
+      const {Services} = ChromeUtils.import("resource://gre/modules/Services.jsm");
       this._registerConsoleServiceListener(Services);
       this._registerConsoleAPIListener(Services);
     }
@@ -184,13 +185,7 @@ class Runtime {
         if (context._isIsolatedWorldContext())
           return false;
         const domWindow = context._domWindow;
-        try {
-          // `windowGlobalChild` might be dead already; accessing it will throw an error, message in a console,
-          // and infinite recursion.
         return domWindow && domWindow.windowGlobalChild.innerWindowId === wrappedJSObject.innerID;
-        } catch (e) {
-          return false;
-        }
       });
       if (!executionContext)
         return;
@@ -239,8 +234,8 @@ class Runtime {
       return {success: true, obj: obj.promiseValue};
     if (obj.promiseState === 'rejected') {
       const debuggee = executionContext._debuggee;
-      exceptionDetails.text = debuggee.executeInGlobalWithBindings('e.message', {e: obj.promiseReason}, {useInnerBindings: true}).return;
+      exceptionDetails.text = debuggee.executeInGlobalWithBindings('e.message', {e: obj.promiseReason}).return;
-      exceptionDetails.stack = debuggee.executeInGlobalWithBindings('e.stack', {e: obj.promiseReason}, {useInnerBindings: true}).return;
+      exceptionDetails.stack = debuggee.executeInGlobalWithBindings('e.stack', {e: obj.promiseReason}).return;
       return {success: false, obj: null};
     }
     let resolve, reject;
@@ -267,8 +262,8 @@ class Runtime {
       return;
     };
     const debuggee = pendingPromise.executionContext._debuggee;
-    pendingPromise.exceptionDetails.text = debuggee.executeInGlobalWithBindings('e.message', {e: obj.promiseReason}, {useInnerBindings: true}).return;
+    pendingPromise.exceptionDetails.text = debuggee.executeInGlobalWithBindings('e.message', {e: obj.promiseReason}).return;
-    pendingPromise.exceptionDetails.stack = debuggee.executeInGlobalWithBindings('e.stack', {e: obj.promiseReason}, {useInnerBindings: true}).return;
+    pendingPromise.exceptionDetails.stack = debuggee.executeInGlobalWithBindings('e.stack', {e: obj.promiseReason}).return;
     pendingPromise.resolve({success: false, obj: null});
   }
 
@@ -316,8 +311,7 @@ class ExecutionContext {
     this._id = generateId();
     this._auxData = auxData;
     this._jsonStringifyObject = this._debuggee.executeInGlobal(`((stringify, object) => {
-      const oldToJSON = Date.prototype?.toJSON;
+      const oldToJSON = Date.prototype.toJSON;
-      if (oldToJSON)
       Date.prototype.toJSON = undefined;
       const oldArrayToJSON = Array.prototype.toJSON;
       const oldArrayHadToJSON = Array.prototype.hasOwnProperty('toJSON');
@@ -331,7 +325,6 @@ class ExecutionContext {
         return value;
       });
 
-      if (oldToJSON)
       Date.prototype.toJSON = oldToJSON;
       if (oldArrayHadToJSON)
         Array.prototype.toJSON = oldArrayToJSON;
@@ -374,7 +367,7 @@ class ExecutionContext {
     try {
       this._debuggee.executeInGlobal(script);
     } catch (e) {
-      dump(`WARNING: ${e.message}\n${e.stack}\n`);
+      dump(`ERROR: ${e.message}\n${e.stack}\n`);
     }
   }
 
@@ -441,7 +434,7 @@ class ExecutionContext {
   _instanceOf(debuggerObj, rawObj, className) {
     if (this._domWindow)
       return rawObj instanceof this._domWindow[className];
-    return this._debuggee.executeInGlobalWithBindings('o instanceof this[className]', {o: debuggerObj, className: this._debuggee.makeDebuggeeValue(className)}, {useInnerBindings: true}).return;
+    return this._debuggee.executeInGlobalWithBindings('o instanceof this[className]', {o: debuggerObj, className: this._debuggee.makeDebuggeeValue(className)}).return;
   }
 
   _createRemoteObject(debuggerObj) {
@@ -457,7 +450,7 @@ class ExecutionContext {
         subtype = 'array';
       else if (Object.is(rawObj, null))
         subtype = 'null';
-      else if (typeof Node !== 'undefined' && Node.isInstance(rawObj))
+      else if (this._instanceOf(debuggerObj, rawObj, 'Node'))
         subtype = 'node';
       else if (this._instanceOf(debuggerObj, rawObj, 'RegExp'))
         subtype = 'regexp';
@@ -531,7 +524,7 @@ class ExecutionContext {
   }
 
   _serialize(obj) {
-    const result = this._debuggee.executeInGlobalWithBindings('stringify(e)', {e: obj, stringify: this._jsonStringifyObject}, {useInnerBindings: true});
+    const result = this._debuggee.executeInGlobalWithBindings('stringify(e)', {e: obj, stringify: this._jsonStringifyObject});
     if (result.throw)
       throw new Error('Object is not serializable');
     return result.return === undefined ? undefined : JSON.parse(result.return);
@@ -560,12 +553,15 @@ class ExecutionContext {
   }
 
   _getResult(completionValue, exceptionDetails = {}) {
-    if (!completionValue)
+    if (!completionValue) {
-      throw new Error('evaluation terminated');
+      exceptionDetails.text = 'Evaluation terminated!';
+      exceptionDetails.stack = '';
+      return {success: false, obj: null};
+    }
     if (completionValue.throw) {
-      if (this._debuggee.executeInGlobalWithBindings('e instanceof Error', {e: completionValue.throw}, {useInnerBindings: true}).return) {
+      if (this._debuggee.executeInGlobalWithBindings('e instanceof Error', {e: completionValue.throw}).return) {
-        exceptionDetails.text = this._debuggee.executeInGlobalWithBindings('e.message', {e: completionValue.throw}, {useInnerBindings: true}).return;
+        exceptionDetails.text = this._debuggee.executeInGlobalWithBindings('e.message', {e: completionValue.throw}).return;
-        exceptionDetails.stack = this._debuggee.executeInGlobalWithBindings('e.stack', {e: completionValue.throw}, {useInnerBindings: true}).return;
+        exceptionDetails.stack = this._debuggee.executeInGlobalWithBindings('e.stack', {e: completionValue.throw}).return;
       } else {
         exceptionDetails.value = this._serialize(completionValue.throw);
       }

browser_patches/firefox/juggler/content/WorkerMain.js

@@ -6,9 +6,7 @@
 loadSubScript('chrome://juggler/content/content/Runtime.js');
 loadSubScript('chrome://juggler/content/SimpleChannel.js');
 
-// SimpleChannel in worker is never replaced: its lifetime matches the lifetime
+const channel = new SimpleChannel('worker::worker');
-// of the worker itself, so anything would work as a unique identifier.
-const channel = new SimpleChannel('worker::content', 'unique_identifier');
 const eventListener = event => channel._onMessage(JSON.parse(event.data));
 this.addEventListener('message', eventListener);
 channel.setTransport({

browser_patches/firefox/juggler/content/main.js

@@ -2,17 +2,21 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+const {Services} = ChromeUtils.import("resource://gre/modules/Services.jsm");
 const {Helper} = ChromeUtils.import('chrome://juggler/content/Helper.js');
 const {FrameTree} = ChromeUtils.import('chrome://juggler/content/content/FrameTree.js');
 const {SimpleChannel} = ChromeUtils.import('chrome://juggler/content/SimpleChannel.js');
 const {PageAgent} = ChromeUtils.import('chrome://juggler/content/content/PageAgent.js');
 
+let frameTree;
 const helper = new Helper();
+const messageManager = this;
 
-function initialize(browsingContext, docShell) {
+let pageAgent;
-  const data = { channel: undefined, pageAgent: undefined, frameTree: undefined, failedToOverrideTimezone: false };
 
-  const applySetting = {
+let failedToOverrideTimezone = false;
+
+const applySetting = {
   geolocation: (geolocation) => {
     if (geolocation) {
       docShell.setGeolocationOverride({
@@ -33,68 +37,94 @@ function initialize(browsingContext, docShell) {
     }
   },
 
+  onlineOverride: (onlineOverride) => {
+    if (!onlineOverride) {
+      docShell.onlineOverride = Ci.nsIDocShell.ONLINE_OVERRIDE_NONE;
+      return;
+    }
+    docShell.onlineOverride = onlineOverride === 'online' ?
+        Ci.nsIDocShell.ONLINE_OVERRIDE_ONLINE : Ci.nsIDocShell.ONLINE_OVERRIDE_OFFLINE;
+  },
+
   bypassCSP: (bypassCSP) => {
     docShell.bypassCSPEnabled = bypassCSP;
   },
 
   timezoneId: (timezoneId) => {
-      data.failedToOverrideTimezone = !docShell.overrideTimezone(timezoneId);
+    failedToOverrideTimezone = !docShell.overrideTimezone(timezoneId);
   },
 
   locale: (locale) => {
     docShell.languageOverride = locale;
   },
 
-    javaScriptDisabled: (javaScriptDisabled) => {
+  scrollbarsHidden: (hidden) => {
-      data.frameTree.setJavaScriptDisabled(javaScriptDisabled);
+    frameTree.setScrollbarsHidden(hidden);
   },
-  };
 
-  const contextCrossProcessCookie = Services.cpmm.sharedData.get('juggler:context-cookie-' + browsingContext.originAttributes.userContextId) || { initScripts: [], bindings: [], settings: {} };
+  colorScheme: (colorScheme) => {
-  const pageCrossProcessCookie = Services.cpmm.sharedData.get('juggler:page-cookie-' + browsingContext.browserId) || { initScripts: [], bindings: [], interceptFileChooserDialog: false };
+    frameTree.setColorScheme(colorScheme);
+  },
 
+  reducedMotion: (reducedMotion) => {
+    frameTree.setReducedMotion(reducedMotion);
+  },
+
+  forcedColors: (forcedColors) => {
+    frameTree.setForcedColors(forcedColors);
+  },
+};
+
+const channel = SimpleChannel.createForMessageManager('content::page', messageManager);
+
+function initialize() {
+  const response = sendSyncMessage('juggler:content-ready')[0];
+  // If we didn't get a response, then we don't want to do anything
+  // as a part of this frame script.
+  if (!response)
+    return;
+  const {
+    initScripts = [],
+    bindings = [],
+    settings = {}
+  } = response || {};
   // Enforce focused state for all top level documents.
   docShell.overrideHasFocus = true;
   docShell.forceActiveState = true;
-  docShell.disallowBFCache = true;
+  frameTree = new FrameTree(docShell);
-  data.frameTree = new FrameTree(browsingContext);
+  for (const [name, value] of Object.entries(settings)) {
-  for (const [name, value] of Object.entries(contextCrossProcessCookie.settings)) {
     if (value !== undefined)
       applySetting[name](value);
   }
-  for (const { worldName, name, script } of [...contextCrossProcessCookie.bindings, ...pageCrossProcessCookie.bindings])
+  for (const { worldName, name, script } of bindings)
-    data.frameTree.addBinding(worldName, name, script);
+    frameTree.addBinding(worldName, name, script);
-  data.frameTree.setInitScripts([...contextCrossProcessCookie.initScripts, ...pageCrossProcessCookie.initScripts]);
+  frameTree.setInitScripts(initScripts);
-  data.channel = new SimpleChannel('', 'process-' + Services.appinfo.processID);
-  data.pageAgent = new PageAgent(data.channel, data.frameTree);
-  docShell.fileInputInterceptionEnabled = !!pageCrossProcessCookie.interceptFileChooserDialog;
 
-  data.channel.register('', {
+  pageAgent = new PageAgent(messageManager, channel, frameTree);
+
+  channel.register('', {
     setInitScripts(scripts) {
-      data.frameTree.setInitScripts(scripts);
+      frameTree.setInitScripts(scripts);
     },
 
     addBinding({worldName, name, script}) {
-      data.frameTree.addBinding(worldName, name, script);
+      frameTree.addBinding(worldName, name, script);
     },
 
     applyContextSetting({name, value}) {
       applySetting[name](value);
     },
 
-    setInterceptFileChooserDialog(enabled) {
-      docShell.fileInputInterceptionEnabled = !!enabled;
-    },
-
     ensurePermissions() {
       // noop, just a rountrip.
     },
 
     hasFailedToOverrideTimezone() {
-      return data.failedToOverrideTimezone;
+      return failedToOverrideTimezone;
     },
 
-    async awaitViewportDimensions({width, height}) {
+    async awaitViewportDimensions({width, height, deviceSizeIsPageSize}) {
+      docShell.deviceSizeIsPageSize = deviceSizeIsPageSize;
       const win = docShell.domWindow;
       if (win.innerWidth === width && win.innerHeight === height)
         return;
@@ -112,8 +142,14 @@ function initialize(browsingContext, docShell) {
     },
   });
 
-  return data;
+  const gListeners = [
+    helper.addEventListener(messageManager, 'unload', msg => {
+      helper.removeListeners(gListeners);
+      pageAgent.dispose();
+      frameTree.dispose();
+      channel.dispose();
+    }),
+  ];
 }
 
-var EXPORTED_SYMBOLS = ['initialize'];
+initialize();
-this.initialize = initialize;

browser_patches/firefox/juggler/jar.mn

@@ -11,13 +11,11 @@ juggler.jar:
   content/NetworkObserver.js (NetworkObserver.js)
   content/TargetRegistry.js (TargetRegistry.js)
   content/SimpleChannel.js (SimpleChannel.js)
-  content/JugglerFrameParent.jsm (JugglerFrameParent.jsm)
   content/protocol/PrimitiveTypes.js (protocol/PrimitiveTypes.js)
   content/protocol/Protocol.js (protocol/Protocol.js)
   content/protocol/Dispatcher.js (protocol/Dispatcher.js)
   content/protocol/PageHandler.js (protocol/PageHandler.js)
   content/protocol/BrowserHandler.js (protocol/BrowserHandler.js)
-  content/content/JugglerFrameChild.jsm (content/JugglerFrameChild.jsm)
   content/content/main.js (content/main.js)
   content/content/FrameTree.js (content/FrameTree.js)
   content/content/PageAgent.js (content/PageAgent.js)

browser_patches/firefox/juggler/protocol/BrowserHandler.js

@@ -5,6 +5,7 @@
 "use strict";
 
 const {AddonManager} = ChromeUtils.import("resource://gre/modules/AddonManager.jsm");
+const {Services} = ChromeUtils.import("resource://gre/modules/Services.jsm");
 const {TargetRegistry} = ChromeUtils.import("chrome://juggler/content/TargetRegistry.js");
 const {Helper} = ChromeUtils.import('chrome://juggler/content/Helper.js');
 const {PageHandler} = ChromeUtils.import("chrome://juggler/content/protocol/PageHandler.js");
@@ -13,7 +14,7 @@ const {AppConstants} = ChromeUtils.import("resource://gre/modules/AppConstants.j
 const helper = new Helper();
 
 class BrowserHandler {
-  constructor(session, dispatcher, targetRegistry, startCompletePromise, onclose) {
+  constructor(session, dispatcher, targetRegistry, onclose, onstart) {
     this._session = session;
     this._dispatcher = dispatcher;
     this._targetRegistry = targetRegistry;
@@ -23,27 +24,16 @@ class BrowserHandler {
     this._createdBrowserContextIds = new Set();
     this._attachedSessions = new Map();
     this._onclose = onclose;
-    this._startCompletePromise = startCompletePromise;
+    this._onstart = onstart;
   }
 
-  async ['Browser.enable']({attachToDefaultContext, userPrefs = []}) {
+  async ['Browser.enable']({attachToDefaultContext}) {
     if (this._enabled)
       return;
-    await this._startCompletePromise;
+    await this._onstart();
     this._enabled = true;
     this._attachToDefaultContext = attachToDefaultContext;
 
-    for (const { name, value } of userPrefs) {
-      if (value === true || value === false)
-        Services.prefs.setBoolPref(name, value);
-      else if (typeof value === 'string')
-        Services.prefs.setStringPref(name, value);
-      else if (typeof value === 'number')
-        Services.prefs.setIntPref(name, value);
-      else
-        throw new Error(`Preference "${name}" has unsupported value: ${JSON.stringify(value)}`);
-    }
-
     this._eventListeners = [
       helper.on(this._targetRegistry, TargetRegistry.Events.TargetCreated, this._onTargetCreated.bind(this)),
       helper.on(this._targetRegistry, TargetRegistry.Events.TargetDestroyed, this._onTargetDestroyed.bind(this)),
@@ -146,7 +136,6 @@ class BrowserHandler {
         waitForWindowClosed(browserWindow),
       ]);
     }
-    await this._startCompletePromise;
     this._onclose();
     Services.startup.quit(Ci.nsIAppStartup.eForceQuit);
   }
@@ -163,12 +152,6 @@ class BrowserHandler {
     this._targetRegistry.browserContextForId(browserContextId).extraHTTPHeaders = headers;
   }
 
-  ['Browser.clearCache']() {
-    // Clearing only the context cache does not work: https://bugzilla.mozilla.org/show_bug.cgi?id=1819147
-    Services.cache2.clear();
-    ChromeUtils.clearStyleSheetCache();
-  }
-
   ['Browser.setHTTPCredentials']({browserContextId, credentials}) {
     this._targetRegistry.browserContextForId(browserContextId).httpCredentials = nullToUndefined(credentials);
   }
@@ -186,10 +169,6 @@ class BrowserHandler {
     this._targetRegistry.browserContextForId(browserContextId).requestInterceptionEnabled = enabled;
   }
 
-  ['Browser.setCacheDisabled']({browserContextId, cacheDisabled}) {
-    this._targetRegistry.browserContextForId(browserContextId).setCacheDisabled(cacheDisabled);
-  }
-
   ['Browser.setIgnoreHTTPSErrors']({browserContextId, ignoreHTTPSErrors}) {
     this._targetRegistry.browserContextForId(browserContextId).setIgnoreHTTPSErrors(nullToUndefined(ignoreHTTPSErrors));
   }
@@ -203,8 +182,7 @@ class BrowserHandler {
   }
 
   async ['Browser.setOnlineOverride']({browserContextId, override}) {
-    const forceOffline = override === 'offline';
+    await this._targetRegistry.browserContextForId(browserContextId).applySetting('onlineOverride', nullToUndefined(override));
-    await this._targetRegistry.browserContextForId(browserContextId).setForceOffline(forceOffline);
   }
 
   async ['Browser.setColorScheme']({browserContextId, colorScheme}) {
@@ -236,7 +214,7 @@ class BrowserHandler {
   }
 
   async ['Browser.setJavaScriptDisabled']({browserContextId, javaScriptDisabled}) {
-    await this._targetRegistry.browserContextForId(browserContextId).applySetting('javaScriptDisabled', nullToUndefined(javaScriptDisabled));
+    await this._targetRegistry.browserContextForId(browserContextId).setJavaScriptDisabled(javaScriptDisabled);
   }
 
   async ['Browser.setLocaleOverride']({browserContextId, locale}) {
@@ -255,6 +233,10 @@ class BrowserHandler {
     await this._targetRegistry.browserContextForId(browserContextId).setDefaultViewport(nullToUndefined(viewport));
   }
 
+  async ['Browser.setScrollbarsHidden']({browserContextId, hidden}) {
+    await this._targetRegistry.browserContextForId(browserContextId).applySetting('scrollbarsHidden', nullToUndefined(hidden));
+  }
+
   async ['Browser.setInitScripts']({browserContextId, scripts}) {
     await this._targetRegistry.browserContextForId(browserContextId).setInitScripts(scripts);
   }

browser_patches/firefox/juggler/protocol/Dispatcher.js

@@ -74,9 +74,6 @@ class Dispatcher {
 
       this._connection.send(JSON.stringify({id, sessionId, result}));
     } catch (e) {
-      dump(`
-        ERROR: ${e.message} ${e.stack}
-      `);
       this._connection.send(JSON.stringify({id, sessionId, error: {
         message: e.message,
         data: e.stack

browser_patches/firefox/juggler/protocol/PageHandler.js

@@ -4,8 +4,8 @@
 
 "use strict";
 
-const {Helper, EventWatcher} = ChromeUtils.import('chrome://juggler/content/Helper.js');
+const {Helper} = ChromeUtils.import('chrome://juggler/content/Helper.js');
-const {NetUtil} = ChromeUtils.import('resource://gre/modules/NetUtil.jsm');
+const {Services} = ChromeUtils.import("resource://gre/modules/Services.jsm");
 const {NetworkObserver, PageNetwork} = ChromeUtils.import('chrome://juggler/content/NetworkObserver.js');
 const {PageTarget} = ChromeUtils.import('chrome://juggler/content/TargetRegistry.js');
 const {setTimeout} = ChromeUtils.import('resource://gre/modules/Timer.jsm');
@@ -79,9 +79,6 @@ class PageHandler {
       return (...args) => this._session.emitEvent(eventName, ...args);
     }
 
-    this._isDragging = false;
-    this._lastMousePosition = { x: 0, y: 0 };
-
     this._reportedFrameIds = new Set();
     this._networkEventsForUnreportedFrameIds = new Map();
 
@@ -95,10 +92,6 @@ class PageHandler {
     if (this._pageTarget.videoRecordingInfo())
       this._onVideoRecordingStarted();
 
-    this._pageEventSink = {};
-    helper.decorateAsEventEmitter(this._pageEventSink);
-
-    this._pendingEventWatchers = new Set();
     this._eventListeners = [
       helper.on(this._pageTarget, PageTarget.Events.DialogOpened, this._onDialogOpened.bind(this)),
       helper.on(this._pageTarget, PageTarget.Events.DialogClosed, this._onDialogClosed.bind(this)),
@@ -124,7 +117,6 @@ class PageHandler {
         pageNavigationCommitted: emitProtocolEvent('Page.navigationCommitted'),
         pageNavigationStarted: emitProtocolEvent('Page.navigationStarted'),
         pageReady: this._onPageReady.bind(this),
-        pageInputEvent: (event) => this._pageEventSink.emit(event.type, event),
         pageSameDocumentNavigation: emitProtocolEvent('Page.sameDocumentNavigation'),
         pageUncaughtError: emitProtocolEvent('Page.uncaughtError'),
         pageWorkerCreated: this._onWorkerCreated.bind(this),
@@ -137,11 +129,10 @@ class PageHandler {
               return;
             }
           }
-          this._session.emitEvent('Runtime.console', params);
+          emitProtocolEvent('Runtime.console')(params);
         },
         runtimeExecutionContextCreated: emitProtocolEvent('Runtime.executionContextCreated'),
         runtimeExecutionContextDestroyed: emitProtocolEvent('Runtime.executionContextDestroyed'),
-        runtimeExecutionContextsCleared: emitProtocolEvent('Runtime.executionContextsCleared'),
 
         webSocketCreated: emitProtocolEvent('Page.webSocketCreated'),
         webSocketOpened: emitProtocolEvent('Page.webSocketOpened'),
@@ -154,8 +145,6 @@ class PageHandler {
 
   async dispose() {
     this._contentPage.dispose();
-    for (const watcher of this._pendingEventWatchers)
-      watcher.dispose();
     helper.removeListeners(this._eventListeners);
   }
 
@@ -256,13 +245,6 @@ class PageHandler {
     return await this._contentPage.send('disposeObject', options);
   }
 
-  async ['Heap.collectGarbage']() {
-    Services.obs.notifyObservers(null, "child-gc-request");
-    Cu.forceGC();
-    Services.obs.notifyObservers(null, "child-cc-request");
-    Cu.forceCC();
-  }
-
   async ['Network.getResponseBody']({requestId}) {
     return this._pageNetwork.getResponseBody(requestId);
   }
@@ -306,22 +288,22 @@ class PageHandler {
   }
 
   async ['Page.bringToFront'](options) {
-    await this._pageTarget.activateAndRun(() => {});
+    this._pageTarget._window.focus();
   }
 
-  async ['Page.setCacheDisabled']({cacheDisabled}) {
+  async ['Page.setCacheDisabled'](options) {
-    return await this._pageTarget.setCacheDisabled(cacheDisabled);
+    return await this._contentPage.send('setCacheDisabled', options);
   }
 
-  async ['Page.addBinding']({ worldName, name, script }) {
+  async ['Page.addBinding'](options) {
-    return await this._pageTarget.addBinding(worldName, name, script);
+    return await this._contentPage.send('addBinding', options);
   }
 
   async ['Page.adoptNode'](options) {
     return await this._contentPage.send('adoptNode', options);
   }
 
-  async ['Page.screenshot']({ mimeType, clip, omitDeviceScaleFactor, quality = 80}) {
+  async ['Page.screenshot']({ mimeType, clip, omitDeviceScaleFactor }) {
     const rect = new DOMRect(clip.x, clip.y, clip.width, clip.height);
 
     const browsingContext = this._pageTarget.linkedBrowser().browsingContext;
@@ -364,15 +346,7 @@ class PageHandler {
     let ctx = canvas.getContext('2d');
     ctx.drawImage(snapshot, 0, 0);
     snapshot.close();
-
+    const dataURL = canvas.toDataURL(mimeType);
-    if (mimeType === 'image/jpeg') {
-      if (quality < 0 || quality > 100)
-        throw new Error('Quality must be an integer value between 0 and 100; received ' + quality);
-      quality /= 100;
-    } else {
-      quality = undefined;
-    }
-    const dataURL = canvas.toDataURL(mimeType, quality);
     return { data: dataURL.substring(dataURL.indexOf(',') + 1) };
   }
 
@@ -380,74 +354,20 @@ class PageHandler {
     return await this._contentPage.send('getContentQuads', options);
   }
 
-  async ['Page.navigate']({frameId, url, referer}) {
+  async ['Page.navigate'](options) {
-    const browsingContext = this._pageTarget.frameIdToBrowsingContext(frameId);
+    return await this._contentPage.send('navigate', options);
-    let sameDocumentNavigation = false;
-    try {
-      const uri = NetUtil.newURI(url);
-      // This is the same check that verifes browser-side if this is the same-document navigation.
-      // See CanonicalBrowsingContext::SupportsLoadingInParent.
-      sameDocumentNavigation = browsingContext.currentURI && uri.hasRef && uri.equalsExceptRef(browsingContext.currentURI);
-    } catch (e) {
-      throw new Error(`Invalid url: "${url}"`);
-    }
-    let referrerURI = null;
-    let referrerInfo = null;
-    if (referer) {
-      try {
-        referrerURI = NetUtil.newURI(referer);
-        const ReferrerInfo = Components.Constructor(
-          '@mozilla.org/referrer-info;1',
-          'nsIReferrerInfo',
-          'init'
-        );
-        referrerInfo = new ReferrerInfo(Ci.nsIReferrerInfo.UNSAFE_URL, true, referrerURI);
-      } catch (e) {
-        throw new Error(`Invalid referer: "${referer}"`);
-      }
   }
 
-    let navigationId;
+  async ['Page.goBack'](options) {
-    const unsubscribe = helper.addObserver((browsingContext, topic, loadIdentifier) => {
+    return await this._contentPage.send('goBack', options);
-      navigationId = helper.toProtocolNavigationId(loadIdentifier);
-    }, 'juggler-navigation-started-browser');
-    browsingContext.loadURI(Services.io.newURI(url), {
-      triggeringPrincipal: Services.scriptSecurityManager.getSystemPrincipal(),
-      loadFlags: Ci.nsIWebNavigation.LOAD_FLAGS_IS_LINK,
-      referrerInfo,
-      // postData: null,
-      // headers: null,
-      // Fake user activation.
-      hasValidUserGestureActivation: true,
-    });
-    unsubscribe();
-
-    return {
-      navigationId: sameDocumentNavigation ? null : navigationId,
-    };
   }
 
-  async ['Page.goBack']({}) {
+  async ['Page.goForward'](options) {
-    const browsingContext = this._pageTarget.linkedBrowser().browsingContext;
+    return await this._contentPage.send('goForward', options);
-    if (!browsingContext.embedderElement?.canGoBack)
-      return { success: false };
-    browsingContext.goBack();
-    return { success: true };
   }
 
-  async ['Page.goForward']({}) {
+  async ['Page.reload'](options) {
-    const browsingContext = this._pageTarget.linkedBrowser().browsingContext;
+    return await this._contentPage.send('reload', options);
-    if (!browsingContext.embedderElement?.canGoForward)
-      return { success: false };
-    browsingContext.goForward();
-    return { success: true };
-  }
-
-  async ['Page.reload']() {
-    await this._pageTarget.activateAndRun(() => {
-      const doc = this._pageTarget._tab.linkedBrowser.ownerDocument;
-      doc.getElementById('Browser:Reload').doCommand();
-    });
   }
 
   async ['Page.describeNode'](options) {
@@ -462,22 +382,8 @@ class PageHandler {
     return await this._pageTarget.setInitScripts(scripts);
   }
 
-  async ['Page.dispatchKeyEvent']({type, keyCode, code, key, repeat, location, text}) {
+  async ['Page.dispatchKeyEvent'](options) {
-    // key events don't fire if we are dragging.
+    return await this._contentPage.send('dispatchKeyEvent', options);
-    if (this._isDragging) {
-      if (type === 'keydown' && key === 'Escape') {
-        await this._contentPage.send('dispatchDragEvent', {
-          type: 'dragover',
-          x: this._lastMousePosition.x,
-          y: this._lastMousePosition.y,
-          modifiers: 0
-        });
-        await this._contentPage.send('dispatchDragEvent', {type: 'dragend'});
-        this._isDragging = false;
-      }
-      return;
-    }
-    return await this._contentPage.send('dispatchKeyEvent', {type, keyCode, code, key, repeat, location, text});
   }
 
   async ['Page.dispatchTouchEvent'](options) {
@@ -488,152 +394,22 @@ class PageHandler {
     return await this._contentPage.send('dispatchTapEvent', options);
   }
 
-  async ['Page.dispatchMouseEvent']({type, x, y, button, clickCount, modifiers, buttons}) {
+  async ['Page.dispatchMouseEvent'](options) {
-    const win = this._pageTarget._window;
+    return await this._contentPage.send('dispatchMouseEvent', options);
-    const sendEvents = async (types) => {
-      // 1. Scroll element to the desired location first; the coordinates are relative to the element.
-      this._pageTarget._linkedBrowser.scrollRectIntoViewIfNeeded(x, y, 0, 0);
-      // 2. Get element's bounding box in the browser after the scroll is completed.
-      const boundingBox = this._pageTarget._linkedBrowser.getBoundingClientRect();
-      // 3. Make sure compositor is flushed after scrolling.
-      if (win.windowUtils.flushApzRepaints())
-        await helper.awaitTopic('apz-repaints-flushed');
-
-      const watcher = new EventWatcher(this._pageEventSink, types, this._pendingEventWatchers);
-      const promises = [];
-      for (const type of types) {
-        // This dispatches to the renderer synchronously.
-        const jugglerEventId = win.windowUtils.jugglerSendMouseEvent(
-          type,
-          x + boundingBox.left,
-          y + boundingBox.top,
-          button,
-          clickCount,
-          modifiers,
-          false /* aIgnoreRootScrollFrame */,
-          0.0 /* pressure */,
-          0 /* inputSource */,
-          true /* isDOMEventSynthesized */,
-          false /* isWidgetEventSynthesized */,
-          buttons,
-          win.windowUtils.DEFAULT_MOUSE_POINTER_ID /* pointerIdentifier */,
-          false /* disablePointerEvent */
-        );
-        promises.push(watcher.ensureEvent(type, eventObject => eventObject.jugglerEventId === jugglerEventId));
-      }
-      await Promise.all(promises);
-      await watcher.dispose();
-    };
-
-    // We must switch to proper tab in the tabbed browser so that
-    // 1. Event is dispatched to a proper renderer.
-    // 2. We receive an ack from the renderer for the dispatched event.
-    await this._pageTarget.activateAndRun(async () => {
-      this._pageTarget.ensureContextMenuClosed();
-      // If someone asks us to dispatch mouse event outside of viewport, then we normally would drop it.
-      const boundingBox = this._pageTarget._linkedBrowser.getBoundingClientRect();
-      if (x < 0 || y < 0 || x > boundingBox.width || y > boundingBox.height) {
-        if (type !== 'mousemove')
-          return;
-
-        // A special hack: if someone tries to do `mousemove` outside of
-        // viewport coordinates, then move the mouse off from the Web Content.
-        // This way we can eliminate all the hover effects.
-        // NOTE: since this won't go inside the renderer, there's no need to wait for ACK.
-        win.windowUtils.sendMouseEvent(
-          'mousemove',
-          0 /* x */,
-          0 /* y */,
-          button,
-          clickCount,
-          modifiers,
-          false /* aIgnoreRootScrollFrame */,
-          0.0 /* pressure */,
-          0 /* inputSource */,
-          true /* isDOMEventSynthesized */,
-          false /* isWidgetEventSynthesized */,
-          buttons,
-          win.windowUtils.DEFAULT_MOUSE_POINTER_ID /* pointerIdentifier */,
-          false /* disablePointerEvent */
-        );
-        return;
-      }
-
-      if (type === 'mousedown') {
-        if (this._isDragging)
-          return;
-
-        const eventNames = button === 2 ? ['mousedown', 'contextmenu'] : ['mousedown'];
-        await sendEvents(eventNames);
-        return;
-      }
-
-      if (type === 'mousemove') {
-        this._lastMousePosition = { x, y };
-        if (this._isDragging) {
-          const watcher = new EventWatcher(this._pageEventSink, ['dragover'], this._pendingEventWatchers);
-          await this._contentPage.send('dispatchDragEvent', {type:'dragover', x, y, modifiers});
-          await watcher.ensureEventsAndDispose(['dragover']);
-          return;
-        }
-
-        const watcher = new EventWatcher(this._pageEventSink, ['dragstart', 'juggler-drag-finalized'], this._pendingEventWatchers);
-        await sendEvents(['mousemove']);
-
-        // The order of events after 'mousemove' is sent:
-        // 1. [dragstart] - might or might NOT be emitted
-        // 2. [mousemove] - always emitted. This was awaited as part of `sendEvents` call.
-        // 3. [juggler-drag-finalized] - only emitted if dragstart was emitted.
-
-        if (watcher.hasEvent('dragstart')) {
-          const eventObject = await watcher.ensureEvent('juggler-drag-finalized');
-          this._isDragging = eventObject.dragSessionStarted;
-        }
-        watcher.dispose();
-        return;
-      }
-
-      if (type === 'mouseup') {
-        if (this._isDragging) {
-          const watcher = new EventWatcher(this._pageEventSink, ['dragover'], this._pendingEventWatchers);
-          await this._contentPage.send('dispatchDragEvent', {type: 'dragover', x, y, modifiers});
-          await this._contentPage.send('dispatchDragEvent', {type: 'drop', x, y, modifiers});
-          await this._contentPage.send('dispatchDragEvent', {type: 'dragend', x, y, modifiers});
-          // NOTE:
-          // - 'drop' event might not be dispatched at all, depending on dropAction.
-          // - 'dragend' event might not be dispatched at all, if the source element was removed
-          //   during drag. However, it'll be dispatched synchronously in the renderer.
-          await watcher.ensureEventsAndDispose(['dragover']);
-          this._isDragging = false;
-        } else {
-          await sendEvents(['mouseup']);
-        }
-        return;
-      }
-    }, { muteNotificationsPopup: true });
   }
 
   async ['Page.dispatchWheelEvent']({x, y, button, deltaX, deltaY, deltaZ, modifiers }) {
+    const boundingBox = this._pageTarget._linkedBrowser.getBoundingClientRect();
+    x += boundingBox.left;
+    y += boundingBox.top;
     const deltaMode = 0; // WheelEvent.DOM_DELTA_PIXEL
     const lineOrPageDeltaX = deltaX > 0 ? Math.floor(deltaX) : Math.ceil(deltaX);
     const lineOrPageDeltaY = deltaY > 0 ? Math.floor(deltaY) : Math.ceil(deltaY);
 
-    await this._pageTarget.activateAndRun(async () => {
-      this._pageTarget.ensureContextMenuClosed();
-
-      // 1. Scroll element to the desired location first; the coordinates are relative to the element.
-      this._pageTarget._linkedBrowser.scrollRectIntoViewIfNeeded(x, y, 0, 0);
-      // 2. Get element's bounding box in the browser after the scroll is completed.
-      const boundingBox = this._pageTarget._linkedBrowser.getBoundingClientRect();
-
     const win = this._pageTarget._window;
-      // 3. Make sure compositor is flushed after scrolling.
-      if (win.windowUtils.flushApzRepaints())
-        await helper.awaitTopic('apz-repaints-flushed');
-
     win.windowUtils.sendWheelEvent(
-        x + boundingBox.left,
+      x,
-        y + boundingBox.top,
+      y,
       deltaX,
       deltaY,
       deltaZ,
@@ -642,7 +418,6 @@ class PageHandler {
       lineOrPageDeltaX,
       lineOrPageDeltaY,
       0 /* options */);
-    }, { muteNotificationsPopup: true });
   }
 
   async ['Page.insertText'](options) {
@@ -663,8 +438,8 @@ class PageHandler {
       dialog.dismiss();
   }
 
-  async ['Page.setInterceptFileChooserDialog']({ enabled }) {
+  async ['Page.setInterceptFileChooserDialog'](options) {
-    return await this._pageTarget.setInterceptFileChooserDialog(enabled);
+    return await this._contentPage.send('setInterceptFileChooserDialog', options);
   }
 
   async ['Page.startScreencast'](options) {

browser_patches/firefox/juggler/protocol/Protocol.js

@@ -15,11 +15,6 @@ browserTypes.TargetInfo = {
   openerId: t.Optional(t.String),
 };
 
-browserTypes.UserPreference = {
-  name: t.String,
-  value: t.Any,
-};
-
 browserTypes.CookieOptions = {
   name: t.String,
   value: t.String,
@@ -193,7 +188,6 @@ networkTypes.HTTPHeader = {
 networkTypes.HTTPCredentials = {
   username: t.String,
   password: t.String,
-  origin: t.Optional(t.String),
 };
 
 networkTypes.SecurityDetails = {
@@ -233,7 +227,6 @@ const Browser = {
       uuid: t.String,
       browserContextId: t.Optional(t.String),
       pageTargetId: t.String,
-      frameId: t.String,
       url: t.String,
       suggestedFileName: t.String,
     },
@@ -251,7 +244,6 @@ const Browser = {
     'enable': {
       params: {
         attachToDefaultContext: t.Boolean,
-        userPrefs: t.Optional(t.Array(browserTypes.UserPreference)),
       },
     },
     'createBrowserContext': {
@@ -288,7 +280,6 @@ const Browser = {
         headers: t.Array(networkTypes.HTTPHeader),
       },
     },
-    'clearCache': {},
     'setBrowserProxy': {
       params: {
         type: t.Enum(['http', 'https', 'socks', 'socks4']),
@@ -322,12 +313,6 @@ const Browser = {
         enabled: t.Boolean,
       },
     },
-    'setCacheDisabled': {
-      params: {
-        browserContextId: t.Optional(t.String),
-        cacheDisabled: t.Boolean,
-      },
-    },
     'setGeolocationOverride': {
       params: {
         browserContextId: t.Optional(t.String),
@@ -394,6 +379,12 @@ const Browser = {
         viewport: t.Nullable(pageTypes.Viewport),
       }
     },
+    'setScrollbarsHidden': {
+      params: {
+        browserContextId: t.Optional(t.String),
+        hidden: t.Boolean,
+      }
+    },
     'setInitScripts': {
       params: {
         browserContextId: t.Optional(t.String),
@@ -481,17 +472,6 @@ const Browser = {
   },
 };
 
-const Heap = {
-  targets: ['page'],
-  types: {},
-  events: {},
-  methods: {
-    'collectGarbage': {
-      params: {},
-    },
-  },
-};
-
 const Network = {
   targets: ['page'],
   types: networkTypes,
@@ -593,8 +573,6 @@ const Runtime = {
     'executionContextDestroyed': {
       executionContextId: t.String,
     },
-    'executionContextsCleared': {
-    },
     'console': {
       executionContextId: t.String,
       args: t.Array(runtimeTypes.RemoteObject),
@@ -678,6 +656,7 @@ const Page = {
     'navigationStarted': {
       frameId: t.String,
       navigationId: t.String,
+      url: t.String,
     },
     'navigationCommitted': {
       frameId: t.String,
@@ -841,6 +820,7 @@ const Page = {
       },
       returns: {
         navigationId: t.Nullable(t.String),
+        navigationURL: t.Nullable(t.String),
       }
     },
     'goBack': {
@@ -860,13 +840,14 @@ const Page = {
       },
     },
     'reload': {
-      params: { },
+      params: {
+        frameId: t.String,
+      },
     },
     'adoptNode': {
       params: {
         frameId: t.String,
-        // Missing objectId adopts frame owner.
+        objectId: t.String,
-        objectId: t.Optional(t.String),
         executionContextId: t.String,
       },
       returns: {
@@ -877,7 +858,6 @@ const Page = {
       params: {
         mimeType: t.Enum(['image/png', 'image/jpeg']),
         clip: pageTypes.Clip,
-        quality: t.Optional(t.Number),
         omitDeviceScaleFactor: t.Optional(t.Boolean),
       },
       returns: {
@@ -923,7 +903,7 @@ const Page = {
     },
     'dispatchMouseEvent': {
       params: {
-        type: t.Enum(['mousedown', 'mousemove', 'mouseup']),
+        type: t.String,
         button: t.Number,
         x: t.Number,
         y: t.Number,
@@ -1007,7 +987,7 @@ const Accessibility = {
 }
 
 this.protocol = {
-  domains: {Browser, Heap, Page, Runtime, Network, Accessibility},
+  domains: {Browser, Page, Runtime, Network, Accessibility},
 };
 this.checkScheme = checkScheme;
 this.EXPORTED_SYMBOLS = ['protocol', 'checkScheme'];

browser_patches/firefox/juggler/screencast/HeadlessWindowCapturer.cpp

@@ -19,9 +19,7 @@ using namespace webrtc;
 namespace mozilla {
 
 rtc::scoped_refptr<webrtc::VideoCaptureModuleEx> HeadlessWindowCapturer::Create(HeadlessWidget* headlessWindow) {
-  return rtc::scoped_refptr<webrtc::VideoCaptureModuleEx>(
+  return new rtc::RefCountedObject<HeadlessWindowCapturer>(headlessWindow);
-    new rtc::RefCountedObject<HeadlessWindowCapturer>(headlessWindow)
-  );
 }
 
 HeadlessWindowCapturer::HeadlessWindowCapturer(mozilla::widget::HeadlessWidget* window)
@@ -36,10 +34,6 @@ void HeadlessWindowCapturer::RegisterCaptureDataCallback(rtc::VideoSinkInterface
   rtc::CritScope lock2(&_callBackCs);
   _dataCallBacks.insert(dataCallback);
 }
-
-void HeadlessWindowCapturer::RegisterCaptureDataCallback(webrtc::RawVideoSinkInterface* dataCallback) {
-}
-
 void HeadlessWindowCapturer::DeRegisterCaptureDataCallback(rtc::VideoSinkInterface<webrtc::VideoFrame>* dataCallback) {
   rtc::CritScope lock2(&_callBackCs);
   auto it = _dataCallBacks.find(dataCallback);

browser_patches/firefox/juggler/screencast/HeadlessWindowCapturer.h

@@ -31,7 +31,6 @@ class HeadlessWindowCapturer : public webrtc::VideoCaptureModuleEx {
   int32_t StopCaptureIfAllClientsClose() override;
 
   void RegisterRawFrameCallback(webrtc::RawFrameCallback* rawFrameCallback) override;
-  void RegisterCaptureDataCallback(webrtc::RawVideoSinkInterface* dataCallback) override;
   void DeRegisterRawFrameCallback(webrtc::RawFrameCallback* rawFrameCallback) override;
 
   int32_t SetCaptureRotation(webrtc::VideoRotation) override { return -1; }

browser_patches/firefox/juggler/screencast/ScreencastEncoder.cpp

@@ -145,33 +145,11 @@ public:
         uint8_t* u_data = image->planes[VPX_PLANE_U];
         uint8_t* v_data = image->planes[VPX_PLANE_V];
 
-        /**
+        double src_width = src->width() - m_margin.LeftRight();
-         * Let's say we have the following image of 6x3 pixels (same number = same pixel value):
+        double src_height = src->height() - m_margin.top;
-         *  112233
+        // YUV offsets must be even.
-         *  112233
+        int yuvTopOffset = m_margin.top & 1 ? m_margin.top + 1 : m_margin.top;
-         *  445566
+        int yuvLeftOffset = m_margin.left & 1 ? m_margin.left + 1 : m_margin.left;
-         * In I420 format (see https://en.wikipedia.org/wiki/YUV), the image will have the following data planes:
-         *   Y [stride_Y = 6]:
-         *    112233
-         *    112233
-         *    445566
-         *   U [stride_U = 3] - this plane has aggregate for each 2x2 pixels:
-         *    123
-         *    456
-         *   V [stride_V = 3] - this plane has aggregate for each 2x2 pixels:
-         *    123
-         *    456
-         *
-         * To crop this image efficiently, we can move src_Y/U/V pointer and
-         * adjust the src_width and src_height. However, we must cut off only **even**
-         * amount of lines and columns to retain semantic of U and V planes which
-         * contain only 1/4 of pixel information.
-         */
-        int yuvTopOffset = m_margin.top + (m_margin.top & 1);
-        int yuvLeftOffset = m_margin.left + (m_margin.left & 1);
-
-        double src_width = src->width() - yuvLeftOffset;
-        double src_height = src->height() - yuvTopOffset;
 
         if (src_width > image->w || src_height > image->h) {
           double scale = std::min(image->w / src_width, image->h / src_height);

browser_patches/firefox/juggler/screencast/nsScreencastService.cpp

@@ -24,8 +24,6 @@
 #include "modules/video_capture/video_capture.h"
 #include "mozilla/widget/PlatformWidgetTypes.h"
 #include "video_engine/desktop_capture_impl.h"
-#include "VideoEngine.h"
-
 extern "C" {
 #include "jpeglib.h"
 }
@@ -57,7 +55,7 @@ rtc::scoped_refptr<webrtc::VideoCaptureModuleEx> CreateWindowCapturer(nsIWidget*
   windowId.AppendPrintf("%" PRIuPTR, rawWindowId);
   bool captureCursor = false;
   static int moduleId = 0;
-  return rtc::scoped_refptr<webrtc::VideoCaptureModuleEx>(webrtc::DesktopCaptureImpl::Create(++moduleId, windowId.get(), camera::CaptureDeviceType::Window, captureCursor));
+  return webrtc::DesktopCaptureImpl::Create(++moduleId, windowId.get(), CaptureDeviceType::Window, captureCursor);
 }
 
 nsresult generateUid(nsString& uid) {
@@ -82,7 +80,6 @@ class nsScreencastService::Session : public rtc::VideoSinkInterface<webrtc::Vide
                                      public webrtc::RawFrameCallback {
   Session(
     nsIScreencastServiceClient* client,
-    nsIWidget* widget,
     rtc::scoped_refptr<webrtc::VideoCaptureModuleEx>&& capturer,
     std::unique_ptr<ScreencastEncoder> encoder,
     int width, int height,
@@ -90,7 +87,6 @@ class nsScreencastService::Session : public rtc::VideoSinkInterface<webrtc::Vide
     gfx::IntMargin margin,
     uint32_t jpegQuality)
       : mClient(client)
-      , mWidget(widget)
       , mCaptureModule(std::move(capturer))
       , mEncoder(std::move(encoder))
       , mJpegQuality(jpegQuality)
@@ -106,20 +102,13 @@ class nsScreencastService::Session : public rtc::VideoSinkInterface<webrtc::Vide
   NS_INLINE_DECL_THREADSAFE_REFCOUNTING(Session)
   static RefPtr<Session> Create(
     nsIScreencastServiceClient* client,
-    nsIWidget* widget,
     rtc::scoped_refptr<webrtc::VideoCaptureModuleEx>&& capturer,
     std::unique_ptr<ScreencastEncoder> encoder,
     int width, int height,
     int viewportWidth, int viewportHeight,
     gfx::IntMargin margin,
     uint32_t jpegQuality) {
-    return do_AddRef(new Session(client, widget, std::move(capturer), std::move(encoder), width, height, viewportWidth, viewportHeight, margin, jpegQuality));
+    return do_AddRef(new Session(client, std::move(capturer), std::move(encoder), width, height, viewportWidth, viewportHeight, margin, jpegQuality));
-  }
-
-  rtc::scoped_refptr<webrtc::VideoCaptureModuleEx> ReuseCapturer(nsIWidget* widget) {
-    if (mWidget == widget)
-      return mCaptureModule;
-    return nullptr;
   }
 
   bool Start() {
@@ -129,7 +118,7 @@ class nsScreencastService::Session : public rtc::VideoSinkInterface<webrtc::Vide
     capability.height = 960;
     capability.maxFPS = ScreencastEncoder::fps;
     capability.videoType = webrtc::VideoType::kI420;
-    int error = mCaptureModule->StartCaptureCounted(capability);
+    int error = mCaptureModule->StartCapture(capability);
     if (error) {
       fprintf(stderr, "StartCapture error %d\n", error);
       return false;
@@ -152,7 +141,10 @@ class nsScreencastService::Session : public rtc::VideoSinkInterface<webrtc::Vide
       mCaptureModule->DeRegisterCaptureDataCallback(this);
     else
       mCaptureModule->DeRegisterRawFrameCallback(this);
-    mCaptureModule->StopCaptureCounted();
+    int error = mCaptureModule->StopCapture();
+    if (error) {
+      fprintf(stderr, "StopCapture error %d\n", error);
+    }
     if (mEncoder) {
       mEncoder->finish([this, protect = RefPtr{this}] {
         NS_DispatchToMainThread(NS_NewRunnableFunction(
@@ -287,7 +279,6 @@ class nsScreencastService::Session : public rtc::VideoSinkInterface<webrtc::Vide
 
  private:
   RefPtr<nsIScreencastServiceClient> mClient;
-  nsIWidget* mWidget;
   rtc::scoped_refptr<webrtc::VideoCaptureModuleEx> mCaptureModule;
   std::unique_ptr<ScreencastEncoder> mEncoder;
   uint32_t mJpegQuality;
@@ -331,14 +322,7 @@ nsresult nsScreencastService::StartVideoRecording(nsIScreencastServiceClient* aC
     return NS_ERROR_UNEXPECTED;
   nsIWidget* widget = view->GetWidget();
 
-  rtc::scoped_refptr<webrtc::VideoCaptureModuleEx> capturer = nullptr;
+  rtc::scoped_refptr<webrtc::VideoCaptureModuleEx> capturer = CreateWindowCapturer(widget);
-  for (auto& it : mIdToSession) {
-    capturer = it.second->ReuseCapturer(widget);
-    if (capturer)
-      break;
-  }
-  if (!capturer)
-    capturer = CreateWindowCapturer(widget);
   if (!capturer)
     return NS_ERROR_FAILURE;
 
@@ -365,7 +349,7 @@ nsresult nsScreencastService::StartVideoRecording(nsIScreencastServiceClient* aC
   NS_ENSURE_SUCCESS(rv, rv);
   sessionId = uid;
 
-  auto session = Session::Create(aClient, widget, std::move(capturer), std::move(encoder), width, height, viewportWidth, viewportHeight, margin, isVideo ? 0 : quality);
+  auto session = Session::Create(aClient, std::move(capturer), std::move(encoder), width, height, viewportWidth, viewportHeight, margin, isVideo ? 0 : quality);
   if (!session->Start())
     return NS_ERROR_FAILURE;
   mIdToSession.emplace(sessionId, std::move(session));

browser_patches/firefox/preferences/playwright.cfg

@@ -3,112 +3,31 @@
 // =================================================================
 // THESE ARE THE PROPERTIES THAT MUST BE ENABLED FOR JUGGLER TO WORK
 // =================================================================
-pref("dom.input_events.security.minNumTicks", 0);
-pref("dom.input_events.security.minTimeElapsedInMS", 0);
-
-pref("dom.iframe_lazy_loading.enabled", false);
 
 pref("datareporting.policy.dataSubmissionEnabled", false);
 pref("datareporting.policy.dataSubmissionPolicyAccepted", false);
 pref("datareporting.policy.dataSubmissionPolicyBypassNotification", true);
 
-// Force pdfs into downloads.
+// @see https://github.com/microsoft/playwright/issues/4297
+pref("browser.tabs.remote.useCrossOriginEmbedderPolicy", false);
+pref("browser.tabs.remote.useCrossOriginOpenerPolicy", false);
+
+pref("browser.tabs.remote.separatePrivilegedMozillaWebContentProcess", false);
+
 pref("pdfjs.disabled", true);
 
-// This preference breaks our authentication flow.
+// Disable all kinds of cross-process navigations until we are ready.
-pref("network.auth.use_redirect_for_retries", false);
+pref("fission.autostart", false);
-
-// Disable cross-process iframes, but not cross-process navigations.
 pref("fission.webContentIsolationStrategy", 0);
-
-// Disable BFCache in parent process.
-// We also separately disable BFCache in content via docSchell property.
 pref("fission.bfcacheInParent", false);
-
+// Avoid about:blank loading cross-process until we are ready.
-// Disable first-party-based cookie partitioning.
+pref("browser.tabs.remote.systemTriggeredAboutBlankAnywhere", true);
-// When it is enabled, we have to retain "thirdPartyCookie^" permissions
-// in the storageState.
-pref("network.cookie.cookieBehavior", 4);
-
-// Increase max number of child web processes so that new pages
-// get a new process by default and we have a process isolation
-// between pages from different contexts. If this becomes a performance
-// issue we can povide custom '@mozilla.org/ipc/processselector;1'
-pref("dom.ipc.processCount", 60000);
-
-// Never reuse processes as they may keep previously overridden values
-// (locale, timezone etc.).
-pref("dom.ipc.processPrelaunch.enabled", false);
-
-// Isolate permissions by user context.
-pref("permissions.isolateBy.userContext", true);
-
-// Allow creating files in content process - required for
-// |Page.setFileInputFiles| protocol method.
-pref("dom.file.createInChild", true);
-
-// Allow uploading directorys in content process.
-pref("dom.filesystem.pathcheck.disabled", true);
-
-// Do not warn when closing all open tabs
-pref("browser.tabs.warnOnClose", false);
-
-// Do not warn when closing all other open tabs
-pref("browser.tabs.warnOnCloseOtherTabs", false);
-
-// Do not warn when multiple tabs will be opened
-pref("browser.tabs.warnOnOpen", false);
-
-// Do not warn on quitting Firefox
-pref("browser.warnOnQuit", false);
-
-// Disable popup-blocker
-pref("dom.disable_open_during_load", false);
-
-// Disable the ProcessHangMonitor
-pref("dom.ipc.reportProcessHangs", false);
-pref("hangmonitor.timeout", 0);
-
-// Allow the application to have focus even it runs in the background
-pref("focusmanager.testmode", true);
-
-// No ICC color correction. We need this for reproducible screenshots.
-// See https://developer.mozilla.org/en/docs/Mozilla/Firefox/Releases/3.5/ICC_color_correction_in_Firefox.
-pref("gfx.color_management.mode", 0);
-pref("gfx.color_management.rendering_intent", 3);
-
-// Always use network provider for geolocation tests so we bypass the
-// macOS dialog raised by the corelocation provider
-pref("geo.provider.testing", true);
-
-
-
 
 // =================================================================
-// THESE ARE NICHE PROPERTIES THAT ARE NICE TO HAVE
 // =================================================================
 
-// Enable software-backed webgl. See https://phabricator.services.mozilla.com/D164016
+// @see https://github.com/microsoft/playwright/issues/8178
-pref("webgl.forbid-software", false);
+pref("dom.postMessage.sharedArrayBuffer.bypassCOOP_COEP.insecure.enabled", true);
-
-// Disable auto-fill for credit cards and addresses.
-// See https://github.com/microsoft/playwright/issues/21393
-pref("extensions.formautofill.creditCards.supported", "off");
-pref("extensions.formautofill.addresses.supported", "off");
-
-// Allow access to system-added self-signed certificates. This aligns
-// firefox behavior with other browser defaults.
-pref("security.enterprise_roots.enabled", true);
-
-// There's a security features warning that might be shown on certain Linux distributions & configurations:
-// https://support.mozilla.org/en-US/kb/install-firefox-linux#w_security-features-warning
-// This notification should never be shown in automation scenarios.
-pref("security.sandbox.warn_unprivileged_namespaces", false);
-
-// Avoid stalling on shutdown, after "xpcom-will-shutdown" phase.
-// This at least happens when shutting down soon after launching.
-// See AppShutdown.cpp for more details on shutdown phases.
-pref("toolkit.shutdown.fastShutdownStage", 3);
 
 // Use light theme by default.
 pref("ui.systemUsesDarkTheme", 0);
@@ -117,23 +36,26 @@ pref("ui.systemUsesDarkTheme", 0);
 // support for the new modal UI (see Bug 1686743).
 pref("prompts.contentPromptSubDialog", false);
 
+// Increase max number of child web processes so that new pages
+// get a new process by default and we have a process isolation
+// between pages from different contexts. If this becomes a performance
+// issue we can povide custom '@mozilla.org/ipc/processselector;1'
+//
+pref("dom.ipc.processCount", 60000);
+
+// Never reuse processes as they may keep previously overridden values
+// (locale, timezone etc.).
+pref("dom.ipc.processPrelaunch.enabled", false);
+
 // Do not use system colors - they are affected by themes.
 pref("ui.use_standins_for_native_colors", true);
 
-// Turn off the Push service.
+// Isolate permissions by user context.
+pref("permissions.isolateBy.userContext", true);
+
 pref("dom.push.serverURL", "");
-// Prevent Remote Settings (firefox.settings.services.mozilla.com) to issue non local connections.
+// This setting breaks settings loading.
 pref("services.settings.server", "");
-// Prevent location.services.mozilla.com to issue non local connections.
-pref("browser.region.network.url", "");
-pref("browser.pocket.enabled", false);
-pref("browser.newtabpage.activity-stream.feeds.topsites", false);
-// Disable sponsored tiles from "Mozilla Tiles Service"
-pref("browser.newtabpage.activity-stream.showSponsoredTopSites", false);
-// required to prevent non-local access to push.services.mozilla.com
-pref("dom.push.connection.enabled", false);
-// Prevent contile.services.mozilla.com to issue non local connections.
-pref("browser.topsites.contile.enabled", false);
 pref("browser.safebrowsing.provider.mozilla.updateURL", "");
 pref("browser.library.activity-stream.enabled", false);
 pref("browser.search.geoSpecificDefaults", false);
@@ -165,10 +87,14 @@ pref("browser.newtabpage.enabled", false);
 // Do not redirect user when a milstone upgrade of Firefox is detected
 pref("browser.startup.homepage_override.mstone", "ignore");
 
+pref("browser.tabs.remote.separateFileUriProcess", false);
+pref("security.sandbox.content.level", 2);
+
 // Disable topstories
 pref("browser.newtabpage.activity-stream.feeds.section.topstories", false);
 // DevTools JSONViewer sometimes fails to load dependencies with its require.js.
-// This spams console with a lot of unpleasant errors.
+// This doesn't affect Puppeteer operations, but spams console with a lot of
+// unpleasant errors.
 // (bug 1424372)
 pref("devtools.jsonview.enabled", false);
 
@@ -181,6 +107,10 @@ pref("devtools.jsonview.enabled", false);
 // (bug 1176798, bug 1177018, bug 1210465)
 pref("apz.content_response_timeout", 60000);
 
+// Allow creating files in content process - required for
+// |Page.setFileInputFiles| protocol method.
+pref("dom.file.createInChild", true);
+
 // Indicate that the download panel has been shown once so that
 // whichever download test runs first doesn't show the popup
 // inconsistently.
@@ -212,6 +142,15 @@ pref("browser.tabs.closeWindowWithLastTab", true);
 // unloaded
 pref("browser.tabs.disableBackgroundZombification", false);
 
+// Do not warn when closing all open tabs
+pref("browser.tabs.warnOnClose", false);
+
+// Do not warn when closing all other open tabs
+pref("browser.tabs.warnOnCloseOtherTabs", false);
+
+// Do not warn when multiple tabs will be opened
+pref("browser.tabs.warnOnOpen", false);
+
 // Disable first run splash page on Windows 10
 pref("browser.usedOnWindows10.introURL", "");
 
@@ -224,6 +163,9 @@ pref("browser.uitour.enabled", false);
 // network connections.
 pref("browser.urlbar.suggest.searches", false);
 
+// Do not warn on quitting Firefox
+pref("browser.warnOnQuit", false);
+
 // Do not show datareporting policy notifications which can
 // interfere with tests
 pref("datareporting.healthreport.documentServerURI", "");
@@ -236,6 +178,13 @@ pref("datareporting.healthreport.uploadEnabled", false);
 // Automatically unload beforeunload alerts
 pref("dom.disable_beforeunload", false);
 
+// Disable popup-blocker
+pref("dom.disable_open_during_load", false);
+
+// Disable the ProcessHangMonitor
+pref("dom.ipc.reportProcessHangs", false);
+pref("hangmonitor.timeout", 0);
+
 // Disable slow script dialogues
 pref("dom.max_chrome_script_run_time", 0);
 pref("dom.max_script_run_time", 0);
@@ -261,9 +210,21 @@ pref("extensions.webservice.discoverURL", "");
 pref("extensions.screenshots.disabled", true);
 pref("extensions.screenshots.upload-disabled", true);
 
+// Allow the application to have focus even it runs in the background
+pref("focusmanager.testmode", true);
+
 // Disable useragent updates
 pref("general.useragent.updates.enabled", false);
 
+// No ICC color correction.
+// See https://developer.mozilla.org/en/docs/Mozilla/Firefox/Releases/3.5/ICC_color_correction_in_Firefox.
+pref("gfx.color_management.mode", 0);
+pref("gfx.color_management.rendering_intent", 3);
+
+// Always use network provider for geolocation tests so we bypass the
+// macOS dialog raised by the corelocation provider
+pref("geo.provider.testing", true);
+
 // Do not scan Wifi
 pref("geo.wifi.scan", false);
 
@@ -328,8 +289,3 @@ pref("extensions.blocklist.enabled", false);
 // Force Firefox Devtools to open in a separate window.
 pref("devtools.toolbox.host", "window");
 
-// Disable auto translations
-pref("browser.translations.enable", false);
-
-// Disable spell check
-pref("layout.spellcheckDefault", 0);

browser_patches/roll_from_upstream.sh

@@ -1,44 +0,0 @@
-#!/usr/bin/env bash
-# A script to roll browser patches from internal repository.
-
-set -e
-set +x
-
-trap "cd $(pwd -P)" EXIT
-cd "$(dirname "$0")"
-
-SCRIPT_PATH=$(pwd -P)
-
-if [[ "$#" -ne 1 ]]; then
-  echo "Usage: $0 <path to playwright-browsers checkout>"
-  exit 1
-fi
-
-SOURCE_DIRECTORY="$1"
-
-if [[ $(basename "${SOURCE_DIRECTORY}") != "playwright-browsers" ]]; then
-  echo "ERROR: the source directory must be named 'playwright-browsers'"
-  exit 1
-fi
-
-if ! [[ -d "${SOURCE_DIRECTORY}/browser_patches" ]]; then
-  echo "ERROR: the ${SOURCE_DIRECTORY}/browser_patches does not exist"
-  exit 1
-fi
-
-files=(
-  "./firefox/juggler/"
-  "./firefox/patches/"
-  "./firefox/preferences/"
-  "./firefox/UPSTREAM_CONFIG.sh"
-  "./webkit/embedder/"
-  "./webkit/patches/"
-  "./webkit/pw_run.sh"
-  "./webkit/UPSTREAM_CONFIG.sh"
-  "./winldd/"
-)
-
-for file in "${files[@]}"; do
-  rsync -av --delete "${SOURCE_DIRECTORY}/browser_patches/${file}" "${SCRIPT_PATH}/${file}"
-done
-

browser_patches/webkit/UPSTREAM_CONFIG.sh

@@ -1,3 +1,3 @@
 REMOTE_URL="https://github.com/WebKit/WebKit.git"
 BASE_BRANCH="main"
-BASE_REVISION="76c95d6131edd36775a5eac01e297926fc974be8"
+BASE_REVISION="c888c485b787e204057b56d69536aae567ab8b3a"

browser_patches/webkit/embedder/Playwright/mac/AppDelegate.m

@@ -33,7 +33,6 @@
 #import <WebKit/WKUserContentControllerPrivate.h>
 #import <WebKit/WKWebViewConfigurationPrivate.h>
 #import <WebKit/WKWebViewPrivate.h>
-#import <WebKit/WKWebpagePreferencesPrivate.h>
 #import <WebKit/WKWebsiteDataStorePrivate.h>
 #import <WebKit/WebNSURLExtras.h>
 #import <WebKit/WebKit.h>
@@ -98,7 +97,7 @@ const NSActivityOptions ActivityOptions =
 
     for (NSString *argument in subArray) {
         if (![argument hasPrefix:@"--"])
-            _initialURL = [argument copy];
+            _initialURL = argument;
         if ([argument hasPrefix:@"--user-data-dir="]) {
             NSRange range = NSMakeRange(16, [argument length] - 16);
             _userDataDir = [[argument substringWithRange:range] copy];
@@ -181,7 +180,7 @@ const NSActivityOptions ActivityOptions =
         _WKWebsiteDataStoreConfiguration *configuration = [[[_WKWebsiteDataStoreConfiguration alloc] init] autorelease];
         if (_userDataDir) {
             // Local storage state should be stored in separate dirs for persistent contexts.
-            [configuration setUnifiedOriginStorageLevel:_WKUnifiedOriginStorageLevelNone];
+            [configuration setShouldUseCustomStoragePaths:YES];
 
             NSURL *cookieFile = [NSURL fileURLWithPath:[NSString stringWithFormat:@"%@/cookie.db", _userDataDir]];
             [configuration _setCookieStorageFile:cookieFile];
@@ -230,19 +229,14 @@ const NSActivityOptions ActivityOptions =
     if (!configuration) {
         configuration = [[WKWebViewConfiguration alloc] init];
         configuration.websiteDataStore = [self persistentDataStore];
-        configuration._controlledByAutomation = true;
+        configuration.preferences._fullScreenEnabled = YES;
-        configuration.preferences.elementFullscreenEnabled = YES;
         configuration.preferences._developerExtrasEnabled = YES;
         configuration.preferences._mediaDevicesEnabled = YES;
         configuration.preferences._mockCaptureDevicesEnabled = YES;
-        // Enable WebM support.
-        configuration.preferences._alternateWebMPlayerEnabled = YES;
         configuration.preferences._hiddenPageDOMTimerThrottlingEnabled = NO;
         configuration.preferences._hiddenPageDOMTimerThrottlingAutoIncreases = NO;
         configuration.preferences._pageVisibilityBasedProcessSuppressionEnabled = NO;
         configuration.preferences._domTimersThrottlingEnabled = NO;
-        // Do not auto play audio and video with sound.
-        configuration.defaultWebpagePreferences._autoplayPolicy = _WKWebsiteAutoplayPolicyAllowWithoutSound;
         _WKProcessPoolConfiguration *processConfiguration = [[[_WKProcessPoolConfiguration alloc] init] autorelease];
         processConfiguration.forceOverlayScrollbars = YES;
         configuration.processPool = [[[WKProcessPool alloc] _initWithConfiguration:processConfiguration] autorelease];
@@ -482,20 +476,8 @@ const NSActivityOptions ActivityOptions =
       decisionHandler(WKNavigationResponsePolicyAllow);
       return;
     }
-
     NSHTTPURLResponse *httpResponse = (NSHTTPURLResponse *)navigationResponse.response;
 
-    NSString *contentType = [httpResponse valueForHTTPHeaderField:@"Content-Type"];
-    if (!navigationResponse.canShowMIMEType && (contentType && [contentType length] > 0)) {
-        decisionHandler(WKNavigationResponsePolicyDownload);
-        return;
-    }
-
-    if (contentType && ([contentType isEqualToString:@"application/pdf"] || [contentType isEqualToString:@"text/pdf"])) {
-        decisionHandler(WKNavigationResponsePolicyDownload);
-        return;
-    }
-
     NSString *disposition = [[httpResponse allHeaderFields] objectForKey:@"Content-Disposition"];
     if (disposition && [disposition hasPrefix:@"attachment"]) {
         decisionHandler(WKNavigationResponsePolicyDownload);
@@ -514,12 +496,6 @@ const NSActivityOptions ActivityOptions =
     download.delegate = self;
 }
 
-// Always automatically accept requestStorageAccess dialog.
-- (void)_webView:(WKWebView *)webView requestStorageAccessPanelForDomain:(NSString *)requestingDomain underCurrentDomain:(NSString *)currentDomain completionHandler:(void (^)(BOOL result))completionHandler
-{
-    completionHandler(true);
-}
-
 #pragma mark WKDownloadDelegate
 
 - (void)download:(WKDownload *)download decideDestinationUsingResponse:(NSURLResponse *)response suggestedFilename:(NSString *)suggestedFilename completionHandler:(void (^)(NSURL * _Nullable destination))completionHandler

browser_patches/webkit/embedder/Playwright/mac/BrowserWindowController.m

@@ -67,22 +67,10 @@ static void* keyValueObservingContext = &keyValueObservingContext;
 
 - (NSRect)constrainFrameRect:(NSRect)frameRect toScreen:(NSScreen *)screen
 {
-    float kWindowControlBarHeight = 35;
+    // Retain the frame size, but make sure that
-
+    // the top of the window is always visible.
-    CGFloat screenHeight = screen.frame.size.height; // e.g. 1080
+    CGFloat yPos = NSHeight(self.screen.frame) - 100 - NSHeight(self.frame);
-    CGFloat windowHeight = self.frame.size.height; // e.g. 5000
+    return NSMakeRect(frameRect.origin.x, yPos, frameRect.size.width, frameRect.size.height);
-    CGFloat screenYOffset = screen.frame.origin.y; // screen arrangement offset
-
-    bool exceedsAtTheTop = (NSMaxY(frameRect) - screenYOffset) > screenHeight;
-    bool exceedsAtTheBottom = (frameRect.origin.y + windowHeight + -screenYOffset - kWindowControlBarHeight) < 0;
-    CGFloat newOriginY = frameRect.origin.y;
-    // if it exceeds the height, then we move it to the top of the screen
-    if (screenHeight > 0 && exceedsAtTheTop)
-        newOriginY = screenHeight - windowHeight - kWindowControlBarHeight + screenYOffset;
-    // if it exceeds the bottom, then we move it to the bottom of the screen but make sure that the control bar is still visible
-    else if (screenHeight > 0 && exceedsAtTheBottom)
-        newOriginY = -windowHeight + screenYOffset + kWindowControlBarHeight;
-    return NSMakeRect(frameRect.origin.x, newOriginY, frameRect.size.width, frameRect.size.height);
 }
 
 @end
@@ -211,7 +199,7 @@ static void* keyValueObservingContext = &keyValueObservingContext;
         | _WKRenderingProgressEventFirstLayoutAfterSuppressedIncrementalRendering
         | _WKRenderingProgressEventFirstPaintAfterSuppressedIncrementalRendering;
 
-    _webView.customUserAgent = @"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.4 Safari/605.1.15";
+    _webView.customUserAgent = @"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_2) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.4 Safari/605.1.15";
 
     _webView._usePlatformFindUI = NO;
 
@@ -682,12 +670,6 @@ static BOOL areEssentiallyEqual(double a, double b)
     }];
 }
 
-// Always automatically accept requestStorageAccess dialog.
-- (void)_webView:(WKWebView *)webView requestStorageAccessPanelForDomain:(NSString *)requestingDomain underCurrentDomain:(NSString *)currentDomain completionHandler:(void (^)(BOOL result))completionHandler
-{
-    completionHandler(true);
-}
-
 - (WKDragDestinationAction)_webView:(WKWebView *)webView dragDestinationActionMaskForDraggingInfo:(id)draggingInfo
 {
     return WKDragDestinationActionAny;
@@ -724,7 +706,7 @@ static BOOL areEssentiallyEqual(double a, double b)
     [_webView loadHTMLString:HTMLString baseURL:nil];
 }
 
-static NSSet *dataTypes(void)
+static NSSet *dataTypes()
 {
     return [WKWebsiteDataStore allWebsiteDataTypes];
 }
@@ -792,20 +774,8 @@ static NSSet *dataTypes(void)
       decisionHandler(WKNavigationResponsePolicyAllow);
       return;
     }
-
     NSHTTPURLResponse *httpResponse = (NSHTTPURLResponse *)navigationResponse.response;
 
-    NSString *contentType = [httpResponse valueForHTTPHeaderField:@"Content-Type"];
-    if (!navigationResponse.canShowMIMEType && (contentType && [contentType length] > 0)) {
-        decisionHandler(WKNavigationResponsePolicyDownload);
-        return;
-    }
-
-    if (contentType && ([contentType isEqualToString:@"application/pdf"] || [contentType isEqualToString:@"text/pdf"])) {
-        decisionHandler(WKNavigationResponsePolicyDownload);
-        return;
-    }
-
     NSString *disposition = [[httpResponse allHeaderFields] objectForKey:@"Content-Disposition"];
     if (disposition && [disposition hasPrefix:@"attachment"]) {
         decisionHandler(WKNavigationResponsePolicyDownload);

browser_patches/webkit/embedder/Playwright/win/CMakeLists.txt

@@ -29,6 +29,10 @@ list(APPEND Playwright_PRIVATE_LIBRARIES
 )
 
 WEBKIT_EXECUTABLE_DECLARE(Playwright)
+WEBKIT_WRAP_EXECUTABLE(Playwright
+    SOURCES ${TOOLS_DIR}/win/DLLLauncher/DLLLauncherMain.cpp Playwright.rc
+    LIBRARIES shlwapi
+)
 WEBKIT_EXECUTABLE(Playwright)
 
 set_target_properties(Playwright PROPERTIES WIN32_EXECUTABLE ON)

browser_patches/webkit/embedder/Playwright/win/Common.cpp

@@ -62,6 +62,14 @@ void computeFullDesktopFrame()
     s_windowSize.cy = scaleFactor * (desktop.bottom - desktop.top);
 }
 
+BOOL WINAPI DllMain(HINSTANCE dllInstance, DWORD reason, LPVOID)
+{
+    if (reason == DLL_PROCESS_ATTACH)
+        hInst = dllInstance;
+
+    return TRUE;
+}
+
 bool getAppDataFolder(_bstr_t& directory)
 {
     wchar_t appDataDirectory[MAX_PATH];

browser_patches/webkit/embedder/Playwright/win/Playwright.rc

@@ -0,0 +1,76 @@
+// Microsoft Visual C++ generated resource script.
+//
+#include "PlaywrightResource.h"
+
+#define APSTUDIO_READONLY_SYMBOLS
+/////////////////////////////////////////////////////////////////////////////
+//
+// Generated from the TEXTINCLUDE 2 resource.
+//
+#define APSTUDIO_HIDDEN_SYMBOLS
+#include "windows.h"
+#undef APSTUDIO_HIDDEN_SYMBOLS
+
+/////////////////////////////////////////////////////////////////////////////
+#undef APSTUDIO_READONLY_SYMBOLS
+
+/////////////////////////////////////////////////////////////////////////////
+// English (U.S.) resources
+
+#if !defined(AFX_RESOURCE_DLL) || defined(AFX_TARG_ENU)
+#ifdef _WIN32
+LANGUAGE LANG_ENGLISH, SUBLANG_ENGLISH_US
+#pragma code_page(1252)
+#endif //_WIN32
+
+/////////////////////////////////////////////////////////////////////////////
+//
+// Icon
+//
+
+// Icon with lowest ID value placed first to ensure application icon
+// remains consistent on all systems.
+IDI_PLAYWRIGHT         ICON                    "Playwright.ico"
+
+#ifdef APSTUDIO_INVOKED
+/////////////////////////////////////////////////////////////////////////////
+//
+// TEXTINCLUDE
+//
+
+1 TEXTINCLUDE 
+BEGIN
+    "PlaywrightResource.\0"
+END
+
+2 TEXTINCLUDE 
+BEGIN
+    "#define APSTUDIO_HIDDEN_SYMBOLS\r\n"
+    "#include ""windows.h""\r\n"
+    "#undef APSTUDIO_HIDDEN_SYMBOLS\r\n"
+    "\0"
+END
+
+3 TEXTINCLUDE 
+BEGIN
+    "\r\n"
+    "\0"
+END
+
+#endif    // APSTUDIO_INVOKED
+
+#endif    // English (U.S.) resources
+/////////////////////////////////////////////////////////////////////////////
+
+
+
+#ifndef APSTUDIO_INVOKED
+/////////////////////////////////////////////////////////////////////////////
+//
+// Generated from the TEXTINCLUDE 3 resource.
+//
+
+
+/////////////////////////////////////////////////////////////////////////////
+#endif    // not APSTUDIO_INVOKED
+

browser_patches/webkit/embedder/Playwright/win/WebKitBrowserWindow.cpp

@@ -34,7 +34,6 @@
 #include <WebKit/WKCredential.h>
 #include <WebKit/WKFramePolicyListener.h>
 #include <WebKit/WKInspector.h>
-#include <WebKit/WKPagePrivate.h>
 #include <WebKit/WKProtectionSpace.h>
 #include <WebKit/WKProtectionSpaceCurl.h>
 #include <WebKit/WKWebsiteDataStoreRef.h>
@@ -100,11 +99,9 @@ WebKitBrowserWindow::WebKitBrowserWindow(BrowserWindowClient& client, HWND mainW
     WKPagePolicyClientV1 policyClient = { };
     policyClient.base.version = 1;
     policyClient.base.clientInfo = this;
-    policyClient.decidePolicyForResponse = decidePolicyForResponse;
+    policyClient.decidePolicyForResponse_deprecatedForUseWithV0 = decidePolicyForResponse;
     policyClient.decidePolicyForNavigationAction = decidePolicyForNavigationAction;
     WKPageSetPagePolicyClient(page, &policyClient.base);
-
-    WKPageSetControlledByAutomation(page, true);
     resetZoom();
 }
 
@@ -402,10 +399,9 @@ void WebKitBrowserWindow::decidePolicyForNavigationAction(WKPageRef page, WKFram
     WKFramePolicyListenerUse(listener);
 }
 
-void WebKitBrowserWindow::decidePolicyForResponse(WKPageRef page, WKFrameRef frame, WKURLResponseRef response, WKURLRequestRef request, bool canShowMIMEType, WKFramePolicyListenerRef listener, WKTypeRef userData, const void* clientInfo)
+void WebKitBrowserWindow::decidePolicyForResponse(WKPageRef page, WKFrameRef frame, WKURLResponseRef response, WKURLRequestRef request, WKFramePolicyListenerRef listener, WKTypeRef userData, const void* clientInfo)
 {
-    // Safari renders resources without content-type as text.
+    if (WKURLResponseIsAttachment(response))
-    if (WKURLResponseIsAttachment(response) || (!WKStringIsEmpty(WKURLResponseCopyMIMEType(response)) && !canShowMIMEType))
         WKFramePolicyListenerDownload(listener);
     else
         WKFramePolicyListenerUse(listener);

browser_patches/webkit/embedder/Playwright/win/WebKitBrowserWindow.h

@@ -73,7 +73,7 @@ private:
     static WKRect getWindowFrame(WKPageRef page, const void *clientInfo);
     static void didNotHandleKeyEvent(WKPageRef, WKNativeEventPtr, const void*);
     static void decidePolicyForNavigationAction(WKPageRef, WKFrameRef, WKFrameNavigationType, WKEventModifiers, WKEventMouseButton, WKFrameRef, WKURLRequestRef, WKFramePolicyListenerRef, WKTypeRef, const void* clientInfo);
-    static void decidePolicyForResponse(WKPageRef, WKFrameRef, WKURLResponseRef, WKURLRequestRef, bool, WKFramePolicyListenerRef, WKTypeRef, const void*);
+    static void decidePolicyForResponse(WKPageRef, WKFrameRef, WKURLResponseRef, WKURLRequestRef, WKFramePolicyListenerRef, WKTypeRef, const void*);
 
     BrowserWindowClient& m_client;
     WKRetainPtr<WKViewRef> m_view;

browser_patches/webkit/embedder/Playwright/win/WinMain.cpp

@@ -70,7 +70,6 @@ static void configureDataStore(WKWebsiteDataStoreRef dataStore) {
 
 int WINAPI wWinMain(_In_ HINSTANCE hInstance, _In_opt_ HINSTANCE hPrevInstance, _In_ LPWSTR lpstrCmdLine, _In_ int nCmdShow)
 {
-    hInst = hInstance;
 #ifdef _CRTDBG_MAP_ALLOC
     _CrtSetReportFile(_CRT_WARN, _CRTDBG_FILE_STDERR);
     _CrtSetReportMode(_CRT_WARN, _CRTDBG_MODE_FILE);
@@ -166,3 +165,8 @@ exit:
 
     return static_cast<int>(msg.wParam);
 }
+
+extern "C" __declspec(dllexport) int WINAPI dllLauncherEntryPoint(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPWSTR lpstrCmdLine, int nCmdShow)
+{
+    return wWinMain(hInstance, hPrevInstance, lpstrCmdLine, nCmdShow);
+}

browser_patches/webkit/pw_run.sh

@@ -1,14 +1,11 @@
-#!/usr/bin/env bash
+#!/bin/bash
-
-function getWebkitCheckoutPath() {
-  echo ${WK_CHECKOUT_PATH:-"$HOME/webkit"}
-}
 
 function runOSX() {
   # if script is run as-is
-  WK_CHECKOUT_PATH=$(getWebkitCheckoutPath)
+  if [[ -f "${SCRIPT_PATH}/EXPECTED_BUILDS" && -n "$WK_CHECKOUT_PATH" && -d "$WK_CHECKOUT_PATH/WebKitBuild/Release/Playwright.app" ]]; then
-  if [[ -f "${SCRIPT_PATH}/EXPECTED_BUILDS" && -d "$WK_CHECKOUT_PATH/WebKitBuild/Release/Playwright.app" ]]; then
     DYLIB_PATH="$WK_CHECKOUT_PATH/WebKitBuild/Release"
+  elif [[ -f "${SCRIPT_PATH}/EXPECTED_BUILDS" && -d "$HOME/webkit/WebKitBuild/Release/Playwright.app" ]]; then
+    DYLIB_PATH="$HOME/webkit/WebKitBuild/Release"
   elif [[ -d $SCRIPT_PATH/Playwright.app ]]; then
     DYLIB_PATH="$SCRIPT_PATH"
   elif [[ -d $SCRIPT_PATH/WebKitBuild/Release/Playwright.app ]]; then
@@ -26,30 +23,29 @@ function runLinux() {
   GIO_DIR="";
   LD_PATH="";
   BUNDLE_DIR="";
-  DEPENDENCIES_FOLDER="WebKitBuild/DependenciesGTK";
+  DEPENDENCIES_FOLDER="DependenciesGTK";
   MINIBROWSER_FOLDER="minibrowser-gtk";
   BUILD_FOLDER="WebKitBuild/GTK";
   if [[ "$*" == *--headless* ]]; then
-    DEPENDENCIES_FOLDER="WebKitBuild/DependenciesWPE";
+    DEPENDENCIES_FOLDER="DependenciesWPE";
     MINIBROWSER_FOLDER="minibrowser-wpe";
     BUILD_FOLDER="WebKitBuild/WPE";
   fi
   # Setting extra environment variables like LD_LIBRARY_PATH or WEBKIT_INJECTED_BUNDLE_PATH
   # is only needed when calling MiniBrowser from the build folder. The MiniBrowser from
   # the zip bundle wrapper already sets itself the needed env variables.
-  WK_CHECKOUT_PATH=$(getWebkitCheckoutPath)
   if [[ -d $SCRIPT_PATH/$MINIBROWSER_FOLDER ]]; then
     MINIBROWSER="$SCRIPT_PATH/$MINIBROWSER_FOLDER/MiniBrowser"
-  elif [[ -d $WK_CHECKOUT_PATH/$BUILD_FOLDER ]]; then
+  elif [[ -d $HOME/webkit/$BUILD_FOLDER ]]; then
-    LD_PATH="$WK_CHECKOUT_PATH/$DEPENDENCIES_FOLDER/Root/lib:$SCRIPT_PATH/checkout/$BUILD_FOLDER/Release/bin"
+    LD_PATH="$HOME/webkit/$BUILD_FOLDER/$DEPENDENCIES_FOLDER/Root/lib:$SCRIPT_PATH/checkout/$BUILD_FOLDER/Release/bin"
-    GIO_DIR="$WK_CHECKOUT_PATH/$DEPENDENCIES_FOLDER/Root/lib/gio/modules"
+    GIO_DIR="$HOME/webkit/$BUILD_FOLDER/$DEPENDENCIES_FOLDER/Root/lib/gio/modules"
-    BUNDLE_DIR="$WK_CHECKOUT_PATH/$BUILD_FOLDER/Release/lib"
+    BUNDLE_DIR="$HOME/webkit/$BUILD_FOLDER/Release/lib"
-    MINIBROWSER="$WK_CHECKOUT_PATH/$BUILD_FOLDER/Release/bin/MiniBrowser"
+    MINIBROWSER="$HOME/webkit/$BUILD_FOLDER/Release/bin/MiniBrowser"
   elif [[ -f $SCRIPT_PATH/MiniBrowser ]]; then
     MINIBROWSER="$SCRIPT_PATH/MiniBrowser"
   elif [[ -d $SCRIPT_PATH/$BUILD_FOLDER ]]; then
-    LD_PATH="$SCRIPT_PATH/$DEPENDENCIES_FOLDER/Root/lib:$SCRIPT_PATH/$BUILD_FOLDER/Release/bin"
+    LD_PATH="$SCRIPT_PATH/$BUILD_FOLDER/$DEPENDENCIES_FOLDER/Root/lib:$SCRIPT_PATH/$BUILD_FOLDER/Release/bin"
-    GIO_DIR="$SCRIPT_PATH/$DEPENDENCIES_FOLDER/Root/lib/gio/modules"
+    GIO_DIR="$SCRIPT_PATH/$BUILD_FOLDER/$DEPENDENCIES_FOLDER/Root/lib/gio/modules"
     BUNDLE_DIR="$SCRIPT_PATH/$BUILD_FOLDER/Release/lib"
     MINIBROWSER="$SCRIPT_PATH/$BUILD_FOLDER/Release/bin/MiniBrowser"
   else

browser_patches/winldd/archive.sh

@@ -1,4 +1,4 @@
-#!/usr/bin/env bash
+#!/bin/bash
 set -e
 set +x
 
@@ -39,4 +39,5 @@ fi
 
 # create a TMP directory to copy all necessary files
 cd ./x64/Release
-7z a "$ZIP_PATH" ./PrintDeps.exe
+zip $ZIP_PATH ./PrintDeps.exe
+

browser_patches/winldd/build.sh

@@ -1,4 +1,4 @@
-#!/usr/bin/env bash
+#!/bin/bash
 set -e
 set +x
 

browser_patches/winldd/clean.sh

@@ -1,4 +1,4 @@
-#!/usr/bin/env bash
+#!/bin/bash
 set -e
 set +x
 

docs/src/accessibility-testing-java.md

@@ -3,8 +3,6 @@ id: accessibility-testing
 title: "Accessibility testing"
 ---
 
-## Introduction
-
 Playwright can be used to test your application for many types of accessibility issues.
 
 A few examples of problems this can catch include:
@@ -14,6 +12,8 @@ A few examples of problems this can catch include:
 
 The following examples rely on the [`com.deque.html.axe-core/playwright`](https://mvnrepository.com/artifact/com.deque.html.axe-core/playwright) Maven package which adds support for running the [axe accessibility testing engine](https://www.deque.com/axe/) as part of your Playwright tests.
 
+<!-- TOC -->
+
 ## Disclaimer
 
 Automated accessibility tests can detect some common accessibility problems such as missing or invalid properties. But many accessibility problems can only be discovered through manual testing. We recommend using a combination of automated testing, manual accessibility assessments, and inclusive user testing.
@@ -70,9 +70,8 @@ For example, you can use [`AxeBuilder.include()`](https://github.com/dequelabs/a
 `AxeBuilder.analyze()` will scan the page *in its current state* when you call it. To scan parts of a page that are revealed based on UI interactions, use [Locators](./locators.md) to interact with the page before invoking `analyze()`:
 
 ```java
-public class HomepageTests {
+@Test
-  @Test
+void navigationMenuFlyoutShouldNotHaveAutomaticallyDetectableAccessibilityViolations() throws Exception {
-  void navigationMenuFlyoutShouldNotHaveAutomaticallyDetectableAccessibilityViolations() throws Exception {
   page.navigate("https://your-site.com/");
 
   page.locator("button[aria-label=\"Navigation Menu\"]").click();
@@ -87,13 +86,12 @@ public class HomepageTests {
     .analyze();
 
   assertEquals(Collections.emptyList(), accessibilityScanResults.getViolations());
-  }
 }
 ```
 
 ### Example 3: Scanning for WCAG violations
 
-By default, axe checks against a wide variety of accessibility rules. Some of these rules correspond to specific success criteria from the [Web Content Accessibility Guidelines (WCAG)](https://www.w3.org/TR/WCAG21/), and others are "best practice" rules that are not specifically required by any WCAG criterion.
+By default, axe checks against a wide variety of accessibility rules. Some of these rules correspond to specific success criteria from the [Web Content Accessibility Guidelines (WCAG)](https://www.w3.org/TR/WCAG21/), and others are "best practice" rules that are not specifically required by any WCAG criteron.
 
 You can constrain an accessibility scan to only run those rules which are "tagged" as corresponding to specific WCAG success criteria by using [`AxeBuilder.withTags()`](https://github.com/dequelabs/axe-core-maven-html/blob/develop/playwright/README.md#axebuilderwithtagsliststring-rules). For example, [Accessibility Insights for Web's Automated Checks](https://accessibilityinsights.io/docs/web/getstarted/fastpass/?referrer=playwright-accessibility-testing-java) only include axe rules that test for violations of WCAG A and AA success criteria; to match that behavior, you would use the tags `wcag2a`, `wcag2aa`, `wcag21a`, and `wcag21aa`.
 
@@ -135,7 +133,7 @@ If the element in question is used repeatedly in many pages, consider [using a t
 
 ### Disabling individual scan rules
 
-If your application contains many different preexisting violations of a specific rule, you can use [`AxeBuilder.disableRules()`](https://github.com/dequelabs/axe-core-maven-html/blob/develop/playwright/README.md#axebuilderdisablerulesliststring-rules) to temporarily disable individual rules until you're able to fix the issues.
+If your application contains many different pre-existing violations of a specific rule, you can use [`AxeBuilder.disableRules()`](https://github.com/dequelabs/axe-core-maven-html/blob/develop/playwright/README.md#axebuilderdisablerulesliststring-rules) to temporarily disable individual rules until you're able to fix the issues.
 
 You can find the rule IDs to pass to `disableRules()` in the `id` property of the violations you want to suppress. A [complete list of axe's rules](https://github.com/dequelabs/axe-core/blob/master/doc/rule-descriptions.md) can be found in `axe-core`'s documentation.
 
@@ -160,9 +158,8 @@ This approach avoids the downsides of using `AxeBuilder.exclude()` at the cost o
 Here is an example of using fingerprints based on only rule IDs and "target" selectors pointing to each violation:
 
 ```java
-public class HomepageTests {
+@Test
-  @Test
+shouldOnlyHaveAccessibilityViolationsMatchingKnownFingerprints() throws Exception {
-  shouldOnlyHaveAccessibilityViolationsMatchingKnownFingerprints() throws Exception {
   page.navigate("https://your-site.com/");
 
   AxeResults accessibilityScanResults = new AxeBuilder(page).analyze();
@@ -174,15 +171,15 @@ public class HomepageTests {
     new ViolationFingerprint("color-contrast", "[li:nth-child(2) > span]"),
     new ViolationFingerprint("label", "[input]")
   ), violationFingerprints);
-  }
+}
 
-  // You can make your "fingerprint" as specific as you like. This one considers a violation to be
+// You can make your "fingerprint" as specific as you like. This one considers a violation to be
-  // "the same" if it corresponds the same Axe rule on the same element.
+// "the same" if it corresponds the same Axe rule on the same element.
-  //
+//
-  // Using a record type makes it easy to compare fingerprints with assertEquals
+// Using a record type makes it easy to compare fingerprints with assertEquals
-  public record ViolationFingerprint(String ruleId, String target) { }
+public record ViolationFingerprint(String ruleId, String target) { }
 
-  public List<ViolationFingerprint> fingerprintsFromScanResults(AxeResults results) {
+public List<ViolationFingerprint> fingerprintsFromScanResults(AxeResults results) {
   return results.getViolations().stream()
     // Each violation refers to one rule and multiple "nodes" which violate it
     .flatMap(violation -> violation.getNodes().stream()
@@ -193,7 +190,6 @@ public class HomepageTests {
         node.getTarget().toString()
       )))
     .collect(Collectors.toList());
-  }
 }
 ```
 
@@ -214,8 +210,8 @@ This example fixture creates an `AxeBuilder` object which is pre-configured with
 class AxeTestFixtures extends TestFixtures {
   AxeBuilder makeAxeBuilder() {
     return new AxeBuilder(page)
-     .withTags(new String[]{"wcag2a", "wcag2aa", "wcag21a", "wcag21aa"})
+      .withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa'])
-     .exclude("#commonly-reused-element-with-known-issue");
+      .exclude('#commonly-reused-element-with-known-issue');
   }
 }
 ```
@@ -233,12 +229,10 @@ public class HomepageTests extends AxeTestFixtures {
     AxeResults accessibilityScanResults = makeAxeBuilder()
       // Automatically uses the shared AxeBuilder configuration,
       // but supports additional test-specific configuration too
-      .include("#specific-element-under-test")
+      .include('#specific-element-under-test')
       .analyze();
 
     assertEquals(Collections.emptyList(), accessibilityScanResults.getViolations());
   }
 }
 ```
-
-See experimental [JUnit integration](./junit.md) to automatically initialize Playwright objects and more.

docs/src/accessibility-testing-js.md

@@ -3,8 +3,6 @@ id: accessibility-testing
 title: "Accessibility testing"
 ---
 
-## Introduction
-
 Playwright can be used to test your application for many types of accessibility issues.
 
 A few examples of problems this can catch include:
@@ -14,7 +12,7 @@ A few examples of problems this can catch include:
 
 The following examples rely on the [`@axe-core/playwright`](https://npmjs.org/@axe-core/playwright) package which adds support for running the [axe accessibility testing engine](https://www.deque.com/axe/) as part of your Playwright tests.
 
-:::note[Disclaimer]
+:::note Disclaimer
 Automated accessibility tests can detect some common accessibility problems such as missing or invalid properties. But many accessibility problems can only be discovered through manual testing. We recommend using a combination of automated testing, manual accessibility assessments, and inclusive user testing.
 
 For manual assessments, we recommend [Accessibility Insights for Web](https://accessibilityinsights.io/docs/web/overview/?referrer=playwright-accessibility-testing-js), a free and open source dev tool that walks you through assessing a website for [WCAG 2.1 AA](https://www.w3.org/WAI/WCAG21/quickref/?currentsidebar=%23col_customize&levels=aaa) coverage.
@@ -73,9 +71,7 @@ For example, you can use [`AxeBuilder.include()`](https://github.com/dequelabs/a
 `AxeBuilder.analyze()` will scan the page *in its current state* when you call it. To scan parts of a page that are revealed based on UI interactions, use [Locators](./locators.md) to interact with the page before invoking `analyze()`:
 
 ```js
-test('navigation menu should not have automatically detectable accessibility violations', async ({
+test('navigation menu flyout should not have automatically detectable accessibility violations', async ({ page }) => {
-  page,
-}) => {
   await page.goto('https://your-site.com/');
 
   await page.getByRole('button', { name: 'Navigation Menu' }).click();
@@ -95,11 +91,11 @@ test('navigation menu should not have automatically detectable accessibility vio
 
 ### Scanning for WCAG violations
 
-By default, axe checks against a wide variety of accessibility rules. Some of these rules correspond to specific success criteria from the [Web Content Accessibility Guidelines (WCAG)](https://www.w3.org/TR/WCAG21/), and others are "best practice" rules that are not specifically required by any WCAG criterion.
+By default, axe checks against a wide variety of accessibility rules. Some of these rules correspond to specific success criteria from the [Web Content Accessibility Guidelines (WCAG)](https://www.w3.org/TR/WCAG21/), and others are "best practice" rules that are not specifically required by any WCAG criteron.
 
 You can constrain an accessibility scan to only run those rules which are "tagged" as corresponding to specific WCAG success criteria by using [`AxeBuilder.withTags()`](https://github.com/dequelabs/axe-core-npm/blob/develop/packages/playwright/README.md#axebuilderwithtagstags-stringarray). For example, [Accessibility Insights for Web's Automated Checks](https://accessibilityinsights.io/docs/web/getstarted/fastpass/?referrer=playwright-accessibility-testing-js) only include axe rules that test for violations of WCAG A and AA success criteria; to match that behavior, you would use the tags `wcag2a`, `wcag2aa`, `wcag21a`, and `wcag21aa`.
 
-Note that automated testing cannot detect all types of WCAG violations.
+Note that [automated testing cannot detect all types of WCAG violations](#disclaimer).
 
 ```js
 test('should not have any automatically detectable WCAG A or AA violations', async ({ page }) => {
@@ -130,9 +126,7 @@ This is usually the simplest option, but it has some important downsides:
 Here is an example of excluding one element from being scanned in one specific test:
 
 ```js
-test('should not have any accessibility violations outside of elements with known issues', async ({
+test('should not have any accessibility violations outside of elements with known issues', async ({ page }) => {
-  page,
-}) => {
   await page.goto('https://your-site.com/page-with-known-issues');
 
   const accessibilityScanResults = await new AxeBuilder({ page })
@@ -147,14 +141,12 @@ If the element in question is used repeatedly in many pages, consider [using a t
 
 ### Disabling individual scan rules
 
-If your application contains many different preexisting violations of a specific rule, you can use [`AxeBuilder.disableRules()`](https://github.com/dequelabs/axe-core-npm/blob/develop/packages/playwright/README.md#axebuilderdisablerulesrules-stringarray) to temporarily disable individual rules until you're able to fix the issues.
+If your application contains many different pre-existing violations of a specific rule, you can use [`AxeBuilder.disableRules()`](https://github.com/dequelabs/axe-core-npm/blob/develop/packages/playwright/README.md#axebuilderdisablerulesrules-stringarray) to temporarily disable individual rules until you're able to fix the issues.
 
 You can find the rule IDs to pass to `disableRules()` in the `id` property of the violations you want to suppress. A [complete list of axe's rules](https://github.com/dequelabs/axe-core/blob/master/doc/rule-descriptions.md) can be found in `axe-core`'s documentation.
 
 ```js
-test('should not have any accessibility violations outside of rules with known issues', async ({
+test('should not have any accessibility violations outside of rules with known issues', async ({ page }) => {
-  page,
-}) => {
   await page.goto('https://your-site.com/page-with-known-issues');
 
   const accessibilityScanResults = await new AxeBuilder({ page })
@@ -167,7 +159,7 @@ test('should not have any accessibility violations outside of rules with known i
 
 ### Using snapshots to allow specific known issues
 
-If you would like to allow for a more granular set of known issues, you can use [Snapshots](./test-snapshots.md) to verify that a set of preexisting violations has not changed. This approach avoids the downsides of using `AxeBuilder.exclude()` at the cost of slightly more complexity and fragility.
+If you would like to allow for a more granular set of known issues, you can use [Snapshots](./test-snapshots.md) to verify that a set of pre-existing violations has not changed. This approach avoids the downsides of using `AxeBuilder.exclude()` at the cost of slightly more complexity and fragility.
 
 Do not use a snapshot of the entire `accessibilityScanResults.violations` array. It contains implementation details of the elements in question, such as a snippet of their rendered HTML; if you include these in your snapshots, it will make your tests prone to breaking every time one of the components in question changes for an unrelated reason:
 
@@ -231,7 +223,8 @@ The following example demonstrates creating and using a test fixture that covers
 
 This example fixture creates an `AxeBuilder` object which is pre-configured with shared `withTags()` and `exclude()` configuration.
 
-```js tab=js-ts title="axe-test.ts"
+```js tab=js-ts
+// axe-test.ts
 import { test as base } from '@playwright/test';
 import AxeBuilder from '@axe-core/playwright';
 

docs/src/actionability.md

@@ -3,13 +3,11 @@ id: actionability
 title: "Auto-waiting"
 ---
 
-## Introduction
-
 Playwright performs a range of actionability checks on the elements before making actions to ensure these actions
 behave as expected. It auto-waits for all the relevant checks to pass and only then performs the requested action. If the required checks do not pass within the given `timeout`, action fails with the `TimeoutError`.
 
-For example, for [`method: Locator.click`], Playwright will ensure that:
+For example, for [`method: Page.click`], Playwright will ensure that:
-- locator resolves to exactly one element
+- element is [Attached] to the DOM
 - element is [Visible]
 - element is [Stable], as in not animating or completed animation
 - element [Receives Events], as in not obscured by other elements
@@ -17,75 +15,72 @@ For example, for [`method: Locator.click`], Playwright will ensure that:
 
 Here is the complete list of actionability checks performed for each action:
 
-| Action | [Visible] | [Stable] | [Receives Events] | [Enabled] | [Editable] |
+| Action | [Attached] | [Visible] | [Stable] | [Receives Events] | [Enabled] | [Editable] |
-| :- | :-: | :-: | :-: | :-: | :-: |
+| :- | :-: | :-: | :-: | :-: | :-: | :-: |
-| [`method: Locator.check`] | Yes | Yes | Yes | Yes | - |
+| check | Yes | Yes | Yes | Yes | Yes | - |
-| [`method: Locator.click`] | Yes | Yes | Yes | Yes | - |
+| click | Yes | Yes | Yes | Yes | Yes | - |
-| [`method: Locator.dblclick`] | Yes | Yes | Yes | Yes | - |
+| dblclick | Yes | Yes | Yes | Yes | Yes | - |
-| [`method: Locator.setChecked`] | Yes | Yes | Yes | Yes | - |
+| setChecked | Yes | Yes | Yes | Yes | Yes | - |
-| [`method: Locator.tap`] | Yes | Yes | Yes | Yes | - |
+| tap | Yes | Yes | Yes | Yes | Yes | - |
-| [`method: Locator.uncheck`] | Yes | Yes | Yes | Yes | - |
+| uncheck | Yes | Yes | Yes | Yes | Yes | - |
-| [`method: Locator.hover`] | Yes | Yes | Yes | - | - |
+| hover | Yes | Yes | Yes | Yes | - | - |
-| [`method: Locator.dragTo`] | Yes | Yes | Yes | - | - |
+| scrollIntoViewIfNeeded | Yes | - | Yes | - | - | - |
-| [`method: Locator.screenshot`] | Yes | Yes | - | - | - |
+| screenshot | Yes | Yes | Yes | - | - | - |
-| [`method: Locator.fill`] | Yes | - | - | Yes | Yes |
+| fill | Yes | Yes | - | - | Yes | Yes |
-| [`method: Locator.clear`] | Yes | - | - | Yes | Yes |
+| selectText | Yes | Yes | - | - | - | - |
-| [`method: Locator.selectOption`] | Yes | - | - | Yes | - |
+| dispatchEvent | Yes | - | - | - | - | - |
-| [`method: Locator.selectText`] | Yes | - | - | - | - |
+| focus | Yes | - | - | - | - | - |
-| [`method: Locator.scrollIntoViewIfNeeded`] | - | Yes | - | - | - |
+| getAttribute | Yes | - | - | - | - | - |
-| [`method: Locator.blur`] | - | - | - | - | - |
+| innerText | Yes | - | - | - | - | - |
-| [`method: Locator.dispatchEvent`] | - | - | - | - | - |
+| innerHTML | Yes | - | - | - | - | - |
-| [`method: Locator.focus`] | - | - | - | - | - |
+| press | Yes | - | - | - | - | - |
-| [`method: Locator.press`] | - | - | - | - | - |
+| setInputFiles | Yes | - | - | - | - | - |
-| [`method: Locator.pressSequentially`] | - | - | - | - | - |
+| selectOption | Yes | Yes | - | - | Yes | - |
-| [`method: Locator.setInputFiles`] | - | - | - | - | - |
+| textContent | Yes | - | - | - | - | - |
+| type | Yes | - | - | - | - | - |
+
+<br/>
 
 ## Forcing actions
 
-Some actions like [`method: Locator.click`] support `force` option that disables non-essential actionability checks,
+Some actions like [`method: Page.click`] support `force` option that disables non-essential actionability checks,
-for example passing truthy `force` to [`method: Locator.click`] method will not check that the target element actually
+for example passing truthy `force` to [`method: Page.click`] method will not check that the target element actually
 receives click events.
 
 ## Assertions
 
-Playwright includes auto-retrying assertions that remove flakiness by waiting until the condition is met, similarly to auto-waiting before actions.
+You can check the actionability state of the element using one of the following methods as well. This is typically
+not necessary, but it helps writing assertive tests that ensure that after certain actions, elements reach
+actionable state:
 
-| Assertion | Description |
+- [`method: ElementHandle.isChecked`]
-| :- | :- |
+- [`method: ElementHandle.isDisabled`]
-| [`method: LocatorAssertions.toBeAttached`] | Element is attached |
+- [`method: ElementHandle.isEditable`]
-| [`method: LocatorAssertions.toBeChecked`] | Checkbox is checked |
+- [`method: ElementHandle.isEnabled`]
-| [`method: LocatorAssertions.toBeDisabled`] | Element is disabled |
+- [`method: ElementHandle.isHidden`]
-| [`method: LocatorAssertions.toBeEditable`] | Element is editable |
+- [`method: ElementHandle.isVisible`]
-| [`method: LocatorAssertions.toBeEmpty`] | Container is empty |
+- [`method: Page.isChecked`]
-| [`method: LocatorAssertions.toBeEnabled`] | Element is enabled |
+- [`method: Page.isDisabled`]
-| [`method: LocatorAssertions.toBeFocused`] | Element is focused |
+- [`method: Page.isEditable`]
-| [`method: LocatorAssertions.toBeHidden`] | Element is not visible |
+- [`method: Page.isEnabled`]
-| [`method: LocatorAssertions.toBeInViewport`] | Element intersects viewport |
+- [`method: Page.isHidden`]
-| [`method: LocatorAssertions.toBeVisible`] | Element is visible |
+- [`method: Page.isVisible`]
-| [`method: LocatorAssertions.toContainText`] | Element contains text |
+- [`method: Locator.isChecked`]
-| [`method: LocatorAssertions.toHaveAttribute`] | Element has a DOM attribute |
+- [`method: Locator.isDisabled`]
-| [`method: LocatorAssertions.toHaveClass`] | Element has a class property |
+- [`method: Locator.isEditable`]
-| [`method: LocatorAssertions.toHaveCount`] | List has exact number of children |
+- [`method: Locator.isEnabled`]
-| [`method: LocatorAssertions.toHaveCSS`] | Element has CSS property |
+- [`method: Locator.isHidden`]
-| [`method: LocatorAssertions.toHaveId`] | Element has an ID |
+- [`method: Locator.isVisible`]
-| [`method: LocatorAssertions.toHaveJSProperty`] | Element has a JavaScript property |
-| [`method: LocatorAssertions.toHaveText`] | Element matches text |
-| [`method: LocatorAssertions.toHaveValue`] | Input has a value |
-| [`method: LocatorAssertions.toHaveValues`] | Select has options selected |
-| [`method: PageAssertions.toHaveTitle`] | Page has a title |
-| [`method: PageAssertions.toHaveURL`] | Page has a URL |
-| [`method: APIResponseAssertions.toBeOK`] | Response has an OK status |
 
-Learn more in the [assertions guide](./test-assertions.md).
+<br/>
+
+## Attached
+
+Element is considered attached when it is [connected](https://developer.mozilla.org/en-US/docs/Web/API/Node/isConnected) to a Document or a ShadowRoot.
 
 ## Visible
 
-Element is considered visible when it has non-empty bounding box and does not have `visibility:hidden` computed style.
+Element is considered visible when it has non-empty bounding box and does not have `visibility:hidden` computed style. Note that elements of zero size or with `display:none` are not considered visible.
-
-Note that according to this definition:
-* Elements of zero size **are not** considered visible.
-* Elements with `display:none` **are not** considered visible.
-* Elements with `opacity:0` **are** considered visible.
 
 ## Stable
 
@@ -93,27 +88,18 @@ Element is considered stable when it has maintained the same bounding box for at
 
 ## Enabled
 
-Element is considered enabled when it is **not disabled**.
+Element is considered enabled unless it is a `<button>`, `<select>`, `<input>` or `<textarea>` with a `disabled` property.
-
-Element is **disabled** when:
-- it is a `<button>`, `<select>`, `<input>`, `<textarea>`, `<option>` or `<optgroup>` with a `[disabled]` attribute;
-- it is a `<button>`, `<select>`, `<input>`, `<textarea>`, `<option>` or `<optgroup>` that is a part of a `<fieldset>` with a `[disabled]` attribute;
-- it is a descendant of an element with `[aria-disabled=true]` attribute.
 
 ## Editable
 
-Element is considered editable when it is [enabled] and is **not readonly**.
+Element is considered editable when it is [enabled] and does not have `readonly` property set.
-
-Element is **readonly** when:
-- it is a `<select>`, `<input>` or `<textarea>` with a `[readonly]` attribute;
-- it has an `[aria-readonly=true]` attribute and an aria role that [supports it](https://w3c.github.io/aria/#aria-readonly).
 
 ## Receives Events
 
 Element is considered receiving pointer events when it is the hit target of the pointer event at the action point. For example, when clicking at the point `(10;10)`, Playwright checks whether some other element (usually an overlay) will instead capture the click at `(10;10)`.
 
 
-For example, consider a scenario where Playwright will click `Sign Up` button regardless of when the [`method: Locator.click`] call was made:
+For example, consider a scenario where Playwright will click `Sign Up` button regardless of when the [`method: Page.click`] call was made:
 - page is checking that user name is unique and `Sign Up` button is disabled;
 - after checking with the server, the disabled `Sign Up` button is replaced with another one that is now enabled.
 
@@ -122,3 +108,4 @@ For example, consider a scenario where Playwright will click `Sign Up` button re
 [Enabled]: #enabled "Enabled"
 [Editable]: #editable "Editable"
 [Receives Events]: #receives-events "Receives Events"
+[Attached]: #attached "Attached"

docs/src/api-testing-csharp.md

@@ -3,8 +3,6 @@ id: api-testing
 title: "API testing"
 ---
 
-## Introduction
-
 Playwright can be used to get access to the [REST](https://en.wikipedia.org/wiki/Representational_state_transfer) API of
 your application.
 
@@ -16,7 +14,9 @@ A few examples where it may come in handy:
 
 All of that could be achieved via [APIRequestContext] methods.
 
-The following examples rely on the [`Microsoft.Playwright.MSTest`](./test-runners.md) package which creates a Playwright and Page instance for each test.
+The following examples rely on the [`Microsoft.Playwright.NUnit`](./test-runners.md) package which creates a Playwright and Page instance for each test.
+
+<!-- TOC -->
 
 ## Writing API Test
 
@@ -32,19 +32,22 @@ The following example demonstrates how to use Playwright to test issues creation
 GitHub API requires authorization, so we'll configure the token once for all tests. While at it, we'll also set the `baseURL` to simplify the tests.
 
 ```csharp
+using System;
+using System.Collections.Generic;
+using System.Threading.Tasks;
+using Microsoft.Playwright.NUnit;
 using Microsoft.Playwright;
-using Microsoft.Playwright.MSTest;
+using NUnit.Framework;
 
 namespace PlaywrightTests;
 
-[TestClass]
 public class TestGitHubAPI : PlaywrightTest
 {
-    static string? API_TOKEN = Environment.GetEnvironmentVariable("GITHUB_API_TOKEN");
+    static string API_TOKEN = Environment.GetEnvironmentVariable("GITHUB_API_TOKEN");
 
-    private IAPIRequestContext Request = null!;
+    private IAPIRequestContext Request = null;
 
-    [TestInitialize]
+    [SetUp]
     public async Task SetUpAPITesting()
     {
         await CreateAPIRequestContext();
@@ -66,7 +69,7 @@ public class TestGitHubAPI : PlaywrightTest
         });
     }
 
-    [TestCleanup]
+    [TearDown]
     public async Task TearDownAPITesting()
     {
         await Request.DisposeAsync();
@@ -78,34 +81,36 @@ public class TestGitHubAPI : PlaywrightTest
 
 Now that we initialized request object we can add a few tests that will create new issues in the repository.
 ```csharp
+using System;
+using System.Collections.Generic;
+using System.Threading.Tasks;
 using System.Text.Json;
+using Microsoft.Playwright.NUnit;
 using Microsoft.Playwright;
-using Microsoft.Playwright.MSTest;
+using NUnit.Framework;
 
 namespace PlaywrightTests;
 
-[TestClass]
+[TestFixture]
 public class TestGitHubAPI : PlaywrightTest
 {
-    static string REPO = "test";
+    static string REPO = "test-repo-2";
     static string USER = Environment.GetEnvironmentVariable("GITHUB_USER");
-    static string? API_TOKEN = Environment.GetEnvironmentVariable("GITHUB_API_TOKEN");
+    static string API_TOKEN = Environment.GetEnvironmentVariable("GITHUB_API_TOKEN");
 
-    private IAPIRequestContext Request = null!;
+    private IAPIRequestContext Request = null;
 
-    [TestMethod]
+    [Test]
     public async Task ShouldCreateBugReport()
     {
-        var data = new Dictionary<string, string>
+        var data = new Dictionary<string, string>();
-        {
+        data.Add("title", "[Bug] report 1");
-            { "title", "[Bug] report 1" },
+        data.Add("body", "Bug description");
-            { "body", "Bug description" }
-        };
         var newIssue = await Request.PostAsync("/repos/" + USER + "/" + REPO + "/issues", new() { DataObject = data });
-        await Expect(newIssue).ToBeOKAsync();
+        Assert.True(newIssue.Ok);
 
         var issues = await Request.GetAsync("/repos/" + USER + "/" + REPO + "/issues");
-        await Expect(newIssue).ToBeOKAsync();
+        Assert.True(issues.Ok);
         var issuesJsonResponse = await issues.JsonAsync();
         JsonElement? issue = null;
         foreach (JsonElement issueObj in issuesJsonResponse?.EnumerateArray())
@@ -118,24 +123,23 @@ public class TestGitHubAPI : PlaywrightTest
                 }
             }
         }
-        Assert.IsNotNull(issue);
+        Assert.NotNull(issue);
         Assert.AreEqual("Bug description", issue?.GetProperty("body").GetString());
     }
 
-    [TestMethod]
+    [Test]
     public async Task ShouldCreateFeatureRequests()
     {
-        var data = new Dictionary<string, string>
+        var data = new Dictionary<string, string>();
-        {
+        data.Add("title", "[Feature] request 1");
-            { "title", "[Feature] request 1" },
+        data.Add("body", "Feature description");
-            { "body", "Feature description" }
-        };
         var newIssue = await Request.PostAsync("/repos/" + USER + "/" + REPO + "/issues", new() { DataObject = data });
-        await Expect(newIssue).ToBeOKAsync();
+        Assert.True(newIssue.Ok);
 
         var issues = await Request.GetAsync("/repos/" + USER + "/" + REPO + "/issues");
-        await Expect(newIssue).ToBeOKAsync();
+        Assert.True(issues.Ok);
         var issuesJsonResponse = await issues.JsonAsync();
+        var issuesJson = (await issues.JsonAsync())?.EnumerateArray();
 
         JsonElement? issue = null;
         foreach (JsonElement issueObj in issuesJsonResponse?.EnumerateArray())
@@ -148,7 +152,7 @@ public class TestGitHubAPI : PlaywrightTest
                 }
             }
         }
-        Assert.IsNotNull(issue);
+        Assert.NotNull(issue);
         Assert.AreEqual("Feature description", issue?.GetProperty("body").GetString());
     }
 
@@ -161,17 +165,9 @@ public class TestGitHubAPI : PlaywrightTest
 These tests assume that repository exists. You probably want to create a new one before running tests and delete it afterwards. Use `[SetUp]` and `[TearDown]` hooks for that.
 
 ```csharp
-using System.Text.Json;
-using Microsoft.Playwright;
-using Microsoft.Playwright.MSTest;
-
-namespace PlaywrightTests;
-
-[TestClass]
-public class TestGitHubAPI : PlaywrightTest
-{
   // ...
-    [TestInitialize]
+
+  [SetUp]
   public async Task SetUpAPITesting()
   {
       await CreateAPIRequestContext();
@@ -187,10 +183,10 @@ public class TestGitHubAPI : PlaywrightTest
               ["name"] = REPO,
           },
       });
-        await Expect(resp).ToBeOKAsync();
+      Assert.True(resp.Ok);
   }
 
-    [TestCleanup]
+  [TearDown]
   public async Task TearDownAPITesting()
   {
       await DeleteTestRepository();
@@ -200,9 +196,8 @@ public class TestGitHubAPI : PlaywrightTest
   private async Task DeleteTestRepository()
   {
       var resp = await Request.DeleteAsync("/repos/" + USER + "/" + REPO);
-        await Expect(resp).ToBeOKAsync();
+      Assert.True(resp.Ok);
   }
-}
 ```
 
 ### Complete test example
@@ -210,34 +205,36 @@ public class TestGitHubAPI : PlaywrightTest
 Here is the complete example of an API test:
 
 ```csharp
+using System;
+using System.Collections.Generic;
+using System.Threading.Tasks;
 using System.Text.Json;
+using Microsoft.Playwright.NUnit;
 using Microsoft.Playwright;
-using Microsoft.Playwright.MSTest;
+using NUnit.Framework;
 
 namespace PlaywrightTests;
 
-[TestClass]
+[TestFixture]
 public class TestGitHubAPI : PlaywrightTest
 {
     static string REPO = "test-repo-2";
     static string USER = Environment.GetEnvironmentVariable("GITHUB_USER");
-    static string? API_TOKEN = Environment.GetEnvironmentVariable("GITHUB_API_TOKEN");
+    static string API_TOKEN = Environment.GetEnvironmentVariable("GITHUB_API_TOKEN");
 
-    private IAPIRequestContext Request = null!;
+    private IAPIRequestContext Request = null;
 
-    [TestMethod]
+    [Test]
     public async Task ShouldCreateBugReport()
     {
-        var data = new Dictionary<string, string>
+        var data = new Dictionary<string, string>();
-        {
+        data.Add("title", "[Bug] report 1");
-            { "title", "[Bug] report 1" },
+        data.Add("body", "Bug description");
-            { "body", "Bug description" }
-        };
         var newIssue = await Request.PostAsync("/repos/" + USER + "/" + REPO + "/issues", new() { DataObject = data });
-        await Expect(newIssue).ToBeOKAsync();
+        Assert.True(newIssue.Ok);
 
         var issues = await Request.GetAsync("/repos/" + USER + "/" + REPO + "/issues");
-        await Expect(newIssue).ToBeOKAsync();
+        Assert.True(issues.Ok);
         var issuesJsonResponse = await issues.JsonAsync();
         JsonElement? issue = null;
         foreach (JsonElement issueObj in issuesJsonResponse?.EnumerateArray())
@@ -250,24 +247,23 @@ public class TestGitHubAPI : PlaywrightTest
                 }
             }
         }
-        Assert.IsNotNull(issue);
+        Assert.NotNull(issue);
         Assert.AreEqual("Bug description", issue?.GetProperty("body").GetString());
     }
 
-    [TestMethod]
+    [Test]
     public async Task ShouldCreateFeatureRequests()
     {
-        var data = new Dictionary<string, string>
+        var data = new Dictionary<string, string>();
-        {
+        data.Add("title", "[Feature] request 1");
-            { "title", "[Feature] request 1" },
+        data.Add("body", "Feature description");
-            { "body", "Feature description" }
-        };
         var newIssue = await Request.PostAsync("/repos/" + USER + "/" + REPO + "/issues", new() { DataObject = data });
-        await Expect(newIssue).ToBeOKAsync();
+        Assert.True(newIssue.Ok);
 
         var issues = await Request.GetAsync("/repos/" + USER + "/" + REPO + "/issues");
-        await Expect(newIssue).ToBeOKAsync();
+        Assert.True(issues.Ok);
         var issuesJsonResponse = await issues.JsonAsync();
+        var issuesJson = (await issues.JsonAsync())?.EnumerateArray();
 
         JsonElement? issue = null;
         foreach (JsonElement issueObj in issuesJsonResponse?.EnumerateArray())
@@ -280,11 +276,11 @@ public class TestGitHubAPI : PlaywrightTest
                 }
             }
         }
-        Assert.IsNotNull(issue);
+        Assert.NotNull(issue);
         Assert.AreEqual("Feature description", issue?.GetProperty("body").GetString());
     }
 
-    [TestInitialize]
+    [SetUp]
     public async Task SetUpAPITesting()
     {
         await CreateAPIRequestContext();
@@ -293,16 +289,14 @@ public class TestGitHubAPI : PlaywrightTest
 
     private async Task CreateAPIRequestContext()
     {
-        var headers = new Dictionary<string, string>
+        var headers = new Dictionary<string, string>();
-        {
         // We set this header per GitHub guidelines.
-            { "Accept", "application/vnd.github.v3+json" },
+        headers.Add("Accept", "application/vnd.github.v3+json");
         // Add authorization token to all requests.
         // Assuming personal access token available in the environment.
-            { "Authorization", "token " + API_TOKEN }
+        headers.Add("Authorization", "token " + API_TOKEN);
-        };
 
-        Request = await Playwright.APIRequest.NewContextAsync(new()
+        Request = await this.Playwright.APIRequest.NewContextAsync(new()
         {
             // All requests we send go to this API endpoint.
             BaseURL = "https://api.github.com",
@@ -319,10 +313,10 @@ public class TestGitHubAPI : PlaywrightTest
                 ["name"] = REPO,
             },
         });
-        await Expect(resp).ToBeOKAsync();
+        Assert.True(resp.Ok);
     }
 
-    [TestCleanup]
+    [TearDown]
     public async Task TearDownAPITesting()
     {
         await DeleteTestRepository();
@@ -332,7 +326,7 @@ public class TestGitHubAPI : PlaywrightTest
     private async Task DeleteTestRepository()
     {
         var resp = await Request.DeleteAsync("/repos/" + USER + "/" + REPO);
-        await Expect(resp).ToBeOKAsync();
+        Assert.True(resp.Ok);
     }
 }
 ```
@@ -343,18 +337,14 @@ The following test creates a new issue via API and then navigates to the list of
 project to check that it appears at the top of the list. The check is performed using [LocatorAssertions].
 
 ```csharp
-class TestGitHubAPI : PageTest
+  [Test]
-{
-    [TestMethod]
   public async Task LastCreatedIssueShouldBeFirstInTheList()
   {
-        var data = new Dictionary<string, string>
+      var data = new Dictionary<string, string>();
-        {
+      data.Add("title", "[Feature] request 1");
-            { "title", "[Feature] request 1" },
+      data.Add("body", "Feature description");
-            { "body", "Feature description" }
-        };
       var newIssue = await Request.PostAsync("/repos/" + USER + "/" + REPO + "/issues", new() { DataObject = data });
-        await Expect(newIssue).ToBeOKAsync();
+      Assert.True(newIssue.Ok);
 
       // When inheriting from 'PlaywrightTest' it only gives you a Playwright instance. To get a Page instance, either start
       // a browser, context, and page manually or inherit from 'PageTest' which will launch it for you.
@@ -362,7 +352,6 @@ class TestGitHubAPI : PageTest
       var firstIssue = Page.Locator("a[data-hovercard-type='issue']").First;
       await Expect(firstIssue).ToHaveTextAsync("[Feature] request 1");
   }
-}
 ```
 
 ## Check the server state after running user actions
@@ -371,10 +360,7 @@ The following test creates a new issue via user interface in the browser and the
 it was created:
 
 ```csharp
-// Make sure to extend from PageTest if you want to use the Page class.
+  [Test]
-class GitHubTests : PageTest
-{
-    [TestMethod]
   public async Task LastCreatedIssueShouldBeOnTheServer()
   {
       await Page.GotoAsync("https://github.com/" + USER + "/" + REPO + "/issues");
@@ -382,13 +368,12 @@ class GitHubTests : PageTest
       await Page.Locator("[aria-label='Title']").FillAsync("Bug report 1");
       await Page.Locator("[aria-label='Comment body']").FillAsync("Bug description");
       await Page.Locator("text=Submit new issue").ClickAsync();
-        var issueId = Page.Url.Substring(Page.Url.LastIndexOf('/'));
+      String issueId = Page.Url.Substring(Page.Url.LastIndexOf('/'));
 
       var newIssue = await Request.GetAsync("https://github.com/" + USER + "/" + REPO + "/issues/" + issueId);
-        await Expect(newIssue).ToBeOKAsync();
+      Assert.True(newIssue.Ok);
       StringAssert.Contains(await newIssue.TextAsync(), "Bug report 1");
   }
-}
 ```
 
 ## Reuse authentication state

docs/src/api-testing-java.md

@@ -3,8 +3,6 @@ id: api-testing
 title: "API testing"
 ---
 
-## Introduction
-
 Playwright can be used to get access to the [REST](https://en.wikipedia.org/wiki/Representational_state_transfer) API of
 your application.
 
@@ -16,6 +14,8 @@ A few examples where it may come in handy:
 
 All of that could be achieved via [APIRequestContext] methods.
 
+<!-- TOC -->
+
 ## Writing API Test
 
 [APIRequestContext] can send all kinds of HTTP(S) requests over network.
@@ -194,7 +194,6 @@ public class TestGitHubAPI {
 These tests assume that repository exists. You probably want to create a new one before running tests and delete it afterwards. Use `@BeforeAll` and `@AfterAll` hooks for that.
 
 ```java
-public class TestGitHubAPI {
   // ...
 
   void createTestRepository() {
@@ -224,7 +223,6 @@ public class TestGitHubAPI {
     disposeAPIRequestContext();
     closePlaywright();
   }
-}
 ```
 
 ### Complete test example
@@ -375,17 +373,14 @@ public class TestGitHubAPI {
 }
 ```
 
-See experimental [JUnit integration](./junit.md) to automatically initialize Playwright objects and more.
-
 ## Prepare server state via API calls
 
 The following test creates a new issue via API and then navigates to the list of all issues in the
 project to check that it appears at the top of the list. The check is performed using [LocatorAssertions].
 
 ```java
-public class TestGitHubAPI {
+@Test
-  @Test
+void lastCreatedIssueShouldBeFirstInTheList() {
-  void lastCreatedIssueShouldBeFirstInTheList() {
   Map<String, String> data = new HashMap<>();
   data.put("title", "[Feature] request 1");
   data.put("body", "Feature description");
@@ -396,7 +391,6 @@ public class TestGitHubAPI {
   page.navigate("https://github.com/" + USER + "/" + REPO + "/issues");
   Locator firstIssue = page.locator("a[data-hovercard-type='issue']").first();
   assertThat(firstIssue).hasText("[Feature] request 1");
-  }
 }
 ```
 
@@ -406,9 +400,8 @@ The following test creates a new issue via user interface in the browser and the
 it was created:
 
 ```java
-public class TestGitHubAPI {
+@Test
-  @Test
+void lastCreatedIssueShouldBeOnTheServer() {
-  void lastCreatedIssueShouldBeOnTheServer() {
   page.navigate("https://github.com/" + USER + "/" + REPO + "/issues");
   page.locator("text=New Issue").click();
   page.locator("[aria-label='Title']").fill("Bug report 1");
@@ -419,7 +412,6 @@ public class TestGitHubAPI {
   APIResponse newIssue = request.get("https://github.com/" + USER + "/" + REPO + "/issues/" + issueId);
   assertThat(newIssue).isOK();
   assertTrue(newIssue.text().contains("Bug report 1"));
-  }
 }
 ```