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

added border to selected wathc icon

Browse source
This commit is contained in:
GeneratorX16 2025-02-08 01:00:49 +05:30
parent 8f1174e3d3
commit e23e578985
2 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/web/src/components/treeView.css
View file

@ -69,8 +69,11 @@
color: var(--vscode-list-activeSelectionForeground) !important; color: var(--vscode-list-activeSelectionForeground) !important;
} }
.tree-view-content:focus .tree-view-entry.selected button.eye.toggled .codicon { .tree-view-content:focus .tree-view-entry.selected button.eye.toggled {
color: var(--vscode-editorInfo-foreground) !important; color: var(--vscode-button-secondaryForeground) !important;
border-radius: 5px;
margin: -1px;
border: 1px inset var(--vscode-button-foreground);
} }
.tree-view-empty { .tree-view-empty {

4
tests/playwright-test/ui-mode-test-watch.spec.ts
View file

@ -335,8 +335,10 @@ test('should have watch icon highlighted when a test is focused and watch on the
await expect(page.getByRole('treeitem', { name: 'a.test.ts' }).getByRole('button', { name: 'Watch' })).toHaveCSS('color', 'rgb(255, 255, 255)'); await expect(page.getByRole('treeitem', { name: 'a.test.ts' }).getByRole('button', { name: 'Watch' })).toHaveCSS('color', 'rgb(255, 255, 255)');
await page.getByRole('treeitem', { name: 'passes' }).hover(); await page.getByRole('treeitem', { name: 'passes' }).hover();
await expect(page.getByRole('treeitem', { name: 'passes' }).getByRole('button', { name: 'Watch' })).not.toHaveCSS('border', '1px inset rgb(255, 255, 255)');
await page.getByRole('treeitem', { name: 'passes' }).getByRole('button', { name: 'Watch' }).click(); await page.getByRole('treeitem', { name: 'passes' }).getByRole('button', { name: 'Watch' }).click();
await expect(page.getByRole('treeitem', { name: 'passes' }).getByRole('button', { name: 'Watch' }).locator('.codicon-eye')).toHaveCSS('color', 'rgb(26, 133, 255)'); await expect(page.getByRole('treeitem', { name: 'passes' }).getByRole('button', { name: 'Watch' }).locator('.codicon-eye')).toHaveCSS('color', 'rgb(255, 255, 255)');
await expect(page.getByRole('treeitem', { name: 'passes' }).getByRole('button', { name: 'Watch' })).toHaveCSS('border', '1px inset rgb(255, 255, 255)');
await expect.poll(dumpTestTree(page)).toBe(` await expect.poll(dumpTestTree(page)).toBe(`
▼ ◯ a.test.ts ▼ ◯ a.test.ts
◯ passes 👁 <= ◯ passes 👁 <=