QuestionDialogの文字色を修正、StorybookのVRTを改善 #8045
Annotations
11 errors, 1 warning, and 3 notices
tests\e2e\browser\アクセント.spec.ts#L13
1) [browser] › browser\アクセント.spec.ts:7:5 › アクセント分割したらアクセント区間が増える ─────────────────────────────────
Error: expect(received).toBe(expected) // Object.is equality
Expected: 1
Received: 0
11 | await page.locator(".audio-cell input").first().press("Enter");
12 | await page.waitForTimeout(500);
> 13 | expect(await page.locator(".mora-table").count()).toBe(1);
| ^
14 | await (await page.locator(".splitter-cell").all())[1].click();
15 | await page.waitForTimeout(500);
16 | expect(await page.locator(".mora-table").count()).toBe(2);
at D:\a\voicevox\voicevox\tests\e2e\browser\アクセント.spec.ts:13:53
|
tests\e2e\storybook\スクリーンショット.spec.mts#L91
1) [storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/SettingDialog/FileNameTemplateDialog › 開いている › テーマ:ライト
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1276px by 694px. 112153 pixels (ratio 0.13 of all image pixels) are different.
Expected: D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts-snapshots\components-dialog-settingdialog-filenametemplatedialog--opened-light-storybook-win32.png
Received: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-0bdd0-emplateDialog-開いている-テーマ:ライト-storybook\components-dialog-settingd-03c84-atedialog--opened-light-actual.png
Diff: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-0bdd0-emplateDialog-開いている-テーマ:ライト-storybook\components-dialog-settingd-03c84-atedialog--opened-light-diff.png
Call log:
- expect.toHaveScreenshot(components-dialog-settingdialog-filenametemplatedialog--opened-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center">…</div>
- 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
- Expected an image 1280px by 720px, received 1276px by 694px. 112153 pixels (ratio 0.13 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center">…</div>
- 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 1280px by 720px, received 1276px by 694px. 112153 pixels (ratio 0.13 of all image pixels) are different.
89 | if ((await quasarDialogRoot.count()) > 0) {
90 | const dialog = quasarDialogRoot.locator(".q-dialog__inner");
> 91 | await expect(dialog).toHaveScreenshot(`${story.id}-${theme}.png`);
| ^
92 | } else {
93 | await expect(root).toHaveScreenshot(`${story.id}-${theme}.png`);
94 | }
at D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts:91:36
|
tests\e2e\storybook\スクリーンショット.spec.mts#L91
1) [storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/SettingDialog/FileNameTemplateDialog › 開いている › テーマ:ライト
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1276px by 694px. 112153 pixels (ratio 0.13 of all image pixels) are different.
Expected: D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts-snapshots\components-dialog-settingdialog-filenametemplatedialog--opened-light-storybook-win32.png
Received: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-0bdd0-emplateDialog-開いている-テーマ:ライト-storybook-retry1\components-dialog-settingd-03c84-atedialog--opened-light-actual.png
Diff: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-0bdd0-emplateDialog-開いている-テーマ:ライト-storybook-retry1\components-dialog-settingd-03c84-atedialog--opened-light-diff.png
Call log:
- expect.toHaveScreenshot(components-dialog-settingdialog-filenametemplatedialog--opened-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center">…</div>
- 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
- Expected an image 1280px by 720px, received 1276px by 694px. 112153 pixels (ratio 0.13 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center">…</div>
- 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 1280px by 720px, received 1276px by 694px. 112153 pixels (ratio 0.13 of all image pixels) are different.
89 | if ((await quasarDialogRoot.count()) > 0) {
90 | const dialog = quasarDialogRoot.locator(".q-dialog__inner");
> 91 | await expect(dialog).toHaveScreenshot(`${story.id}-${theme}.png`);
| ^
92 | } else {
93 | await expect(root).toHaveScreenshot(`${story.id}-${theme}.png`);
94 | }
at D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts:91:36
|
tests\e2e\storybook\スクリーンショット.spec.mts#L91
1) [storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/SettingDialog/FileNameTemplateDialog › 開いている › テーマ:ライト
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1276px by 694px. 112153 pixels (ratio 0.13 of all image pixels) are different.
Expected: D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts-snapshots\components-dialog-settingdialog-filenametemplatedialog--opened-light-storybook-win32.png
Received: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-0bdd0-emplateDialog-開いている-テーマ:ライト-storybook-retry2\components-dialog-settingd-03c84-atedialog--opened-light-actual.png
Diff: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-0bdd0-emplateDialog-開いている-テーマ:ライト-storybook-retry2\components-dialog-settingd-03c84-atedialog--opened-light-diff.png
Call log:
- expect.toHaveScreenshot(components-dialog-settingdialog-filenametemplatedialog--opened-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center">…</div>
- 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
- Expected an image 1280px by 720px, received 1276px by 694px. 112153 pixels (ratio 0.13 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center">…</div>
- 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 1280px by 720px, received 1276px by 694px. 112153 pixels (ratio 0.13 of all image pixels) are different.
89 | if ((await quasarDialogRoot.count()) > 0) {
90 | const dialog = quasarDialogRoot.locator(".q-dialog__inner");
> 91 | await expect(dialog).toHaveScreenshot(`${story.id}-${theme}.png`);
| ^
92 | } else {
93 | await expect(root).toHaveScreenshot(`${story.id}-${theme}.png`);
94 | }
at D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts:91:36
|
tests\e2e\storybook\スクリーンショット.spec.mts#L91
2) [storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/SettingDialog/FileNameTemplateDialog › 開いている › テーマ:ダーク
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1276px by 694px. 55418 pixels (ratio 0.07 of all image pixels) are different.
Expected: D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts-snapshots\components-dialog-settingdialog-filenametemplatedialog--opened-dark-storybook-win32.png
Received: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-b83b1-emplateDialog-開いている-テーマ:ダーク-storybook\components-dialog-settingd-33b92-latedialog--opened-dark-actual.png
Diff: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-b83b1-emplateDialog-開いている-テーマ:ダーク-storybook\components-dialog-settingd-33b92-latedialog--opened-dark-diff.png
Call log:
- expect.toHaveScreenshot(components-dialog-settingdialog-filenametemplatedialog--opened-dark.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center">…</div>
- 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
- Expected an image 1280px by 720px, received 1276px by 694px. 55418 pixels (ratio 0.07 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center">…</div>
- 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 1280px by 720px, received 1276px by 694px. 55418 pixels (ratio 0.07 of all image pixels) are different.
89 | if ((await quasarDialogRoot.count()) > 0) {
90 | const dialog = quasarDialogRoot.locator(".q-dialog__inner");
> 91 | await expect(dialog).toHaveScreenshot(`${story.id}-${theme}.png`);
| ^
92 | } else {
93 | await expect(root).toHaveScreenshot(`${story.id}-${theme}.png`);
94 | }
at D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts:91:36
|
tests\e2e\storybook\スクリーンショット.spec.mts#L91
2) [storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/SettingDialog/FileNameTemplateDialog › 開いている › テーマ:ダーク
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1276px by 694px. 55418 pixels (ratio 0.07 of all image pixels) are different.
Expected: D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts-snapshots\components-dialog-settingdialog-filenametemplatedialog--opened-dark-storybook-win32.png
Received: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-b83b1-emplateDialog-開いている-テーマ:ダーク-storybook-retry1\components-dialog-settingd-33b92-latedialog--opened-dark-actual.png
Diff: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-b83b1-emplateDialog-開いている-テーマ:ダーク-storybook-retry1\components-dialog-settingd-33b92-latedialog--opened-dark-diff.png
Call log:
- expect.toHaveScreenshot(components-dialog-settingdialog-filenametemplatedialog--opened-dark.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center">…</div>
- 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
- Expected an image 1280px by 720px, received 1276px by 694px. 55418 pixels (ratio 0.07 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center">…</div>
- 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 1280px by 720px, received 1276px by 694px. 55418 pixels (ratio 0.07 of all image pixels) are different.
89 | if ((await quasarDialogRoot.count()) > 0) {
90 | const dialog = quasarDialogRoot.locator(".q-dialog__inner");
> 91 | await expect(dialog).toHaveScreenshot(`${story.id}-${theme}.png`);
| ^
92 | } else {
93 | await expect(root).toHaveScreenshot(`${story.id}-${theme}.png`);
94 | }
at D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts:91:36
|
tests\e2e\storybook\スクリーンショット.spec.mts#L91
2) [storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/SettingDialog/FileNameTemplateDialog › 開いている › テーマ:ダーク
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1276px by 694px. 55418 pixels (ratio 0.07 of all image pixels) are different.
Expected: D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts-snapshots\components-dialog-settingdialog-filenametemplatedialog--opened-dark-storybook-win32.png
Received: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-b83b1-emplateDialog-開いている-テーマ:ダーク-storybook-retry2\components-dialog-settingd-33b92-latedialog--opened-dark-actual.png
Diff: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-b83b1-emplateDialog-開いている-テーマ:ダーク-storybook-retry2\components-dialog-settingd-33b92-latedialog--opened-dark-diff.png
Call log:
- expect.toHaveScreenshot(components-dialog-settingdialog-filenametemplatedialog--opened-dark.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center q-dialog__inner--animating q-transition--scale-enter-active q-transition--scale-enter-to">…</div>
- 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
- Expected an image 1280px by 720px, received 1276px by 694px. 55418 pixels (ratio 0.07 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center">…</div>
- 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 1280px by 720px, received 1276px by 694px. 55418 pixels (ratio 0.07 of all image pixels) are different.
89 | if ((await quasarDialogRoot.count()) > 0) {
90 | const dialog = quasarDialogRoot.locator(".q-dialog__inner");
> 91 | await expect(dialog).toHaveScreenshot(`${story.id}-${theme}.png`);
| ^
92 | } else {
93 | await expect(root).toHaveScreenshot(`${story.id}-${theme}.png`);
94 | }
at D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts:91:36
|
tests\e2e\storybook\スクリーンショット.spec.mts#L91
3) [storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/TextDialog/MessageDialog › 開いている › テーマ:ライト
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1276px by 694px. 91200 pixels (ratio 0.10 of all image pixels) are different.
Expected: D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts-snapshots\components-dialog-textdialog-messagedialog--opened-light-storybook-win32.png
Received: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-d9b67-MessageDialog-開いている-テーマ:ライト-storybook\components-dialog-textdialog-messagedialog--opened-light-actual.png
Diff: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-d9b67-MessageDialog-開いている-テーマ:ライト-storybook\components-dialog-textdialog-messagedialog--opened-light-diff.png
Call log:
- expect.toHaveScreenshot(components-dialog-textdialog-messagedialog--opened-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center q-dialog__inner--animating q-transition--scale-enter-active q-transition--scale-enter-to">…</div>
- 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
- Expected an image 1280px by 720px, received 1276px by 694px. 91200 pixels (ratio 0.10 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center">…</div>
- 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 1280px by 720px, received 1276px by 694px. 91200 pixels (ratio 0.10 of all image pixels) are different.
89 | if ((await quasarDialogRoot.count()) > 0) {
90 | const dialog = quasarDialogRoot.locator(".q-dialog__inner");
> 91 | await expect(dialog).toHaveScreenshot(`${story.id}-${theme}.png`);
| ^
92 | } else {
93 | await expect(root).toHaveScreenshot(`${story.id}-${theme}.png`);
94 | }
at D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts:91:36
|
tests\e2e\storybook\スクリーンショット.spec.mts#L91
3) [storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/TextDialog/MessageDialog › 開いている › テーマ:ライト
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1276px by 694px. 91200 pixels (ratio 0.10 of all image pixels) are different.
Expected: D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts-snapshots\components-dialog-textdialog-messagedialog--opened-light-storybook-win32.png
Received: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-d9b67-MessageDialog-開いている-テーマ:ライト-storybook-retry1\components-dialog-textdialog-messagedialog--opened-light-actual.png
Diff: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-d9b67-MessageDialog-開いている-テーマ:ライト-storybook-retry1\components-dialog-textdialog-messagedialog--opened-light-diff.png
Call log:
- expect.toHaveScreenshot(components-dialog-textdialog-messagedialog--opened-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center">…</div>
- 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
- Expected an image 1280px by 720px, received 1276px by 694px. 91200 pixels (ratio 0.10 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center">…</div>
- 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 1280px by 720px, received 1276px by 694px. 91200 pixels (ratio 0.10 of all image pixels) are different.
89 | if ((await quasarDialogRoot.count()) > 0) {
90 | const dialog = quasarDialogRoot.locator(".q-dialog__inner");
> 91 | await expect(dialog).toHaveScreenshot(`${story.id}-${theme}.png`);
| ^
92 | } else {
93 | await expect(root).toHaveScreenshot(`${story.id}-${theme}.png`);
94 | }
at D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts:91:36
|
tests\e2e\storybook\スクリーンショット.spec.mts#L91
3) [storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/TextDialog/MessageDialog › 開いている › テーマ:ライト
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1276px by 694px. 91200 pixels (ratio 0.10 of all image pixels) are different.
Expected: D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts-snapshots\components-dialog-textdialog-messagedialog--opened-light-storybook-win32.png
Received: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-d9b67-MessageDialog-開いている-テーマ:ライト-storybook-retry2\components-dialog-textdialog-messagedialog--opened-light-actual.png
Diff: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-d9b67-MessageDialog-開いている-テーマ:ライト-storybook-retry2\components-dialog-textdialog-messagedialog--opened-light-diff.png
Call log:
- expect.toHaveScreenshot(components-dialog-textdialog-messagedialog--opened-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center q-dialog__inner--animating q-transition--scale-enter-active q-transition--scale-enter-to">…</div>
- 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
- Expected an image 1280px by 720px, received 1276px by 694px. 91200 pixels (ratio 0.10 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center">…</div>
- 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 1280px by 720px, received 1276px by 694px. 91200 pixels (ratio 0.10 of all image pixels) are different.
89 | if ((await quasarDialogRoot.count()) > 0) {
90 | const dialog = quasarDialogRoot.locator(".q-dialog__inner");
> 91 | await expect(dialog).toHaveScreenshot(`${story.id}-${theme}.png`);
| ^
92 | } else {
93 | await expect(root).toHaveScreenshot(`${story.id}-${theme}.png`);
94 | }
at D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts:91:36
|
tests\e2e\storybook\スクリーンショット.spec.mts#L91
4) [storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/TextDialog/MessageDialog › 開いている › テーマ:ダーク
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1276px by 694px. 40839 pixels (ratio 0.05 of all image pixels) are different.
Expected: D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts-snapshots\components-dialog-textdialog-messagedialog--opened-dark-storybook-win32.png
Received: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-273a4-MessageDialog-開いている-テーマ:ダーク-storybook\components-dialog-textdialog-messagedialog--opened-dark-actual.png
Diff: D:\a\voicevox\voicevox\test-results\スクリーンショット-components-Dialo-273a4-MessageDialog-開いている-テーマ:ダーク-storybook\components-dialog-textdialog-messagedialog--opened-dark-diff.png
Call log:
- expect.toHaveScreenshot(components-dialog-textdialog-messagedialog--opened-dark.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center q-transition--scale-enter-active q-transition--scale-enter-to">…</div>
- 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
- Expected an image 1280px by 720px, received 1276px by 694px. 40839 pixels (ratio 0.05 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('div[id^=q-portal--dialog--]').locator('.q-dialog__inner')
- locator resolved to <div tabindex="-1" class="q-dialog__inner flex no-pointer-events q-dialog__inner--minimized q-dialog__inner--standard fixed-full flex-center">…</div>
- 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 1280px by 720px, received 1276px by 694px. 40839 pixels (ratio 0.05 of all image pixels) are different.
89 | if ((await quasarDialogRoot.count()) > 0) {
90 | const dialog = quasarDialogRoot.locator(".q-dialog__inner");
> 91 | await expect(dialog).toHaveScreenshot(`${story.id}-${theme}.png`);
| ^
92 | } else {
93 | await expect(root).toHaveScreenshot(`${story.id}-${theme}.png`);
94 | }
at D:\a\voicevox\voicevox\tests\e2e\storybook\スクリーンショット.spec.mts:91:36
|
[browser] › browser\アップデート通知ダイアログ.spec.ts#L1
[browser] › browser\アップデート通知ダイアログ.spec.ts took 19.2s
|
|
|
12 failed
[storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/SettingDialog/FileNameTemplateDialog › 開いている › テーマ:ライト
[storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/SettingDialog/FileNameTemplateDialog › 開いている › テーマ:ダーク
[storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/TextDialog/MessageDialog › 開いている › テーマ:ライト
[storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/TextDialog/MessageDialog › 開いている › テーマ:ダーク
[storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/TextDialog/MessageDialog › 開いている:複数行 › テーマ:ライト
[storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/TextDialog/MessageDialog › 開いている:複数行 › テーマ:ダーク
[storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/TextDialog/QuestionDialog › 開いている › テーマ:ライト
[storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/TextDialog/QuestionDialog › 開いている › テーマ:ダーク
[storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/TextDialog/QuestionDialog › 開いている:複数行 › テーマ:ライト
[storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/TextDialog/QuestionDialog › 開いている:複数行 › テーマ:ダーク
[storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/UpdateNotificationDialog › 開いている › テーマ:ライト
[storybook] › storybook\スクリーンショット.spec.mts:63:11 › components/Dialog/UpdateNotificationDialog › 開いている › テーマ:ダーク
46 passed (2.2m)
|
This job failed
Loading