1) [chromium] › tests/core/button/button.spec.ts:5:9 › Button › darkMode=true + appearance=icon + hovered state Error: locator.hover: Error: strict mode violation: locator('#demo-content:visible').locator('[tuiButton]') resolved to 2 elements: 1) <button size="s" tuiicons="" tuibutton="" tuichevron="" type="button" data-size="s" tuiappearance="" class="t-button" data-appearance="primary" _ngcontent-ng-c2329576148="" automation-id="tui-demo-button__toggle-details"> Form value </button> aka getByTestId('tui-demo-button__toggle-details') 2) <button class="" tuiicons="" tuibutton="" type="button" data-size="l" tuiappearance="" aria-disabled="false" data-appearance="icon">…</button> aka getByRole('button', { name: 'Button' }) Call log: - waiting for locator('#demo-content:visible').locator('[tuiButton]') 14 | const button = apiPageExample.locator('[tuiButton]'); 15 | > 16 | await button.hover(); | ^ 17 | 18 | await expect(button).toHaveScreenshot( 19 | '01-[darkMode=true]-[appearance=icon]-[data-state=hovered].png', at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/button/button.spec.ts:16:22

1) [chromium] › tests/core/button/button.spec.ts:5:9 › Button › darkMode=true + appearance=icon + hovered state Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.hover: Error: strict mode violation: locator('#demo-content:visible').locator('[tuiButton]') resolved to 2 elements: 1) <button size="s" tuiicons="" tuibutton="" tuichevron="" type="button" data-size="s" tuiappearance="" class="t-button" data-appearance="primary" _ngcontent-ng-c2329576148="" automation-id="tui-demo-button__toggle-details"> Form value </button> aka getByTestId('tui-demo-button__toggle-details') 2) <button class="" tuiicons="" tuibutton="" type="button" data-size="l" tuiappearance="" aria-disabled="false" data-appearance="icon">…</button> aka getByRole('button', { name: 'Button' }) Call log: - waiting for locator('#demo-content:visible').locator('[tuiButton]') 14 | const button = apiPageExample.locator('[tuiButton]'); 15 | > 16 | await button.hover(); | ^ 17 | 18 | await expect(button).toHaveScreenshot( 19 | '01-[darkMode=true]-[appearance=icon]-[data-state=hovered].png', at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/button/button.spec.ts:16:22

1) [chromium] › tests/core/button/button.spec.ts:5:9 › Button › darkMode=true + appearance=icon + hovered state Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.hover: Error: strict mode violation: locator('#demo-content:visible').locator('[tuiButton]') resolved to 2 elements: 1) <button size="s" tuiicons="" tuibutton="" tuichevron="" type="button" data-size="s" tuiappearance="" class="t-button" data-appearance="primary" _ngcontent-ng-c2329576148="" automation-id="tui-demo-button__toggle-details"> Form value </button> aka getByTestId('tui-demo-button__toggle-details') 2) <button class="" tuiicons="" tuibutton="" type="button" data-size="l" tuiappearance="" aria-disabled="false" data-appearance="icon">…</button> aka getByRole('button', { name: 'Button' }) Call log: - waiting for locator('#demo-content:visible').locator('[tuiButton]') 14 | const button = apiPageExample.locator('[tuiButton]'); 15 | > 16 | await button.hover(); | ^ 17 | 18 | await expect(button).toHaveScreenshot( 19 | '01-[darkMode=true]-[appearance=icon]-[data-state=hovered].png', at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/button/button.spec.ts:16:22

2) [chromium] › tests/core/dialogs/dialogs.spec.ts:12:13 › Dialogs › Prompt - 320x480 ──────────── Error: locator.click: Error: strict mode violation: locator('#demo-content:visible').locator('button') resolved to 2 elements: 1) <button size="s" tuiicons="" tuibutton="" tuichevron="" type="button" data-size="s" tuiappearance="" class="t-button" data-appearance="primary" _ngcontent-ng-c2329576148="" automation-id="tui-demo-button__toggle-details"> Form value </button> aka getByTestId('tui-demo-button__toggle-details') 2) <button class="" tuiicons="" tuibutton="" type="button" data-size="l" tuiappearance="" data-appearance="primary"> Show </button> aka getByRole('button', { name: 'Show' }) Call log: - waiting for locator('#demo-content:visible').locator('button') 19 | const documentationPagePO = new TuiDocumentationPagePO(page); 20 | > 21 | await documentationPagePO.apiPageExample.locator('button').click(); | ^ 22 | await documentationPagePO.prepareBeforeScreenshot(); 23 | 24 | await expect(page).toHaveScreenshot(`01-prompt_${width}x${height}.png`); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/dialogs/dialogs.spec.ts:21:72

