Landing page tests #122
Andrew-OchiengAnnotations
10 errors, 2 warnings, and 1 notice
|
[chromium] › pages/landing-page.spec.js:26:3 › Landing page tests › Check "View More" button functionality:
tests/pages/landing-page.spec.js#L29
1) [chromium] › pages/landing-page.spec.js:26:3 › Landing page tests › Check "View More" button functionality
Error: expect.toBeVisible: Error: strict mode violation: locator('text="View More"') resolved to 5 elements:
1) <span class="capitalize text-green-header text-sm font-semibold">View More</span> aka getByLabel('View More', { exact: true }).first()
2) <span class="capitalize text-green-header text-sm font-semibold">View More</span> aka getByLabel('View More', { exact: true }).nth(1)
3) <span class="capitalize text-green-header text-sm font-semibold">View More</span> aka getByLabel('View More', { exact: true }).nth(2)
4) <span class="capitalize text-green-header text-sm font-semibold">View More</span> aka getByLabel('View More', { exact: true }).nth(3)
5) <span class="capitalize text-green-header text-sm font-semibold">View More</span> aka getByLabel('View More', { exact: true }).nth(4)
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for locator('text="View More"')
27 | // Verify that the "View More" button is present and clickable
28 | const viewMoreButton = page.locator('text="View More"');
> 29 | await expect(viewMoreButton).toBeVisible();
| ^
30 | await expect(viewMoreButton).toBeEnabled();
31 |
32 | await viewMoreButton.click();
at /home/runner/work/SYT-Web-Redesign/SYT-Web-Redesign/tests/pages/landing-page.spec.js:29:34
|
|
[chromium] › pages/landing-page.spec.js:26:3 › Landing page tests › Check "View More" button functionality:
tests/pages/landing-page.spec.js#L29
1) [chromium] › pages/landing-page.spec.js:26:3 › Landing page tests › Check "View More" button functionality
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect.toBeVisible: Error: strict mode violation: locator('text="View More"') resolved to 5 elements:
1) <span class="capitalize text-green-header text-sm font-semibold">View More</span> aka getByLabel('View More', { exact: true }).first()
2) <span class="capitalize text-green-header text-sm font-semibold">View More</span> aka getByLabel('View More', { exact: true }).nth(1)
3) <span class="capitalize text-green-header text-sm font-semibold">View More</span> aka getByLabel('View More', { exact: true }).nth(2)
4) <span class="capitalize text-green-header text-sm font-semibold">View More</span> aka getByLabel('View More', { exact: true }).nth(3)
5) <span class="capitalize text-green-header text-sm font-semibold">View More</span> aka getByLabel('View More', { exact: true }).nth(4)
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for locator('text="View More"')
27 | // Verify that the "View More" button is present and clickable
28 | const viewMoreButton = page.locator('text="View More"');
> 29 | await expect(viewMoreButton).toBeVisible();
| ^
30 | await expect(viewMoreButton).toBeEnabled();
31 |
32 | await viewMoreButton.click();
at /home/runner/work/SYT-Web-Redesign/SYT-Web-Redesign/tests/pages/landing-page.spec.js:29:34
|
|
[chromium] › pages/landing-page.spec.js:26:3 › Landing page tests › Check "View More" button functionality:
tests/pages/landing-page.spec.js#L29
1) [chromium] › pages/landing-page.spec.js:26:3 › Landing page tests › Check "View More" button functionality
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect.toBeVisible: Error: strict mode violation: locator('text="View More"') resolved to 5 elements:
1) <span class="capitalize text-green-header text-sm font-semibold">View More</span> aka getByLabel('View More', { exact: true }).first()
2) <span class="capitalize text-green-header text-sm font-semibold">View More</span> aka getByLabel('View More', { exact: true }).nth(1)
3) <span class="capitalize text-green-header text-sm font-semibold">View More</span> aka getByLabel('View More', { exact: true }).nth(2)
4) <span class="capitalize text-green-header text-sm font-semibold">View More</span> aka getByLabel('View More', { exact: true }).nth(3)
5) <span class="capitalize text-green-header text-sm font-semibold">View More</span> aka getByLabel('View More', { exact: true }).nth(4)
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for locator('text="View More"')
27 | // Verify that the "View More" button is present and clickable
28 | const viewMoreButton = page.locator('text="View More"');
> 29 | await expect(viewMoreButton).toBeVisible();
| ^
30 | await expect(viewMoreButton).toBeEnabled();
31 |
32 | await viewMoreButton.click();
at /home/runner/work/SYT-Web-Redesign/SYT-Web-Redesign/tests/pages/landing-page.spec.js:29:34
|
|
[chromium] › pages/landing-page.spec.js:40:3 › Landing page tests › Check 'HOW WE WORK' section title and content:
tests/pages/landing-page.spec.js#L42
2) [chromium] › pages/landing-page.spec.js:40:3 › Landing page tests › Check 'HOW WE WORK' section title and content
Error: Timed out 5000ms waiting for expect(locator).toBeVisible()
Locator: locator('text="HOW WE WORK"')
Expected: visible
Received: <element(s) not found>
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for locator('text="HOW WE WORK"')
40 | test("Check 'HOW WE WORK' section title and content", async ({ page }) => {
41 | const howWeWorkSection = page.locator('text="HOW WE WORK"');
> 42 | await expect(howWeWorkSection).toBeVisible();
| ^
43 |
44 | const howWeWorkContent = page.locator('.how-we-work-content');
45 | await expect(howWeWorkContent).toBeVisible();
at /home/runner/work/SYT-Web-Redesign/SYT-Web-Redesign/tests/pages/landing-page.spec.js:42:36
|
|
[chromium] › pages/landing-page.spec.js:40:3 › Landing page tests › Check 'HOW WE WORK' section title and content:
tests/pages/landing-page.spec.js#L42
2) [chromium] › pages/landing-page.spec.js:40:3 › Landing page tests › Check 'HOW WE WORK' section title and content
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toBeVisible()
Locator: locator('text="HOW WE WORK"')
Expected: visible
Received: <element(s) not found>
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for locator('text="HOW WE WORK"')
40 | test("Check 'HOW WE WORK' section title and content", async ({ page }) => {
41 | const howWeWorkSection = page.locator('text="HOW WE WORK"');
> 42 | await expect(howWeWorkSection).toBeVisible();
| ^
43 |
44 | const howWeWorkContent = page.locator('.how-we-work-content');
45 | await expect(howWeWorkContent).toBeVisible();
at /home/runner/work/SYT-Web-Redesign/SYT-Web-Redesign/tests/pages/landing-page.spec.js:42:36
|
|
[chromium] › pages/landing-page.spec.js:40:3 › Landing page tests › Check 'HOW WE WORK' section title and content:
tests/pages/landing-page.spec.js#L42
2) [chromium] › pages/landing-page.spec.js:40:3 › Landing page tests › Check 'HOW WE WORK' section title and content
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toBeVisible()
Locator: locator('text="HOW WE WORK"')
Expected: visible
Received: <element(s) not found>
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for locator('text="HOW WE WORK"')
40 | test("Check 'HOW WE WORK' section title and content", async ({ page }) => {
41 | const howWeWorkSection = page.locator('text="HOW WE WORK"');
> 42 | await expect(howWeWorkSection).toBeVisible();
| ^
43 |
44 | const howWeWorkContent = page.locator('.how-we-work-content');
45 | await expect(howWeWorkContent).toBeVisible();
at /home/runner/work/SYT-Web-Redesign/SYT-Web-Redesign/tests/pages/landing-page.spec.js:42:36
|
|
[chromium] › pages/landing-page.spec.js:50:3 › Landing page tests › Check 'WHAT WE DO' section title and content:
tests/pages/landing-page.spec.js#L52
3) [chromium] › pages/landing-page.spec.js:50:3 › Landing page tests › Check 'WHAT WE DO' section title and content
Error: Timed out 5000ms waiting for expect(locator).toBeVisible()
Locator: locator('text="WHAT WE DO"')
Expected: visible
Received: <element(s) not found>
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for locator('text="WHAT WE DO"')
50 | test("Check 'WHAT WE DO' section title and content", async ({ page }) => {
51 | const whatWeDoSection = page.locator('text="WHAT WE DO"');
> 52 | await expect(whatWeDoSection).toBeVisible();
| ^
53 |
54 | const whatWeDoContent = page.locator('.what-we-do-content');
55 | await expect(whatWeDoContent).toBeVisible();
at /home/runner/work/SYT-Web-Redesign/SYT-Web-Redesign/tests/pages/landing-page.spec.js:52:35
|
|
[chromium] › pages/landing-page.spec.js:50:3 › Landing page tests › Check 'WHAT WE DO' section title and content:
tests/pages/landing-page.spec.js#L52
3) [chromium] › pages/landing-page.spec.js:50:3 › Landing page tests › Check 'WHAT WE DO' section title and content
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toBeVisible()
Locator: locator('text="WHAT WE DO"')
Expected: visible
Received: <element(s) not found>
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for locator('text="WHAT WE DO"')
50 | test("Check 'WHAT WE DO' section title and content", async ({ page }) => {
51 | const whatWeDoSection = page.locator('text="WHAT WE DO"');
> 52 | await expect(whatWeDoSection).toBeVisible();
| ^
53 |
54 | const whatWeDoContent = page.locator('.what-we-do-content');
55 | await expect(whatWeDoContent).toBeVisible();
at /home/runner/work/SYT-Web-Redesign/SYT-Web-Redesign/tests/pages/landing-page.spec.js:52:35
|
|
[chromium] › pages/landing-page.spec.js:50:3 › Landing page tests › Check 'WHAT WE DO' section title and content:
tests/pages/landing-page.spec.js#L52
3) [chromium] › pages/landing-page.spec.js:50:3 › Landing page tests › Check 'WHAT WE DO' section title and content
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toBeVisible()
Locator: locator('text="WHAT WE DO"')
Expected: visible
Received: <element(s) not found>
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for locator('text="WHAT WE DO"')
50 | test("Check 'WHAT WE DO' section title and content", async ({ page }) => {
51 | const whatWeDoSection = page.locator('text="WHAT WE DO"');
> 52 | await expect(whatWeDoSection).toBeVisible();
| ^
53 |
54 | const whatWeDoContent = page.locator('.what-we-do-content');
55 | await expect(whatWeDoContent).toBeVisible();
at /home/runner/work/SYT-Web-Redesign/SYT-Web-Redesign/tests/pages/landing-page.spec.js:52:35
|
|
[chromium] › pages/landing-page.spec.js:60:3 › Landing page tests › Check 'OUR EVENTS' section title:
tests/pages/landing-page.spec.js#L62
4) [chromium] › pages/landing-page.spec.js:60:3 › Landing page tests › Check 'OUR EVENTS' section title, events card, and 'View More' button
Error: Timed out 5000ms waiting for expect(locator).toBeVisible()
Locator: locator('text="OUR EVENTS"')
Expected: visible
Received: <element(s) not found>
Call log:
- expect.toBeVisible with timeout 5000ms
- waiting for locator('text="OUR EVENTS"')
60 | test("Check 'OUR EVENTS' section title, events card, and 'View More' button", async ({ page }) => {
61 | const ourEventsSection = page.locator('text="OUR EVENTS"');
> 62 | await expect(ourEventsSection).toBeVisible();
| ^
63 |
64 | const eventCards = page.locator('.event-card');
65 | await expect(eventCards).toHaveCountGreaterThan(0);
at /home/runner/work/SYT-Web-Redesign/SYT-Web-Redesign/tests/pages/landing-page.spec.js:62:36
|
|
Deprecation notice: v1, v2, and v3 of the artifact actions
The following artifacts were uploaded using a version of actions/upload-artifact that is scheduled for deprecation: "playwright-report".
Please update your workflow to use v4 of the artifact actions.
Learn more: https://github.blog/changelog/2024-04-16-deprecation-notice-v3-of-the-artifact-actions/
|
|
tests
The following actions use a deprecated Node.js version and will be forced to run on node20: actions/checkout@v3, actions/setup-node@v3, actions/upload-artifact@v3. For more info: https://github.blog/changelog/2024-03-07-github-actions-all-actions-will-run-on-node20-instead-of-node16-by-default/
|
|
🎭 Playwright Run Summary
14 failed
[chromium] › pages/landing-page.spec.js:26:3 › Landing page tests › Check "View More" button functionality
[chromium] › pages/landing-page.spec.js:40:3 › Landing page tests › Check 'HOW WE WORK' section title and content
[chromium] › pages/landing-page.spec.js:50:3 › Landing page tests › Check 'WHAT WE DO' section title and content
[chromium] › pages/landing-page.spec.js:60:3 › Landing page tests › Check 'OUR EVENTS' section title, events card, and 'View More' button
[chromium] › pages/landing-page.spec.js:73:3 › Landing page tests › Check 'OUR IMPACT' section title and stats card
[chromium] › pages/landing-page.spec.js:82:3 › Landing page tests › Check 'TESTIMONIALS' section title and testimonial card in marquee
[chromium] › pages/landing-page.spec.js:94:3 › Landing page tests › Check 'FAQ' section title and FAQ accordion
[webkit] › pages/landing-page.spec.js:26:3 › Landing page tests › Check "View More" button functionality
[webkit] › pages/landing-page.spec.js:40:3 › Landing page tests › Check 'HOW WE WORK' section title and content
[webkit] › pages/landing-page.spec.js:50:3 › Landing page tests › Check 'WHAT WE DO' section title and content
[webkit] › pages/landing-page.spec.js:60:3 › Landing page tests › Check 'OUR EVENTS' section title, events card, and 'View More' button
[webkit] › pages/landing-page.spec.js:73:3 › Landing page tests › Check 'OUR IMPACT' section title and stats card
[webkit] › pages/landing-page.spec.js:82:3 › Landing page tests › Check 'TESTIMONIALS' section title and testimonial card in marquee
[webkit] › pages/landing-page.spec.js:94:3 › Landing page tests › Check 'FAQ' section title and FAQ accordion
10 passed (4.3m)
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
playwright-report
Expired
|
34.5 MB |
|