mirror of
https://github.com/microsoft/playwright.git
synced 2024-12-15 06:02:57 +03:00
3c0fab489b
- properly annotate continued requests - nest `attach` steps inside the related `expect` step - fix primary-id-to-non-primary-id mapping - make sure images in trace are not draggable Fixes #23693 --------- Signed-off-by: Andrey Lushnikov <aslushnikov@gmail.com> Co-authored-by: Max Schmitt <max@schmitt.mx>
207 lines
6.2 KiB
TypeScript
207 lines
6.2 KiB
TypeScript
/**
|
|
* Copyright (c) Microsoft Corporation.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import { createImage } from './playwright-test-fixtures';
|
|
import { test, expect, retries } from './ui-mode-fixtures';
|
|
|
|
test.describe.configure({ mode: 'parallel', retries });
|
|
|
|
test('should merge trace events', async ({ runUITest, server }) => {
|
|
const { page } = await runUITest({
|
|
'a.test.ts': `
|
|
import { test, expect } from '@playwright/test';
|
|
test('trace test', async ({ page }) => {
|
|
await page.setContent('<button>Submit</button>');
|
|
expect(1).toBe(1);
|
|
await page.getByRole('button').click();
|
|
expect(2).toBe(2);
|
|
});
|
|
`,
|
|
});
|
|
|
|
await page.getByText('trace test').dblclick();
|
|
|
|
const listItem = page.getByTestId('action-list').getByRole('listitem');
|
|
await expect(
|
|
listItem,
|
|
'action list'
|
|
).toHaveText([
|
|
/Before Hooks[\d.]+m?s/,
|
|
/page.setContent[\d.]+m?s/,
|
|
/expect.toBe[\d.]+m?s/,
|
|
/locator.clickgetByRole\('button'\)[\d.]+m?s/,
|
|
/expect.toBe[\d.]+m?s/,
|
|
/After Hooks[\d.]+m?s/,
|
|
/fixture: page[\d.]+m?s/,
|
|
/fixture: context[\d.]+m?s/,
|
|
]);
|
|
});
|
|
|
|
test('should merge web assertion events', async ({ runUITest }, testInfo) => {
|
|
const { page } = await runUITest({
|
|
'a.test.ts': `
|
|
import { test, expect } from '@playwright/test';
|
|
test('trace test', async ({ page }) => {
|
|
await page.setContent('<button>Submit</button>');
|
|
await expect(page.locator('button')).toBeVisible();
|
|
});
|
|
`,
|
|
});
|
|
|
|
await page.getByText('trace test').dblclick();
|
|
|
|
const listItem = page.getByTestId('action-list').getByRole('listitem');
|
|
await expect(
|
|
listItem,
|
|
'action list'
|
|
).toHaveText([
|
|
/Before Hooks[\d.]+m?s/,
|
|
/page.setContent[\d.]+m?s/,
|
|
/expect.toBeVisiblelocator\('button'\)[\d.]+m?s/,
|
|
/After Hooks[\d.]+m?s/,
|
|
/fixture: page[\d.]+m?s/,
|
|
/fixture: context[\d.]+m?s/,
|
|
]);
|
|
});
|
|
|
|
test('should merge screenshot assertions', async ({ runUITest }, testInfo) => {
|
|
const { page } = await runUITest({
|
|
'a.test.ts': `
|
|
import { test, expect } from '@playwright/test';
|
|
test('trace test', async ({ page }) => {
|
|
await page.setContent('<button>Submit</button>');
|
|
await expect(page.locator('button')).toHaveScreenshot();
|
|
});
|
|
`,
|
|
});
|
|
|
|
await page.getByText('trace test').dblclick();
|
|
|
|
const listItem = page.getByTestId('action-list').getByRole('listitem');
|
|
await expect(
|
|
listItem,
|
|
'action list'
|
|
).toHaveText([
|
|
/Before Hooks[\d.]+m?s/,
|
|
/page.setContent[\d.]+m?s/,
|
|
/expect.toHaveScreenshot[\d.]+m?s/,
|
|
/After Hooks[\d.]+m?s/,
|
|
/fixture: page[\d.]+m?s/,
|
|
/fixture: context[\d.]+m?s/,
|
|
]);
|
|
});
|
|
|
|
test('should locate sync assertions in source', async ({ runUITest, server }) => {
|
|
const { page } = await runUITest({
|
|
'a.test.ts': `
|
|
import { test, expect } from '@playwright/test';
|
|
test('trace test', async ({}) => {
|
|
expect(1).toBe(1);
|
|
});
|
|
`,
|
|
});
|
|
|
|
await page.getByText('trace test').dblclick();
|
|
await page.getByText('expect.toBe').click();
|
|
|
|
await expect(
|
|
page.locator('.CodeMirror .source-line-running'),
|
|
'check source tab',
|
|
).toHaveText('4 expect(1).toBe(1);');
|
|
});
|
|
|
|
test('should show snapshots for sync assertions', async ({ runUITest, server }) => {
|
|
const { page } = await runUITest({
|
|
'a.test.ts': `
|
|
import { test, expect } from '@playwright/test';
|
|
test('trace test', async ({ page }) => {
|
|
await page.setContent('<button>Submit</button>');
|
|
await page.getByRole('button').click();
|
|
expect(1).toBe(1);
|
|
});
|
|
`,
|
|
});
|
|
|
|
await page.getByText('trace test').dblclick();
|
|
|
|
const listItem = page.getByTestId('action-list').getByRole('listitem');
|
|
await expect(
|
|
listItem,
|
|
'action list'
|
|
).toHaveText([
|
|
/Before Hooks[\d.]+m?s/,
|
|
/page\.setContent[\d.]+m?s/,
|
|
/locator\.clickgetByRole\('button'\)[\d.]+m?s/,
|
|
/expect\.toBe[\d.]+m?s/,
|
|
/After Hooks[\d.]+m?s/,
|
|
/fixture: page[\d.]+m?s/,
|
|
/fixture: context[\d.]+m?s/,
|
|
]);
|
|
|
|
await expect(
|
|
page.frameLocator('iframe.snapshot-visible[name=snapshot]').locator('button'),
|
|
'verify snapshot'
|
|
).toHaveText('Submit');
|
|
});
|
|
|
|
test('should show image diff', async ({ runUITest, server }) => {
|
|
const { page } = await runUITest({
|
|
'playwright.config.js': `
|
|
module.exports = {
|
|
snapshotPathTemplate: '{arg}{ext}'
|
|
};
|
|
`,
|
|
'snapshot.png': createImage(100, 100, 255, 0, 0),
|
|
'a.test.ts': `
|
|
import { test, expect } from '@playwright/test';
|
|
test('vrt test', async ({ page }) => {
|
|
await page.setViewportSize({ width: 100, height: 100 });
|
|
await expect(page).toHaveScreenshot('snapshot.png', { timeout: 2000 });
|
|
});
|
|
`,
|
|
});
|
|
|
|
await page.getByText('vrt test').dblclick();
|
|
await page.getByText(/Attachments/).click();
|
|
await expect(page.getByText('Diff', { exact: true })).toBeVisible();
|
|
await expect(page.getByText('Actual', { exact: true })).toBeVisible();
|
|
await expect(page.getByText('Expected', { exact: true })).toBeVisible();
|
|
await expect(page.locator('.image-diff-view .image-wrapper img')).toBeVisible();
|
|
});
|
|
|
|
test('should show screenshot', async ({ runUITest, server }) => {
|
|
const { page } = await runUITest({
|
|
'playwright.config.js': `
|
|
module.exports = {
|
|
use: {
|
|
screenshot: 'on',
|
|
viewport: { width: 100, height: 100 }
|
|
}
|
|
};
|
|
`,
|
|
'a.test.ts': `
|
|
import { test, expect } from '@playwright/test';
|
|
test('vrt test', async ({ page }) => {
|
|
});
|
|
`,
|
|
});
|
|
|
|
await page.getByText('vrt test').dblclick();
|
|
await page.getByText(/Attachments/).click();
|
|
await expect(page.getByText('Screenshots', { exact: true })).toBeVisible();
|
|
await expect(page.locator('.attachment-item img')).toHaveCount(1);
|
|
});
|