https://github.com/nbaldzhiev/hdot-website-ui-tests

UI Tests for the HDOT website using TypeScript and Playwright
https://github.com/nbaldzhiev/hdot-website-ui-tests

playwright typescript

Last synced: about 1 month ago
JSON representation

UI Tests for the HDOT website using TypeScript and Playwright

• Host: GitHub
• URL: https://github.com/nbaldzhiev/hdot-website-ui-tests
• Owner: nbaldzhiev
• Created: 2023-04-29T14:13:09.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-05-03T15:22:56.000Z (over 1 year ago)
• Last Synced: 2023-12-18T12:35:20.724Z (about 1 year ago)
• Topics: playwright, typescript
• Language: TypeScript
• Homepage:
• Size: 83 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# HDOT UI Tests

A repository containing a Playwright (TypeScript) project with UI tests (POM-based) for the [HDOT website](https://climate-resilience.hidot.hawaii.gov/).

## Installation

Make sure that NodeJS is installed and run:

    $ npm i

within the root folder of the repository.

## Running tests

You can run the tests either locally or via GitHub Actions. They run using 1 worker and against Chromium, Firefox and Webkit (Desktop Safari).

### Locally

After installing, run

    $ npx playwright test

### GitHub Actions (CI)

-   [run-all-tests.yml](https://github.com/nbaldzhiev/playwright-ts-orange-hrm/blob/main/.github/workflows/run-all-test-specs.yml) - Runs all test specs upon manual trigger (`workflow_dispatch`);

The Playwright HTML report is uploaded as a workflow artifact.

The tests are unstable in CI as the app loads very slowly there, so a TODO here is to investigate why and improve the tests when running in a GitHub Actions workflow.

> **_NOTE:_** You need to be a repository collaborator in order to run the workflow.

### Location

Tests are located in the `tests/e2e.spec.ts` file:

-   `Should be able to open the Map page from the Home page`;

-   `Should be able to toggle Facilities and Structure layer`;

-   `Should be able to navigate to each section on the Home page`.