Added tests for the Header Component,

[aasimsyed]

GitHub Actions Workflow

• Modified Workflow:
  • Added a step to check Docker container logs.
  • Enhanced the step with retry logic:
  • Attempts up to 3 times.
  • Waits for 30 seconds on each attempt. - Exits with failure message after 3 unsuccessful attempts.

Configuration and Dependencies

• Frontend:
  • Added .yarnrc file to ignore engines check.
  • Updated dependencies and devDependencies:
  • Upgraded playwright to 1.44.0.
  • Upgraded @playwright/test to 1.44.0.
  • Removed playwright-core dependency.
  • Added resolutions for playwright-core to 1.44.0 .

Components

• BtnRoadMap.vue:

  • Added id="btn-roadmap" to the NuxtLink.

• BtnRouteExternal.vue and BtnRouteInternal.vue:

  • Added dynamic ID binding :id="id".

• DropdownLanguage.vue and DropdownTheme.vue:

  • Added class attributes for "dropdown-language" and "dropdown-theme".

• HeaderWebsite.vue:

  • Added id="header" to the header.
  • Added IDs for mobile and desktop headers.
  • Added IDs for "btn-get-in-touch-medium", "btn-get-in-touch-medium" components.

• LandingContent.vue:

  • Added dynamic button IDs.

• LogoActivist.vue:

  • Added logo-activist class.

• SidebarRightHamburger.vue:

  • Added id="sidebar-right-hamburger" to the button.

Playwright Configuration

• playwright.config.ts:
  • Added screenshot settings for fails.
  • Removed comments and unused configurations.

Component Objects

• BaseComponent.ts:

  • Added locator handling.

• HeaderWebsite.ts:

  • New file created for handling header-specific components and interactions.

• BasePage.ts:

  • Enhanced base page with locator handling.
  • Added methods for viewport detection and URL waiting.

• LandingPage.ts:

  • Added component object for the landing page, integrating for header interactions.
  • Updated locators for buttons and links.

Tests

• landing-page.spec.ts:
  • Added tests for header visibility, roadmap navigation, and Get In Touch button functionality.
  • Updated accessibility and link visibility tests.

Type Definitions

• btn-props.d.ts:
  • Added optional id property to BtnRoute

Yarn Lock

• yarn.lock:
  • Updated package versions to match new dependencies in .

Contributor checklist

• [x] This pull request is on a separate branch and not the main branch

---

Description

This PR implements the tests and associated page/component objects in Playwright for the Header on the Landing Page. It also adds a few configuration and workflow tweaks.

Related issue

• ISSUE_NUMBER

[github-actions[bot]]

Thank you for the pull request!

The activist team will do our best to address your contribution as soon as we can. The following is a checklist for maintainers to make sure this process goes as well as possible. Feel free to address the points below yourself in further commits if you realize that actions are needed :)

If you're not already a member of our public Matrix community, please consider joining! We'd suggest using Element as your Matrix client, and definitely join the General and Development rooms once you're in. Also consider joining our bi-weekly Saturday dev syncs. It'd be great to have you!

Maintainer checklist

• [x] The commit messages for the remote branch should be checked to make sure the contributor's email is set up correctly so that they receive credit for their contribution

  • The contributor's name and icon in remote commits should be the same as what appears in the PR
  • If there's a mismatch, the contributor needs to make sure that the email they use for GitHub matches what they have for git config user.email in their local activist repo

• [x] The TypeScript and formatting workflows within the PR checks do not indicate new errors in the files changed

• [x] The Playwright end to end and Zap penetration tests have been ran and are passing (if necessary)

• [x] The CHANGELOG has been updated with a description of the changes for the upcoming release and the corresponding issue (if necessary)

[netlify[bot]]

✅ Deploy Preview for activist-org ready!

Name	Link
🔨 Latest commit	2fe7e6911f92947d947ac518f0a0e61b4cfd13c7
🔍 Latest deploy log	https://app.netlify.com/sites/activist-org/deploys/6684425bc43bd30008cc9451
😎 Deploy Preview	https://deploy-preview-886--activist-org.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[aasimsyed]

@andrewtavis retested locally and good to merge now