Feat(MWPW-146367):Added accessibility player controls (NON MPC) #1366
run-nala-default.yml
on: pull_request
Matrix: Running Nala E2E UI Tests
Annotations
6 errors and 1 notice
[milo-live-chromium] › blocks/marquee/marquee.test.js:555:7 › Milo Marquee Block test suite › [Test Id - 16] Marquee large (background video playsinline desktop):
nala/blocks/marquee/marquee.test.js#L573
1) [milo-live-chromium] › blocks/marquee/marquee.test.js:555:7 › Milo Marquee Block test suite › [Test Id - 16] Marquee large (background video playsinline desktop),@marquee @marquee-video @smoke @regression @milo › step-2: Verify Marquee (large, light) desktop background specs
Error: Timed out 5000ms waiting for expect(locator).toContainText(expected)
Locator: locator('.marquee').first().locator('a').nth(1)
Expected string: "See all plans"
Received string: "Free trial"
Call log:
- expect.toContainText with timeout 5000ms
- waiting for locator('.marquee').first().locator('a').nth(1)
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
571 | await expect(await marquee.bodyXL).toContainText(data.bodyText);
572 | await expect(await marquee.blueButtonXL).toContainText(data.blueButtonText);
> 573 | await expect(await marquee.actionLink2).toContainText(data.linkText);
| ^
574 |
575 | await expect(await marquee.backgroundVideoDesktop).toBeVisible();
576 | expect(await webUtil.verifyAttributes(marquee.backgroundVideoDesktop, marquee.attributes['backgroundVideo.inline'])).toBeTruthy();
at /home/runner/work/milo/mil
|
[milo-live-chromium] › blocks/marquee/marquee.test.js:555:7 › Milo Marquee Block test suite › [Test Id - 16] Marquee large (background video playsinline desktop):
nala/blocks/marquee/marquee.test.js#L573
1) [milo-live-chromium] › blocks/marquee/marquee.test.js:555:7 › Milo Marquee Block test suite › [Test Id - 16] Marquee large (background video playsinline desktop),@marquee @marquee-video @smoke @regression @milo › step-2: Verify Marquee (large, light) desktop background specs
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toContainText(expected)
Locator: locator('.marquee').first().locator('a').nth(1)
Expected string: "See all plans"
Received string: "Free trial"
Call log:
- expect.toContainText with timeout 5000ms
- waiting for locator('.marquee').first().locator('a').nth(1)
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
571 | await expect(await marquee.bodyXL).toContainText(data.bodyText);
572 | await expect(await marquee.blueButtonXL).toContainText(data.blueButtonText);
> 573 | await expect(await marquee.actionLink2).toContainText(data.linkText);
| ^
574 |
575 | await expect(await marquee.backgroundVideoDesktop).toBeVisible();
|
[milo-live-firefox] › blocks/marquee/marquee.test.js:555:7 › Milo Marquee Block test suite › [Test Id - 16] Marquee large (background video playsinline desktop):
nala/blocks/marquee/marquee.test.js#L573
2) [milo-live-firefox] › blocks/marquee/marquee.test.js:555:7 › Milo Marquee Block test suite › [Test Id - 16] Marquee large (background video playsinline desktop),@marquee @marquee-video @smoke @regression @milo › step-2: Verify Marquee (large, light) desktop background specs
Error: Timed out 5000ms waiting for expect(locator).toContainText(expected)
Locator: locator('.marquee').first().locator('a').nth(1)
Expected string: "See all plans"
Received string: "Free trial"
Call log:
- expect.toContainText with timeout 5000ms
- waiting for locator('.marquee').first().locator('a').nth(1)
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
571 | await expect(await marquee.bodyXL).toContainText(data.bodyText);
572 | await expect(await marquee.blueButtonXL).toContainText(data.blueButtonText);
> 573 | await expect(await marquee.actionLink2).toContainText(data.linkText);
| ^
574 |
575 | await expect(await marquee.backgroundVideoDesktop).toBeVisible();
576 | expect(await webUtil.verifyAttributes(marquee.backgroundVideoDesktop, marquee.attributes['backgroundVideo.inline'])).toBeTruthy();
at /home/runner/work/milo/milo/nala/blocks/marquee/marquee.test.js:573:47
at /home/runner/work/milo/milo/nala/blocks/marquee/marquee.test.js:567:5
|
[milo-live-firefox] › blocks/marquee/marquee.test.js:555:7 › Milo Marquee Block test suite › [Test Id - 16] Marquee large (background video playsinline desktop):
nala/blocks/marquee/marquee.test.js#L573
2) [milo-live-firefox] › blocks/marquee/marquee.test.js:555:7 › Milo Marquee Block test suite › [Test Id - 16] Marquee large (background video playsinline desktop),@marquee @marquee-video @smoke @regression @milo › step-2: Verify Marquee (large, light) desktop background specs
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toContainText(expected)
Locator: locator('.marquee').first().locator('a').nth(1)
Expected string: "See all plans"
Received string: "Free trial"
Call log:
- expect.toContainText with timeout 5000ms
- waiting for locator('.marquee').first().locator('a').nth(1)
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
- locator resolved to <a href="#video-modal" data-block-status="loaded" data-modal-hash="#video-modal" daa-ll="Free trial-2--Desktop video only" data-modal-path="/fragments/rclayton/video" class="modal link-block con-button blue button-xl button-justified-mobile">Free trial</a>
- unexpected value "Free trial"
571 | await expect(await marquee.bodyXL).toContainText(data.bodyText);
572 | await expect(await marquee.blueButtonXL).toContainText(data.blueButtonText);
> 573 | await expect(await marquee.actionLink2).toContainText(data.linkText);
| ^
574 |
575 | await expect(await marquee.backgroundVideoDesktop).toBeVisible();
576 | expect(await webUtil.verifyAttributes(marquee.backgroundVideoDesktop, marquee.attributes['backgroundVideo.inline'])).toBeTruthy();
at /home/runner/work/milo/milo/nala/blocks/marquee/marquee.test.js:573:47
at /home/runner/work/milo/milo/nala/blocks/marquee/marquee.test.js:567:5
|
[milo-live-chromium] › blocks/review/review.test.js:34:7 › Milo Review Block test suite › [Test Id - 1] @Review low:
nala/libs/accessibility.js#L126
3) [milo-live-chromium] › blocks/review/review.test.js:34:7 › Milo Review Block test suite › [Test Id - 1] @review low,@review @smoke @regression @milo › step-2: Verify the accessibility test on the review block
AccessibilityError: [Accessibility Test failed for [Test Id - 1] @review low].
Accessibility test failed : 1 violation(s) found.
========== Accessibility Test ==========
[Test Name ]: [Test Id - 1] @review low
[Test Page URL]: https://mwpw-146367--milosh--sharath-kannan.hlx.live/drafts/nala/blocks/review/review
[Accessibility]: Running accessibility test on the provided locator: locator('.review')
[Result ]: Accessibility test found 1 accessibility violation(s) for [Test Id - 1] @review low
[Violation Details]:
1. Violation: Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds
- Axe Rule ID: color-contrast
- Severity: serious
- WCAG Tags: cat.color, wcag2aa, wcag143, TTv5, TT13.c, EN-301-549, EN-9.1.4.3, ACT
- Nodes affected:
1. <h3 class="hlx-reviewTitle">Rate your Experience</h3>
- Fix: https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright
at libs/accessibility.js:126
124 | }
125 | } catch (err) {
> 126 | throw new AccessibilityError(
| ^
127 | `[Accessibility Test failed for ${testName}].\n ${err.message}`,
128 | );
129 | }
at runAccessibilityTest (/home/runner/work/milo/milo/nala/libs/accessibility.js:126:11)
at /home/runner/work/milo/milo/nala/blocks/review/review.test.js:44:7
at /home/runner/work/milo/milo/nala/blocks/review/review.test.js:43:5
|
Running Nala E2E UI Tests (20.x)
Process completed with exit code 1.
|
🎭 Playwright Run Summary
2 failed
[milo-live-chromium] › blocks/marquee/marquee.test.js:555:7 › Milo Marquee Block test suite › [Test Id - 16] Marquee large (background video playsinline desktop),@marquee @marquee-video @smoke @regression @milo
[milo-live-firefox] › blocks/marquee/marquee.test.js:555:7 › Milo Marquee Block test suite › [Test Id - 16] Marquee large (background video playsinline desktop),@marquee @marquee-video @smoke @regression @milo
1 flaky
[milo-live-chromium] › blocks/review/review.test.js:34:7 › Milo Review Block test suite › [Test Id - 1] @review low,@review @smoke @regression @milo
16 skipped
533 passed (6.8m)
|