diff --git a/packages/web/src/components/treeView.css b/packages/web/src/components/treeView.css index 02cc9d8db1..b13c469441 100644 --- a/packages/web/src/components/treeView.css +++ b/packages/web/src/components/treeView.css @@ -69,8 +69,11 @@ color: var(--vscode-list-activeSelectionForeground) !important; } -.tree-view-content:focus .tree-view-entry.selected button.eye.toggled .codicon { - color: var(--vscode-editorInfo-foreground) !important; +.tree-view-content:focus .tree-view-entry.selected button.eye.toggled { + color: var(--vscode-button-secondaryForeground) !important; + border-radius: 5px; + margin: -1px; + border: 1px inset var(--vscode-button-foreground); } .tree-view-empty { diff --git a/tests/playwright-test/ui-mode-test-watch.spec.ts b/tests/playwright-test/ui-mode-test-watch.spec.ts index 70aee202e0..bbcd40adbc 100644 --- a/tests/playwright-test/ui-mode-test-watch.spec.ts +++ b/tests/playwright-test/ui-mode-test-watch.spec.ts @@ -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 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 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(` ▼ ◯ a.test.ts ◯ passes 👁 <=