chore(atomic): migrate unit tests to vitest/browser #26057
Annotations
10 errors and 1 notice
|
Run /./.github/actions/playwright-atomic:
packages/atomic/src/components/commerce/product-template-components/atomic-product-excerpt/e2e/page-object.ts#L29
1) [chromium] › components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts:93:13 › atomic-product-excerpt › when excerpt is truncated › when truncateAfter is set to 2 › when clicking the "Show More" button › when isCollapsible is true › should show "Show Less" button
TypeError: Cannot read properties of undefined (reading '0')
at components/commerce/product-template-components/atomic-product-excerpt/e2e/page-object.ts:29
27 | const response = await route.fetch();
28 | const body = await response.json();
> 29 | body.products[0].excerpt =
| ^
30 | 'This is a long excerpt that should be truncated'.repeat(10);
31 | await route.fulfill({
32 | response,
at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-excerpt/e2e/page-object.ts:29:20
|
|
Run /./.github/actions/playwright-atomic:
packages/atomic/src/components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts#L84
1) [chromium] › components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts:93:13 › atomic-product-excerpt › when excerpt is truncated › when truncateAfter is set to 2 › when clicking the "Show More" button › when isCollapsible is true › should show "Show Less" button
Error: locator.waitFor: Test ended.
Call log:
- waiting for locator('atomic-product-excerpt[class*="hydrated"]').first() to be visible
82 | args: {truncateAfter: value, isCollapsible: true},
83 | });
> 84 | await productExcerpt.hydrated.first().waitFor();
| ^
85 | await productExcerpt.showMoreButton.first().click();
86 | });
87 |
at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts:84:53
|
|
Run /./.github/actions/playwright-atomic:
packages/atomic/src/components/commerce/product-template-components/atomic-product-excerpt/e2e/page-object.ts#L29
2) [chromium] › components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts:122:13 › atomic-product-excerpt › when excerpt is truncated › when truncateAfter is set to 2 › when clicking the "Show More" button › when isCollapsible is false › should not show "Show Less" button
TypeError: Cannot read properties of undefined (reading '0')
at components/commerce/product-template-components/atomic-product-excerpt/e2e/page-object.ts:29
27 | const response = await route.fetch();
28 | const body = await response.json();
> 29 | body.products[0].excerpt =
| ^
30 | 'This is a long excerpt that should be truncated'.repeat(10);
31 | await route.fulfill({
32 | response,
at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-excerpt/e2e/page-object.ts:29:20
|
|
Run /./.github/actions/playwright-atomic:
packages/atomic/src/components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts#L113
2) [chromium] › components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts:122:13 › atomic-product-excerpt › when excerpt is truncated › when truncateAfter is set to 2 › when clicking the "Show More" button › when isCollapsible is false › should not show "Show Less" button
Error: locator.waitFor: Test ended.
Call log:
- waiting for locator('atomic-product-excerpt[class*="hydrated"]').first() to be visible
111 | args: {truncateAfter: value, isCollapsible: false},
112 | });
> 113 | await productExcerpt.hydrated.first().waitFor();
| ^
114 | await productExcerpt.showMoreButton.first().click();
115 | });
116 |
at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts:113:53
|
|
Run /./.github/actions/playwright-atomic:
packages/atomic/src/components/commerce/product-template-components/atomic-product-excerpt/e2e/page-object.ts#L29
3) [chromium] › components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts:98:13 › atomic-product-excerpt › when excerpt is truncated › when truncateAfter is set to 3 › when clicking the "Show More" button › when isCollapsible is true › should collapse excerpt when clicking the "Show Less" button
TypeError: Cannot read properties of undefined (reading '0')
at components/commerce/product-template-components/atomic-product-excerpt/e2e/page-object.ts:29
27 | const response = await route.fetch();
28 | const body = await response.json();
> 29 | body.products[0].excerpt =
| ^
30 | 'This is a long excerpt that should be truncated'.repeat(10);
31 | await route.fulfill({
32 | response,
at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-excerpt/e2e/page-object.ts:29:20
|
|
Run /./.github/actions/playwright-atomic:
packages/atomic/src/components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts#L84
3) [chromium] › components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts:98:13 › atomic-product-excerpt › when excerpt is truncated › when truncateAfter is set to 3 › when clicking the "Show More" button › when isCollapsible is true › should collapse excerpt when clicking the "Show Less" button
Error: locator.waitFor: Test ended.
Call log:
- waiting for locator('atomic-product-excerpt[class*="hydrated"]').first() to be visible
82 | args: {truncateAfter: value, isCollapsible: true},
83 | });
> 84 | await productExcerpt.hydrated.first().waitFor();
| ^
85 | await productExcerpt.showMoreButton.first().click();
86 | });
87 |
at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts:84:53
|
|
Run /./.github/actions/playwright-atomic:
packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/page-object.ts#L34
4) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:46:5 › with a custom fallback image › when the product image is missing › should have a 1:1 aspect ratio
TypeError: Cannot read properties of undefined (reading '0')
at components/commerce/product-template-components/atomic-product-image/e2e/page-object.ts:34
32 | const response = await route.fetch();
33 | const body = await response.json();
> 34 | body.products[0].ec_thumbnails = thumbnails;
| ^
35 |
36 | await route.fulfill({
37 | response,
at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/page-object.ts:34:20
|
|
Run /./.github/actions/playwright-atomic:
packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts#L38
4) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:46:5 › with a custom fallback image › when the product image is missing › should have a 1:1 aspect ratio
Error: locator.waitFor: Test ended.
Call log:
- waiting for getByRole('img').first() to be visible
36 | await productImage.withCustomThumbnails([]);
37 | await productImage.load({story: 'with-a-fallback-image'});
> 38 | await productImage.noCarouselImage.waitFor();
| ^
39 | });
40 |
41 | test('should render the fallback image', async ({productImage}) => {
at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:38:42
|
|
Run /./.github/actions/playwright-atomic:
packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/page-object.ts#L34
5) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:64:5 › with a custom fallback image › when the product image is invalid › should have a 1:1 aspect ratio
TypeError: Cannot read properties of undefined (reading '0')
at components/commerce/product-template-components/atomic-product-image/e2e/page-object.ts:34
32 | const response = await route.fetch();
33 | const body = await response.json();
> 34 | body.products[0].ec_thumbnails = thumbnails;
| ^
35 |
36 | await route.fulfill({
37 | response,
at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/page-object.ts:34:20
|
|
Run /./.github/actions/playwright-atomic:
packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts#L66
5) [chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:64:5 › with a custom fallback image › when the product image is invalid › should have a 1:1 aspect ratio
Error: locator.getAttribute: Test ended.
Call log:
- waiting for getByRole('img').first()
64 | test('should have a 1:1 aspect ratio', async ({productImage}) => {
65 | const aspectRatio =
> 66 | await productImage.noCarouselImage.getAttribute('class');
| ^
67 | expect(aspectRatio).toEqual('aspect-square');
68 | });
69 | });
at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:66:44
|
|
Run /./.github/actions/playwright-atomic
5 flaky
[chromium] › components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts:93:13 › atomic-product-excerpt › when excerpt is truncated › when truncateAfter is set to 2 › when clicking the "Show More" button › when isCollapsible is true › should show "Show Less" button
[chromium] › components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts:122:13 › atomic-product-excerpt › when excerpt is truncated › when truncateAfter is set to 2 › when clicking the "Show More" button › when isCollapsible is false › should not show "Show Less" button
[chromium] › components/commerce/product-template-components/atomic-product-excerpt/e2e/atomic-product-excerpt.e2e.ts:98:13 › atomic-product-excerpt › when excerpt is truncated › when truncateAfter is set to 3 › when clicking the "Show More" button › when isCollapsible is true › should collapse excerpt when clicking the "Show Less" button
[chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:46:5 › with a custom fallback image › when the product image is missing › should have a 1:1 aspect ratio
[chromium] › components/commerce/product-template-components/atomic-product-image/e2e/atomic-product-image.e2e.ts:64:5 › with a custom fallback image › when the product image is invalid › should have a 1:1 aspect ratio
19 passed (1.0m)
|
Loading