Issue 1:
System info

Playwright Version: v1.32.0

Operating System: macOS 13.0

Browser: Chromium

Reference Discord Thread: https://discord.com/channels/807756831384403968/1088760461471776888

Reproduction

github:playwright-ui-reproduction

Source code

Config file

@quirion/playwright-config

import { PlaywrightTestConfig, devices } from '@playwright/test';

export const PlaywrightConfig: PlaywrightTestConfig = {
forbidOnly: !!process.env.CI,
retries: process.env.CI ? 2 : 0,
use: {
headless: true,
video: 'on-first-retry',
trace: 'on',
launchOptions: {
// devtools: true,
logger: {
isEnabled: (name, severity) => name === 'browser',
log: (name, severity, message, args) => console.log(`${name} ${message}`)
}
},
},
projects: [
{
name: 'chromium',
testDir: './tests/',
use: { ...devices['Desktop Chrome'] },
},
{
name: 'firefox',
testDir: './tests/',
use: { ...devices['Desktop Firefox'] },
},
{
name: 'webkit',
testDir: './tests/',
use: { ...devices['Desktop Safari'] },
},
],
reporter: [
['html', { outputFolder: './reports/playwright-report' }],
['junit', { outputFile: './reports/results.xml' }]
],
};

playwright.config.ts

import { PlaywrightConfig } from "@quirion/playwright-config";
import { devices, PlaywrightTestConfig } from "@playwright/test";
import { BANKING_URL } from "@quirion/fe-tests"; // 'http://127.0.0.1:3000'
// eslint-disable-next-line import/no-extraneous-dependencies
import dotenv from 'dotenv';

dotenv.config();

const config: PlaywrightTestConfig = {
...PlaywrightConfig,
use: {
...PlaywrightConfig.use,
baseURL: process.env.CI_ENVIRONMENT_URL || BANKING_URL,
},
projects: [
{
name: 'chromium',
testDir: './tests/',
use: { ...devices['Desktop Chrome'] },
},
],
};
export default config;

Test file (self-contained)

it('should check the box using setChecked', async ({ page }) => {
await page.setContent(`<input id='checkbox' type='checkbox'></input>`);
await page.getByRole('checkbox').check();
await expect(page.getByRole('checkbox')).toBeChecked();
});

Steps

In the monorepo route from the root to the package's root

Run pnpm dlx playwright test --ui

Playwright UI opens

Pick any test & click on the run icon

Test runs through and shows checkmark (success)

In the Actions tab no actions were listed

The browser remains on about:blank

Expected

Playwright Actions lists all actions of the test and the browser previews what the test is doing.

Actual

The test runs, but no actions or browser actions are visible.

Issue 2:
System info

Playwright Version: v1.32.3

Operating System: Ubuntu 20

Browser: Firefox

Other info: I use mcr.microsoft.com/playwright:v1.32.3-focal image

Source code

I provided exact source code that allows reproducing the issue locally.

Component packages/vkui/src/components/SegmentedControl/SegmentedControl.e2e.tsx

My config packages/vkui/playwright-ct.config.ts

Link to the GitHub repository with the repro

https://github.com/VKCOM/VKUI/

Steps

Install Docker before

Remove this workaround packages/vkui/src/components/SegmentedControl/SegmentedControl.e2e.tsx#L13

(you can run next commands from root directory or package/vkui)

Run yarn install

Run yarn test:e2e

Additionally, u can use .env file for set projects and test match

cp packages/vkui/.env.developent.local packages/vkui/.env

Expected

SegmentedControl.e2e.tsx and all another tests are passed.

Actual

Sometimes SegmentedControl.e2e.tsx is failing.

BUT! If we run only SegmentedControl.e2e.tsx test this is passing 🤔

Workaround

I reset for SegmentedControl.e2e.tsx test mouse position.

await page.hover('body', { position: { x: 0, y: 0 } });