2) [chromium] › tests/core/dialogs/dialogs.spec.ts:12:13 › Dialogs › Prompt - 320x480 ──────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Error: strict mode violation: locator('#demo-content:visible').locator('button') resolved to 2 elements: 1) <button size="s" tuiicons="" tuibutton="" tuichevron="" type="button" data-size="s" tuiappearance="" class="t-button" data-appearance="primary" _ngcontent-ng-c2329576148="" automation-id="tui-demo-button__toggle-details"> Form value </button> aka getByTestId('tui-demo-button__toggle-details') 2) <button class="" tuiicons="" tuibutton="" type="button" data-size="l" tuiappearance="" data-appearance="primary"> Show </button> aka getByRole('button', { name: 'Show' }) Call log: - waiting for locator('#demo-content:visible').locator('button') 19 | const documentationPagePO = new TuiDocumentationPagePO(page); 20 | > 21 | await documentationPagePO.apiPageExample.locator('button').click(); | ^ 22 | await documentationPagePO.prepareBeforeScreenshot(); 23 | 24 | await expect(page).toHaveScreenshot(`01-prompt_${width}x${height}.png`); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/dialogs/dialogs.spec.ts:21:72

2) [chromium] › tests/core/dialogs/dialogs.spec.ts:12:13 › Dialogs › Prompt - 320x480 ──────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Error: strict mode violation: locator('#demo-content:visible').locator('button') resolved to 2 elements: 1) <button size="s" tuiicons="" tuibutton="" tuichevron="" type="button" data-size="s" tuiappearance="" class="t-button" data-appearance="primary" _ngcontent-ng-c2329576148="" automation-id="tui-demo-button__toggle-details"> Form value </button> aka getByTestId('tui-demo-button__toggle-details') 2) <button class="" tuiicons="" tuibutton="" type="button" data-size="l" tuiappearance="" data-appearance="primary"> Show </button> aka getByRole('button', { name: 'Show' }) Call log: - waiting for locator('#demo-content:visible').locator('button') 19 | const documentationPagePO = new TuiDocumentationPagePO(page); 20 | > 21 | await documentationPagePO.apiPageExample.locator('button').click(); | ^ 22 | await documentationPagePO.prepareBeforeScreenshot(); 23 | 24 | await expect(page).toHaveScreenshot(`01-prompt_${width}x${height}.png`); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/dialogs/dialogs.spec.ts:21:72

3) [chromium] › tests/core/dialogs/dialogs.spec.ts:12:13 › Dialogs › Prompt - 720x900 ──────────── Error: locator.click: Error: strict mode violation: locator('#demo-content:visible').locator('button') resolved to 2 elements: 1) <button size="s" tuiicons="" tuibutton="" tuichevron="" type="button" data-size="s" tuiappearance="" class="t-button" data-appearance="primary" _ngcontent-ng-c2329576148="" automation-id="tui-demo-button__toggle-details"> Form value </button> aka getByTestId('tui-demo-button__toggle-details') 2) <button class="" tuiicons="" tuibutton="" type="button" data-size="l" tuiappearance="" data-appearance="primary"> Show </button> aka getByRole('button', { name: 'Show' }) Call log: - waiting for locator('#demo-content:visible').locator('button') 19 | const documentationPagePO = new TuiDocumentationPagePO(page); 20 | > 21 | await documentationPagePO.apiPageExample.locator('button').click(); | ^ 22 | await documentationPagePO.prepareBeforeScreenshot(); 23 | 24 | await expect(page).toHaveScreenshot(`01-prompt_${width}x${height}.png`); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/dialogs/dialogs.spec.ts:21:72

