supersem

End-to-end test suite built with Playwright that validates the Fyle marketing homepage. The tests cover SEO metadata, accessibility landmarks, key content sections, footer links, and the "Get a Demo" contact form.

Requirements

• Node.js 18 or newer
• npm (ships with Node.js)

Installation

Install the project dependencies and the Playwright browser binaries:

npm install
npx playwright install

Running the tests

Run the full suite across Chromium, Firefox, and WebKit:

npx playwright test

Common variations:

# Run with the interactive UI runner
npx playwright test --ui

# Run a single browser project
npx playwright test --project=chromium

# Run a single spec file
npx playwright test src/example.spec.ts

# Run in headed mode to watch the browser
npx playwright test --headed

Viewing reports

An HTML report is generated after each run. Open the most recent one with:

npx playwright show-report

Project structure

.
├── src/
│   └── example.spec.ts      # Test suite for the Fyle homepage
├── playwright.config.ts     # Playwright configuration (browsers, reporter, etc.)
├── playwright-report/       # Generated HTML report
├── test-results/            # Generated test artifacts (traces, error context)
└── package.json

Configuration

Test behavior is controlled by playwright.config.ts:

• Test directory: ./src
• Browsers: Desktop Chrome, Desktop Firefox, Desktop Safari
• Parallelism: fully parallel
• Reporter: HTML
• CI behavior: retries failed tests twice and runs with a single worker when CI is set

The base URL under test is defined in src/example.spec.ts as https://www.fylehq.com/.