docs(headless commerce SSR): basics for commerce SSR + Remix sample #24854
Annotations
3 errors and 1 notice
Run /./.github/actions/playwright-atomic:
packages/atomic/src/components/search/atomic-search-box/e2e/atomic-search-box.e2e.ts#L69
1) [chromium] › components/search/atomic-search-box/e2e/atomic-search-box.e2e.ts:68:5 › with instant results & query suggestions › with recent queries › should display recent queries
Error: Timed out 7000ms waiting for expect(locator).toBeVisible()
Locator: getByLabel(/recent query\.(?: Button\.)? \d of \d\./).first()
Expected: visible
Received: <element(s) not found>
Call log:
- expect.toBeVisible with timeout 7000ms
- waiting for getByLabel(/recent query\.(?: Button\.)? \d of \d\./).first()
67 | });
68 | test('should display recent queries', async ({searchBox}) => {
> 69 | await expect(searchBox.recentQueries().first()).toBeVisible();
| ^
70 | });
71 |
72 | test('should clear recent queries when clicking the clear button', async ({
at /home/runner/work/ui-kit/ui-kit/packages/atomic/src/components/search/atomic-search-box/e2e/atomic-search-box.e2e.ts:69:55
|
Run /./.github/actions/playwright-atomic:
packages/atomic/src/components/search/atomic-search-box/e2e/atomic-search-box.e2e.ts#L108
2) [chromium] › components/search/atomic-search-box/e2e/atomic-search-box.e2e.ts:105:5 › with instant results & query suggestions › after clicking the searchbox input › should be A11y compliant
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 423
- Array []
+ Array [
+ Object {
+ "description": "Ensures links have discernible text",
+ "help": "Links must have discernible text",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/link-name?application=playwright",
+ "id": "link-name",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "has-visible-text",
+ "impact": "serious",
+ "message": "Element does not have text that is visible to screen readers",
+ "relatedNodes": Array [],
+ },
+ Object {
+ "data": null,
+ "id": "aria-label",
+ "impact": "serious",
+ "message": "aria-label attribute does not exist or is empty",
+ "relatedNodes": Array [],
+ },
+ Object {
+ "data": null,
+ "id": "aria-labelledby",
+ "impact": "serious",
+ "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty",
+ "relatedNodes": Array [],
+ },
+ Object {
+ "data": Object {
+ "messageKey": "noAttr",
+ },
+ "id": "non-empty-title",
+ "impact": "serious",
+ "message": "Element has no title attribute",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix all of the following:
+ Element is in tab order and does not have accessible text
+
+ Fix any of the following:
+ Element does not have text that is visible to screen readers
+ aria-label attribute does not exist or is empty
+ aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
+ Element has no title attribute",
+ "html": "<a href=\"https://fashion.coveodemo.com/pdp/340135_E9E\" target=\"_self\"><atomic-result-text></atomic-result-text></a>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": null,
+ "id": "focusable-no-name",
+ "impact": "serious",
+ "message": "Element is in tab order and does not have accessible text",
+ "relatedNodes": Array [],
+ },
+ ],
+ "target": Array [
+ Array [
+ "atomic-search-box",
+ "#atomic-search-box-ylf4p-right-suggestion-instant-result-42463385136https584747fashion46coveodemo46com47pdp47340135_E9E > atomic-result",
+ "a[target=\"_self\"]",
+ ],
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "has-visible-text",
+ "impact": "serious",
+ "message": "Element does not have text that is visible to screen readers",
+ "relatedNodes": Array [],
+ },
+ Object {
+ "data": null,
+ "id": "aria-label",
+ "impact": "serious",
+ "message": "aria-label attribute does not exist or is empty",
+ "relatedNodes": Array [],
+ },
+ Object {
+ "data": null,
+ "id": "aria-labelledby",
+
|
Run /./.github/actions/playwright-atomic:
packages/atomic/src/components/search/atomic-search-box/e2e/atomic-search-box.e2e.ts#L108
2) [chromium] › components/search/atomic-search-box/e2e/atomic-search-box.e2e.ts:105:5 › with instant results & query suggestions › after clicking the searchbox input › should be A11y compliant
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 423
- Array []
+ Array [
+ Object {
+ "description": "Ensures links have discernible text",
+ "help": "Links must have discernible text",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/link-name?application=playwright",
+ "id": "link-name",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "has-visible-text",
+ "impact": "serious",
+ "message": "Element does not have text that is visible to screen readers",
+ "relatedNodes": Array [],
+ },
+ Object {
+ "data": null,
+ "id": "aria-label",
+ "impact": "serious",
+ "message": "aria-label attribute does not exist or is empty",
+ "relatedNodes": Array [],
+ },
+ Object {
+ "data": null,
+ "id": "aria-labelledby",
+ "impact": "serious",
+ "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty",
+ "relatedNodes": Array [],
+ },
+ Object {
+ "data": Object {
+ "messageKey": "noAttr",
+ },
+ "id": "non-empty-title",
+ "impact": "serious",
+ "message": "Element has no title attribute",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix all of the following:
+ Element is in tab order and does not have accessible text
+
+ Fix any of the following:
+ Element does not have text that is visible to screen readers
+ aria-label attribute does not exist or is empty
+ aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
+ Element has no title attribute",
+ "html": "<a href=\"https://fashion.coveodemo.com/pdp/340135_E9E\" target=\"_self\"><atomic-result-text></atomic-result-text></a>",
+ "impact": "serious",
+ "none": Array [
+ Object {
+ "data": null,
+ "id": "focusable-no-name",
+ "impact": "serious",
+ "message": "Element is in tab order and does not have accessible text",
+ "relatedNodes": Array [],
+ },
+ ],
+ "target": Array [
+ Array [
+ "atomic-search-box",
+ "#atomic-search-box-4ag0r-right-suggestion-instant-result-42463385136https584747fashion46coveodemo46com47pdp47340135_E9E > atomic-result",
+ "a[target=\"_self\"]",
+ ],
+ ],
+ },
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "has-visible-text",
+ "impact": "serious",
+ "message": "Element does not have text that is visible to screen readers",
+ "relatedNodes": Array [],
+ },
+ Object {
+ "data": null,
+ "id": "aria-label",
+ "impact": "serious",
+ "message": "aria-label attribute does not exist or is empty",
+ "relatedNodes": Array [],
+ },
+
|
Run /./.github/actions/playwright-atomic
2 flaky
[chromium] › components/search/atomic-search-box/e2e/atomic-search-box.e2e.ts:68:5 › with instant results & query suggestions › with recent queries › should display recent queries
[chromium] › components/search/atomic-search-box/e2e/atomic-search-box.e2e.ts:105:5 › with instant results & query suggestions › after clicking the searchbox input › should be A11y compliant
21 passed (47.0s)
|
Loading