feat: Refactor NcButton
#137
susnuxAnnotations
13 errors, 1 warning, and 1 notice
|
playwright-tests (2, 2)
Process completed with exit code 1.
|
|
playwright-tests (1, 2)
Process completed with exit code 1.
|
|
playwright-test-summary
Process completed with exit code 1.
|
|
[chromium] › components/NcAppNavigationItem/visual.spec.ts:48:1 › has tertiary styling on non active route:
tests/component/components/NcAppNavigationItem/visual.spec.ts#L53
1) [chromium] › components/NcAppNavigationItem/visual.spec.ts:48:1 › has tertiary styling on non active route
Error: Screenshot comparison failed:
53 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-tertiary-styling-on-non-active-route-1-chromium-linux.png
Received: /home/runner/work/nextcloud-vue/nextcloud-vue/test-results/components-NcAppNavigation-20a1c-styling-on-non-active-route-chromium/has-tertiary-styling-on-non-active-route-1-actual.png
Diff: /home/runner/work/nextcloud-vue/nextcloud-vue/test-results/components-NcAppNavigation-20a1c-styling-on-non-active-route-chromium/has-tertiary-styling-on-non-active-route-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByRole('navigation', { name: 'In-app navigation' }).getByRole('listitem').filter({ hasText: 'Foo' })
- locator resolved to <li data-v-88d1e3ae="" id="app-navigation-item-gkjje" class="app-navigation-entry-wrapper">…</li>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 53 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByRole('navigation', { name: 'In-app navigation' }).getByRole('listitem').filter({ hasText: 'Foo' })
- locator resolved to <li data-v-88d1e3ae="" id="app-navigation-item-gkjje" class="app-navigation-entry-wrapper">…</li>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 53 pixels (ratio 0.01 of all image pixels) are different.
51 |
52 | await expect(navigation).toBeVisible()
> 53 | await expect(item).toHaveScreenshot()
| ^
54 | })
55 |
56 | test('has primary styling on active entry', { tag: '@visual' }, async ({ page }) => {
at /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/components/NcAppNavigationItem/visual.spec.ts:53:21
|
|
[chromium] › components/NcAppNavigationItem/visual.spec.ts:48:1 › has tertiary styling on non active route:
tests/component/components/NcAppNavigationItem/visual.spec.ts#L53
1) [chromium] › components/NcAppNavigationItem/visual.spec.ts:48:1 › has tertiary styling on non active route
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
53 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-tertiary-styling-on-non-active-route-1-chromium-linux.png
Received: /home/runner/work/nextcloud-vue/nextcloud-vue/test-results/components-NcAppNavigation-20a1c-styling-on-non-active-route-chromium-retry1/has-tertiary-styling-on-non-active-route-1-actual.png
Diff: /home/runner/work/nextcloud-vue/nextcloud-vue/test-results/components-NcAppNavigation-20a1c-styling-on-non-active-route-chromium-retry1/has-tertiary-styling-on-non-active-route-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByRole('navigation', { name: 'In-app navigation' }).getByRole('listitem').filter({ hasText: 'Foo' })
- locator resolved to <li data-v-88d1e3ae="" id="app-navigation-item-iqgbr" class="app-navigation-entry-wrapper">…</li>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 53 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByRole('navigation', { name: 'In-app navigation' }).getByRole('listitem').filter({ hasText: 'Foo' })
- locator resolved to <li data-v-88d1e3ae="" id="app-navigation-item-iqgbr" class="app-navigation-entry-wrapper">…</li>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 53 pixels (ratio 0.01 of all image pixels) are different.
51 |
52 | await expect(navigation).toBeVisible()
> 53 | await expect(item).toHaveScreenshot()
| ^
54 | })
55 |
56 | test('has primary styling on active entry', { tag: '@visual' }, async ({ page }) => {
at /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/components/NcAppNavigationItem/visual.spec.ts:53:21
|
|
[chromium] › components/NcAppNavigationItem/visual.spec.ts:48:1 › has tertiary styling on non active route:
tests/component/components/NcAppNavigationItem/visual.spec.ts#L53
1) [chromium] › components/NcAppNavigationItem/visual.spec.ts:48:1 › has tertiary styling on non active route
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
53 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-tertiary-styling-on-non-active-route-1-chromium-linux.png
Received: /home/runner/work/nextcloud-vue/nextcloud-vue/test-results/components-NcAppNavigation-20a1c-styling-on-non-active-route-chromium-retry2/has-tertiary-styling-on-non-active-route-1-actual.png
Diff: /home/runner/work/nextcloud-vue/nextcloud-vue/test-results/components-NcAppNavigation-20a1c-styling-on-non-active-route-chromium-retry2/has-tertiary-styling-on-non-active-route-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByRole('navigation', { name: 'In-app navigation' }).getByRole('listitem').filter({ hasText: 'Foo' })
- locator resolved to <li data-v-88d1e3ae="" id="app-navigation-item-wrxom" class="app-navigation-entry-wrapper">…</li>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 53 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByRole('navigation', { name: 'In-app navigation' }).getByRole('listitem').filter({ hasText: 'Foo' })
- locator resolved to <li data-v-88d1e3ae="" id="app-navigation-item-wrxom" class="app-navigation-entry-wrapper">…</li>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 53 pixels (ratio 0.01 of all image pixels) are different.
51 |
52 | await expect(navigation).toBeVisible()
> 53 | await expect(item).toHaveScreenshot()
| ^
54 | })
55 |
56 | test('has primary styling on active entry', { tag: '@visual' }, async ({ page }) => {
at /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/components/NcAppNavigationItem/visual.spec.ts:53:21
|
|
[chromium] › components/NcAppNavigationItem/visual.spec.ts:77:1 › has tertiary styling on non active entry:
tests/component/components/NcAppNavigationItem/visual.spec.ts#L82
2) [chromium] › components/NcAppNavigationItem/visual.spec.ts:77:1 › has tertiary styling on non active entry
Error: Screenshot comparison failed:
54 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-tertiary-styling-on-non-active-entry-1-chromium-linux.png
Received: /home/runner/work/nextcloud-vue/nextcloud-vue/test-results/components-NcAppNavigation-64353-styling-on-non-active-entry-chromium/has-tertiary-styling-on-non-active-entry-1-actual.png
Diff: /home/runner/work/nextcloud-vue/nextcloud-vue/test-results/components-NcAppNavigation-64353-styling-on-non-active-entry-chromium/has-tertiary-styling-on-non-active-entry-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByRole('navigation', { name: 'In-app navigation' }).getByRole('listitem').filter({ hasText: 'Bar' })
- locator resolved to <li data-v-88d1e3ae="" id="app-navigation-item-ayuom" class="app-navigation-entry-wrapper">…</li>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 54 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByRole('navigation', { name: 'In-app navigation' }).getByRole('listitem').filter({ hasText: 'Bar' })
- locator resolved to <li data-v-88d1e3ae="" id="app-navigation-item-ayuom" class="app-navigation-entry-wrapper">…</li>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 54 pixels (ratio 0.01 of all image pixels) are different.
80 |
81 | await expect(navigation).toBeVisible()
> 82 | await expect(item).toHaveScreenshot()
| ^
83 | })
84 |
at /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/components/NcAppNavigationItem/visual.spec.ts:82:21
|
|
[chromium] › components/NcAppNavigationItem/visual.spec.ts:77:1 › has tertiary styling on non active entry:
tests/component/components/NcAppNavigationItem/visual.spec.ts#L82
2) [chromium] › components/NcAppNavigationItem/visual.spec.ts:77:1 › has tertiary styling on non active entry
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
54 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-tertiary-styling-on-non-active-entry-1-chromium-linux.png
Received: /home/runner/work/nextcloud-vue/nextcloud-vue/test-results/components-NcAppNavigation-64353-styling-on-non-active-entry-chromium-retry1/has-tertiary-styling-on-non-active-entry-1-actual.png
Diff: /home/runner/work/nextcloud-vue/nextcloud-vue/test-results/components-NcAppNavigation-64353-styling-on-non-active-entry-chromium-retry1/has-tertiary-styling-on-non-active-entry-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByRole('navigation', { name: 'In-app navigation' }).getByRole('listitem').filter({ hasText: 'Bar' })
- locator resolved to <li data-v-88d1e3ae="" id="app-navigation-item-hbnem" class="app-navigation-entry-wrapper">…</li>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 54 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByRole('navigation', { name: 'In-app navigation' }).getByRole('listitem').filter({ hasText: 'Bar' })
- locator resolved to <li data-v-88d1e3ae="" id="app-navigation-item-hbnem" class="app-navigation-entry-wrapper">…</li>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 54 pixels (ratio 0.01 of all image pixels) are different.
80 |
81 | await expect(navigation).toBeVisible()
> 82 | await expect(item).toHaveScreenshot()
| ^
83 | })
84 |
at /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/components/NcAppNavigationItem/visual.spec.ts:82:21
|
|
[chromium] › components/NcAppNavigationItem/visual.spec.ts:77:1 › has tertiary styling on non active entry:
tests/component/components/NcAppNavigationItem/visual.spec.ts#L82
2) [chromium] › components/NcAppNavigationItem/visual.spec.ts:77:1 › has tertiary styling on non active entry
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
54 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/snapshots/components/NcAppNavigationItem/visual.spec.ts-snapshots/has-tertiary-styling-on-non-active-entry-1-chromium-linux.png
Received: /home/runner/work/nextcloud-vue/nextcloud-vue/test-results/components-NcAppNavigation-64353-styling-on-non-active-entry-chromium-retry2/has-tertiary-styling-on-non-active-entry-1-actual.png
Diff: /home/runner/work/nextcloud-vue/nextcloud-vue/test-results/components-NcAppNavigation-64353-styling-on-non-active-entry-chromium-retry2/has-tertiary-styling-on-non-active-entry-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByRole('navigation', { name: 'In-app navigation' }).getByRole('listitem').filter({ hasText: 'Bar' })
- locator resolved to <li data-v-88d1e3ae="" id="app-navigation-item-gtybv" class="app-navigation-entry-wrapper">…</li>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 54 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByRole('navigation', { name: 'In-app navigation' }).getByRole('listitem').filter({ hasText: 'Bar' })
- locator resolved to <li data-v-88d1e3ae="" id="app-navigation-item-gtybv" class="app-navigation-entry-wrapper">…</li>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 54 pixels (ratio 0.01 of all image pixels) are different.
80 |
81 | await expect(navigation).toBeVisible()
> 82 | await expect(item).toHaveScreenshot()
| ^
83 | })
84 |
at /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/components/NcAppNavigationItem/visual.spec.ts:82:21
|
|
[chromium] › components/NcAppSettingsDialog/NcAppSettingsDialog.spec.ts:27:1 › Dialog sections have navigation entries:
tests/component/components/NcAppSettingsDialog/NcAppSettingsDialog.spec.ts#L34
3) [chromium] › components/NcAppSettingsDialog/NcAppSettingsDialog.spec.ts:27:1 › Dialog sections have navigation entries
Error: Timed out 5000ms waiting for expect(locator).toBeVisible()
Locator: getByRole('dialog').getByRole('navigation')
Expected: visible
Received: hidden
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for getByRole('dialog').getByRole('navigation')
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
32 |
33 | const navigation = dialog.getByRole('navigation')
> 34 | await expect(navigation).toBeVisible()
| ^
35 | await expect(navigation.getByRole('link', { name: 'First section' })).toBeVisible()
36 | await expect(navigation.getByRole('link', { name: 'Second section' })).toBeVisible()
37 | })
at /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/components/NcAppSettingsDialog/NcAppSettingsDialog.spec.ts:34:27
|
|
[chromium] › components/NcAppSettingsDialog/NcAppSettingsDialog.spec.ts:27:1 › Dialog sections have navigation entries:
tests/component/components/NcAppSettingsDialog/NcAppSettingsDialog.spec.ts#L34
3) [chromium] › components/NcAppSettingsDialog/NcAppSettingsDialog.spec.ts:27:1 › Dialog sections have navigation entries
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toBeVisible()
Locator: getByRole('dialog').getByRole('navigation')
Expected: visible
Received: hidden
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for getByRole('dialog').getByRole('navigation')
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
32 |
33 | const navigation = dialog.getByRole('navigation')
> 34 | await expect(navigation).toBeVisible()
| ^
35 | await expect(navigation.getByRole('link', { name: 'First section' })).toBeVisible()
36 | await expect(navigation.getByRole('link', { name: 'Second section' })).toBeVisible()
37 | })
at /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/components/NcAppSettingsDialog/NcAppSettingsDialog.spec.ts:34:27
|
|
[chromium] › components/NcAppSettingsDialog/NcAppSettingsDialog.spec.ts:27:1 › Dialog sections have navigation entries:
tests/component/components/NcAppSettingsDialog/NcAppSettingsDialog.spec.ts#L34
3) [chromium] › components/NcAppSettingsDialog/NcAppSettingsDialog.spec.ts:27:1 › Dialog sections have navigation entries
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toBeVisible()
Locator: getByRole('dialog').getByRole('navigation')
Expected: visible
Received: hidden
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for getByRole('dialog').getByRole('navigation')
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
- locator resolved to <nav data-v-7b7b762e="" aria-label="Settings navigation" class="dialog__navigation app-settings__navigation"></nav>
- unexpected value "hidden"
32 |
33 | const navigation = dialog.getByRole('navigation')
> 34 | await expect(navigation).toBeVisible()
| ^
35 | await expect(navigation.getByRole('link', { name: 'First section' })).toBeVisible()
36 | await expect(navigation.getByRole('link', { name: 'Second section' })).toBeVisible()
37 | })
at /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/components/NcAppSettingsDialog/NcAppSettingsDialog.spec.ts:34:27
|
|
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header:
tests/component/components/NcAppSidebar/visual.spec.ts#L37
4) [chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header ─────────────────────
Error: Screenshot comparison failed:
Expected an image 345px by 70px, received 345px by 104px. 44 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/snapshots/components/NcAppSidebar/visual.spec.ts-snapshots/Sidebar-header-1-chromium-linux.png
Received: /home/runner/work/nextcloud-vue/nextcloud-vue/test-results/components-NcAppSidebar-visual-Sidebar-header-chromium/Sidebar-header-1-actual.png
Diff: /home/runner/work/nextcloud-vue/nextcloud-vue/test-results/components-NcAppSidebar-visual-Sidebar-header-chromium/Sidebar-header-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component').locator('header')
- locator resolved to <header data-v-d2798efd="" class="app-sidebar-header">…</header>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- element is not stable
- retrying scroll into view action, attempt #1
- waiting for element to be stable
- Expected an image 345px by 70px, received 345px by 104px. 44 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component').locator('header')
- locator resolved to <header data-v-d2798efd="" class="app-sidebar-header">…</header>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- Expected an image 345px by 70px, received 345px by 104px. 44 pixels (ratio 0.01 of all image pixels) are different.
35 | })
36 | await expect(component).toBeVisible()
> 37 | await expect(component.locator('header')).toHaveScreenshot({ caret: 'hide' })
| ^
38 | })
39 | })
40 |
at /home/runner/work/nextcloud-vue/nextcloud-vue/tests/component/components/NcAppSidebar/visual.spec.ts:37:47
|
|
Slow Test:
[webkit] › components/NcRichText/markown-rendering.spec.ts#L1
[webkit] › components/NcRichText/markown-rendering.spec.ts took 19.5s
|
|
🎭 Playwright Run Summary
37 failed
[chromium] › components/NcAppNavigationItem/visual.spec.ts:48:1 › has tertiary styling on non active route
[chromium] › components/NcAppNavigationItem/visual.spec.ts:77:1 › has tertiary styling on non active entry
[chromium] › components/NcAppSettingsDialog/NcAppSettingsDialog.spec.ts:27:1 › Dialog sections have navigation entries
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header ──────────────────────
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: actions ─────────────
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: header ─────────────
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: header actions ──────
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: editable ───────────
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: editable actions ────
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: editable header ────
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: editable header actions
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: subname ────────────
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: subname actions ─────
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: subname header ─────
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: subname header actions
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: subname editable ───
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: subname editable actions
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: subname editable header
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: subname editable header actions
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: compact ────────────
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: compact actions ─────
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: compact header ─────
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: compact header actions
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: compact editable ───
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: compact editable actions
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: compact editable header
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: compact editable header actions
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: compact subname ────
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: compact subname actions
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: compact subname header
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: compact subname header actions
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: compact subname editable
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: compact subname editable actions
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: compact subname editable header
[chromium] › components/NcAppSidebar/visual.spec.ts:28:3 › Sidebar header: compact subname editable header actions
[firefox] › components/NcAppSettingsDialog/NcAppSettingsDialog.spec.ts:27:1 › Dialog sections have navigation entries
[webkit] › components/NcAppSettingsDialog/NcAppSettingsDialog.spec.ts:27:1 › Dialog sections have navigation entries
76 skipped
193 passed (3.6m)
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
blob-report-1
Expired
|
11.1 MB |
|
|
blob-report-2
Expired
|
332 KB |
|
|
html-report--attempt-1
Expired
|
11.1 MB |
|