Skip to content

[Bug]: Incorrect appName and appIcon displayed for webkit and mobileSafari viewports #38651

@Rupesh253

Description

@Rupesh253

Version

1.57.0

Steps to reproduce

Repro Steps:

  1. Enable all possible viewports in the project config file such as
    `projects: [
    {
    name: 'chromium',
    use: { ...devices['Desktop Chrome'] },
    },

    {
    name: 'firefox',
    use: { ...devices['Desktop Firefox'] },
    },

    {
    name: 'webkit',
    use: { ...devices['Desktop Safari'] },
    },

    //Test against mobile viewports.
    {
    name: 'Mobile Chrome',
    use: { ...devices['Pixel 5'] },
    },
    {
    name: 'Mobile Safari',
    use: { ...devices['iPhone 12'] },
    },

    //Test against branded browsers. */
    {
    name: 'Microsoft Edge',
    use: { ...devices['Desktop Edge'], channel: 'msedge' },
    },

    {
    name: 'Google Chrome',
    use: { ...devices['Desktop Chrome'], channel: 'chrome' },
    },`

  2. Run a single test case against each targetProject from VSCode's test explorer window and could observe the corresponding appName and appIcon in which the app is being tested.

Image

Expected behavior

To be: The appName and appIcon must be according the browser/browserEngine.
Format: Browser/BrowserEngine===>[AppName,AppIcon]
chromium===>[Google Chrome,GoogleChrome Icon]
Google Chrome===>[Google Chrome,GoogleChrome Icon]
Mobile Chrome===>[Google Chrome for Testing, New GoogleChrome for Testing Icon]
firefox===>[Nightly,New Nightly build for firefox Icon]
webkit===>[Safari,Safari Icon]
Mobile Safari===>[Safari,Safari Icon]

Actual behavior

As Is: For webkit and mobile safari targets, the appName and appIcon is set to Playwright and PlaywrightIcon.
This is set as default and wasn't handled.
Format: Browser/BrowserEngine===>[AppName,AppIcon]
✅chromium===>[Google Chrome,GoogleChrome Icon]
✅Google Chrome===>[Google Chrome,GoogleChrome Icon]
✅Mobile Chrome===>[Google Chrome for Testing, New GoogleChrome for Testing Icon]
✅firefox===>[Nightly,New Nightly build for firefox Icon]
❌webkit===>[Playwright,Playwright Icon]
❌Mobile Safari===>[Playwright,Playwright Icon]

webkit:
Image
Mobile Safari:
Image

Additional context

No response

Environment

System:
    OS: macOS 26.2
    CPU: (12) arm64 Apple M2 Pro
    Memory: 250.72 MB / 16.00 GB
  Binaries:
    Node: 24.2.0 - /opt/homebrew/bin/node
    Yarn: 1.22.22 - /opt/homebrew/bin/yarn
    npm: 11.3.0 - /opt/homebrew/bin/npm
  Languages:
    Bash: 5.2.26 - /opt/local/bin/bash
  npmPackages:
    @playwright/test: ^1.57.0 => 1.57.0 
    playwright-lighthouse: ^4.0.0 => 4.0.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions