Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

cherry-pick(#23166): chore: fix file view padding

Browse source
This commit is contained in:
Pavel Feldman 2023-05-19 11:07:49 -07:00 committed by Andrey Lushnikov
parent ef18287266
commit 7effaf4f22
6 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/html-reporter/src/chip.css
View file

@ -21,6 +21,7 @@
background-color: var(--color-canvas-subtle); background-color: var(--color-canvas-subtle);
padding: 0 8px; padding: 0 8px;
border-bottom: none; border-bottom: none;
margin-top: 24px;
font-weight: 600; font-weight: 600;
line-height: 38px; line-height: 38px;
white-space: nowrap; white-space: nowrap;

4
packages/html-reporter/src/filter.ts
View file

@ -84,7 +84,7 @@ export class Filter {
token.push(c); token.push(c);
continue; continue;
} }
if (c === ' ') { if (c === ' ' || c === ':') {
if (token.length) { if (token.length) {
result.push(token.join('').toLowerCase()); result.push(token.join('').toLowerCase());
token = []; token = [];
@ -108,7 +108,7 @@ export class Filter {
if (test.outcome === 'skipped') if (test.outcome === 'skipped')
status = 'skipped'; status = 'skipped';
const searchValues: SearchValues = { const searchValues: SearchValues = {
text: (status + ' ' + test.projectName + ' ' + test.path.join(' ') + ' ' + test.title).toLowerCase(), text: (status + ' ' + test.projectName + ' ' + test.location.file + ' ' + test.location.line + ' ' + test.path.join(' ') + ' ' + test.title).toLowerCase(),
project: test.projectName.toLowerCase(), project: test.projectName.toLowerCase(),
status: status as any, status: status as any,
}; };

6
packages/html-reporter/src/imageDiffView.spec.tsx
View file

@ -55,7 +55,7 @@ test('should switch to actual', async ({ mount }) => {
for (let i = 0; i < imageCount; ++i) { for (let i = 0; i < imageCount; ++i) {
const image = images.nth(i); const image = images.nth(i);
const box = await image.boundingBox(); const box = await image.boundingBox();
expect(box).toEqual({ x: 400, y: 124, width: 200, height: 200 }); expect(box).toEqual({ x: 400, y: 108, width: 200, height: 200 });
} }
}); });
@ -70,7 +70,7 @@ test('should switch to expected', async ({ mount }) => {
for (let i = 0; i < imageCount; ++i) { for (let i = 0; i < imageCount; ++i) {
const image = images.nth(i); const image = images.nth(i);
const box = await image.boundingBox(); const box = await image.boundingBox();
expect(box).toEqual({ x: 400, y: 124, width: 200, height: 200 }); expect(box).toEqual({ x: 400, y: 108, width: 200, height: 200 });
} }
}); });
@ -79,5 +79,5 @@ test('should show diff by default', async ({ mount }) => {
const image = component.locator('img'); const image = component.locator('img');
const box = await image.boundingBox(); const box = await image.boundingBox();
expect(box).toEqual({ x: 400, y: 124, width: 200, height: 200 }); expect(box).toEqual({ x: 400, y: 108, width: 200, height: 200 });
}); });

1
packages/html-reporter/src/tabbedPane.css
View file

@ -33,7 +33,6 @@
height: 48px; height: 48px;
min-width: 70px; min-width: 70px;
box-shadow: inset 0 -1px 0 var(--color-border-muted) !important; box-shadow: inset 0 -1px 0 var(--color-border-muted) !important;
margin-bottom: 16px;
} }
.tabbed-pane-tab-strip:focus { .tabbed-pane-tab-strip:focus {

2
packages/html-reporter/src/testCaseView.css
View file

@ -46,7 +46,7 @@
.test-case-duration { .test-case-duration {
flex: none; flex: none;
align-items: center; align-items: center;
padding: 0 8px 24px; padding: 0 8px 8px;
} }
.test-case-path { .test-case-path {

4
tests/playwright-test/reporter-html.spec.ts
View file

@ -1348,7 +1348,7 @@ test.describe('labels', () => {
const result = await runInlineTest({ const result = await runInlineTest({
'a.test.js': ` 'a.test.js': `
const { expect, test } = require('@playwright/test'); const { expect, test } = require('@playwright/test');
const tags = ['@smoke:p1', '@issue[123]', '@issue#123', '@$$$', '@tl/dr']; const tags = ['@smoke-p1', '@issue[123]', '@issue#123', '@$$$', '@tl/dr'];
test.describe('Error Pages', () => { test.describe('Error Pages', () => {
tags.forEach(tag => { tags.forEach(tag => {
@ -1364,7 +1364,7 @@ test.describe('labels', () => {
expect(result.passed).toBe(5); expect(result.passed).toBe(5);
await showReport(); await showReport();
const tags = ['smoke:p1', 'issue[123]', 'issue#123', '$$$', 'tl/dr']; const tags = ['smoke-p1', 'issue[123]', 'issue#123', '$$$', 'tl/dr'];
const searchInput = page.locator('.subnav-search-input'); const searchInput = page.locator('.subnav-search-input');
for (const tag of tags) { for (const tag of tags) {