3) [chromium] › tests/core/dialogs/dialogs.spec.ts:12:13 › Dialogs › Prompt - 720x900 ──────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Error: strict mode violation: locator('#demo-content:visible').locator('button') resolved to 2 elements: 1) <button size="s" tuiicons="" tuibutton="" tuichevron="" type="button" data-size="s" tuiappearance="" class="t-button" data-appearance="primary" _ngcontent-ng-c2329576148="" automation-id="tui-demo-button__toggle-details"> Form value </button> aka getByTestId('tui-demo-button__toggle-details') 2) <button class="" tuiicons="" tuibutton="" type="button" data-size="l" tuiappearance="" data-appearance="primary"> Show </button> aka getByRole('button', { name: 'Show' }) Call log: - waiting for locator('#demo-content:visible').locator('button') 19 | const documentationPagePO = new TuiDocumentationPagePO(page); 20 | > 21 | await documentationPagePO.apiPageExample.locator('button').click(); | ^ 22 | await documentationPagePO.prepareBeforeScreenshot(); 23 | 24 | await expect(page).toHaveScreenshot(`01-prompt_${width}x${height}.png`); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/dialogs/dialogs.spec.ts:21:72

3) [chromium] › tests/core/dialogs/dialogs.spec.ts:12:13 › Dialogs › Prompt - 720x900 ──────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Error: strict mode violation: locator('#demo-content:visible').locator('button') resolved to 2 elements: 1) <button size="s" tuiicons="" tuibutton="" tuichevron="" type="button" data-size="s" tuiappearance="" class="t-button" data-appearance="primary" _ngcontent-ng-c2329576148="" automation-id="tui-demo-button__toggle-details"> Form value </button> aka getByTestId('tui-demo-button__toggle-details') 2) <button class="" tuiicons="" tuibutton="" type="button" data-size="l" tuiappearance="" data-appearance="primary"> Show </button> aka getByRole('button', { name: 'Show' }) Call log: - waiting for locator('#demo-content:visible').locator('button') 19 | const documentationPagePO = new TuiDocumentationPagePO(page); 20 | > 21 | await documentationPagePO.apiPageExample.locator('button').click(); | ^ 22 | await documentationPagePO.prepareBeforeScreenshot(); 23 | 24 | await expect(page).toHaveScreenshot(`01-prompt_${width}x${height}.png`); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/dialogs/dialogs.spec.ts:21:72

4) [chromium] › tests/core/dialogs/dialogs.spec.ts:12:13 › Dialogs › Prompt - 1024x900 ─────────── Error: locator.click: Error: strict mode violation: locator('#demo-content:visible').locator('button') resolved to 2 elements: 1) <button size="s" tuiicons="" tuibutton="" tuichevron="" type="button" data-size="s" tuiappearance="" class="t-button" data-appearance="primary" _ngcontent-ng-c2329576148="" automation-id="tui-demo-button__toggle-details"> Form value </button> aka getByTestId('tui-demo-button__toggle-details') 2) <button class="" tuiicons="" tuibutton="" type="button" data-size="l" tuiappearance="" data-appearance="primary"> Show </button> aka getByRole('button', { name: 'Show' }) Call log: - waiting for locator('#demo-content:visible').locator('button') 19 | const documentationPagePO = new TuiDocumentationPagePO(page); 20 | > 21 | await documentationPagePO.apiPageExample.locator('button').click(); | ^ 22 | await documentationPagePO.prepareBeforeScreenshot(); 23 | 24 | await expect(page).toHaveScreenshot(`01-prompt_${width}x${height}.png`); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/dialogs/dialogs.spec.ts:21:72