# saanvisonker-ttn/tothenew-testautomation architecture

> Architecture diagram of the GitHub repository saanvisonker-ttn/tothenew-testautomation, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-23). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/saanvisonker-ttn/tothenew-testautomation
- Repository: https://github.com/saanvisonker-ttn/tothenew-testautomation

## Overview

This repository is a Playwright/TypeScript test framework for checking the TOTHENEW website in local and LambdaTest browsers. The main workflow is the Playwright runner loading the configuration, selecting browser projects, and running the site-focused test suites against the configured base URL; cloud projects connect to LambdaTest. The tree also shows page objects, content constants, and visual-test support, but their implementation and wiring were not sampled, so those details are not inferred.

Main entry points: [`playwright.config.ts`](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/playwright.config.ts) (Browser configuration), [`tests/aboutUs.spec.ts`](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/aboutUs.spec.ts) (About tests), [`tests/leadership.spec.ts`](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/leadership.spec.ts) (Leadership tests), [`tests/partners.spec.ts`](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/partners.spec.ts) (Partner tests)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_configuration["Configuration"]
  node_config["Browser configuration"]
  node_global_setup["Cloud setup<br/>[global-setup.ts]"]
end

subgraph group_coverage["Site test coverage"]
  node_about_spec["About tests<br/>[aboutUs.spec.ts]"]
  node_leadership_spec["Leadership tests<br/>[leadership.spec.ts]"]
  node_partners_spec["Partner tests<br/>[partners.spec.ts]"]
  node_header_spec["Header tests<br/>[header.spec.ts]"]
  node_smoke_spec["Header smoke tests<br/>[header.spec.ts]"]
end

subgraph group_support["Test support"]
  node_about_page["About page object<br/>[aboutUs.ts]"]
  node_leadership_page["Leadership page object<br/>[leadership.ts]"]
  node_partner_page["Partner page object<br/>[partner.ts]"]
  node_header_page["Header page object<br/>[header.ts]"]
  node_about_content["About content<br/>[aboutUsContent.ts]"]
  node_partner_content["Partner content<br/>[partnersContent.ts]"]
  node_navigation["Navigation data<br/>[navigation.ts]"]
  node_visual_fixture["Visual test fixture<br/>[visualTest.ts]"]
  node_visual_state["Visual state utility<br/>[visualState.ts]"]
end

subgraph group_integrations["External systems"]
  node_site["TOTHENEW website"]
  node_lambdatest["LambdaTest"]
end

node_engineer(("Test author"))
node_runner["Playwright Test"]

node_engineer -->|"authors tests"| node_about_spec
node_engineer -->|"authors tests"| node_leadership_spec
node_engineer -->|"authors tests"| node_partners_spec
node_engineer -->|"authors tests"| node_header_spec
node_engineer -->|"authors tests"| node_smoke_spec
node_config -->|"configures projects"| node_runner
node_runner -->|"runs"| node_about_spec
node_runner -->|"runs"| node_leadership_spec
node_runner -->|"runs"| node_partners_spec
node_runner -->|"runs"| node_header_spec
node_runner -->|"runs"| node_smoke_spec
node_about_spec -->|"tests website"| node_site
node_leadership_spec -->|"tests website"| node_site
node_partners_spec -->|"tests website"| node_site
node_header_spec -->|"tests website"| node_site
node_smoke_spec -->|"tests website"| node_site
node_config -.->|"connects cloud"| node_lambdatest
node_config -->|"selects setup"| node_global_setup

click node_config "https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/playwright.config.ts"
click node_global_setup "https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/global-setup.ts"
click node_about_spec "https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/aboutUs.spec.ts"
click node_leadership_spec "https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/leadership.spec.ts"
click node_partners_spec "https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/partners.spec.ts"
click node_header_spec "https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/header.spec.ts"
click node_smoke_spec "https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/smoke/header.spec.ts"
click node_about_page "https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/Pages/aboutUs.ts"
click node_leadership_page "https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/Pages/leadership.ts"
click node_partner_page "https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/Pages/partner.ts"
click node_header_page "https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/Pages/header.ts"
click node_about_content "https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/constants/aboutUsContent.ts"
click node_partner_content "https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/constants/partnersContent.ts"
click node_navigation "https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/constants/navigation.ts"
click node_visual_fixture "https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/fixtures/visualTest.ts"
click node_visual_state "https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/utils/visualState.ts"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_config,node_global_setup toneBlue
class node_about_spec,node_leadership_spec,node_partners_spec,node_header_spec,node_smoke_spec toneAmber
class node_about_page,node_leadership_page,node_partner_page,node_header_page,node_about_content,node_partner_content,node_navigation,node_visual_fixture,node_visual_state toneMint
class node_site,node_lambdatest toneRose
class node_engineer,node_runner toneIndigo
```

## Components

### Configuration

- [Browser configuration](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/playwright.config.ts): `playwright.config.ts`
- [Cloud setup](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/global-setup.ts): `tests/global-setup.ts`

### Site test coverage

- [About tests](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/aboutUs.spec.ts): `tests/aboutUs.spec.ts`
- [Leadership tests](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/leadership.spec.ts): `tests/leadership.spec.ts`
- [Partner tests](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/partners.spec.ts): `tests/partners.spec.ts`
- [Header tests](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/header.spec.ts): `tests/header.spec.ts`
- [Header smoke tests](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/smoke/header.spec.ts): `tests/smoke/header.spec.ts`

### Test support

- [About page object](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/Pages/aboutUs.ts): `tests/Pages/aboutUs.ts`
- [Leadership page object](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/Pages/leadership.ts): `tests/Pages/leadership.ts`
- [Partner page object](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/Pages/partner.ts): `tests/Pages/partner.ts`
- [Header page object](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/Pages/header.ts): `tests/Pages/header.ts`
- [About content](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/constants/aboutUsContent.ts): `tests/constants/aboutUsContent.ts`
- [Partner content](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/constants/partnersContent.ts): `tests/constants/partnersContent.ts`
- [Navigation data](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/constants/navigation.ts): `tests/constants/navigation.ts`
- [Visual test fixture](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/fixtures/visualTest.ts): `tests/fixtures/visualTest.ts`
- [Visual state utility](https://github.com/saanvisonker-ttn/tothenew-testautomation/blob/main/tests/utils/visualState.ts): `tests/utils/visualState.ts`

### External systems

- **TOTHENEW website**
- **LambdaTest**

### Other components

- **Test author**
- **Playwright Test**

## Connections

- Test author → About tests: authors tests
- Test author → Leadership tests: authors tests
- Test author → Partner tests: authors tests
- Test author → Header tests: authors tests
- Test author → Header smoke tests: authors tests
- Browser configuration → Playwright Test: configures projects
- Playwright Test → About tests: runs
- Playwright Test → Leadership tests: runs
- Playwright Test → Partner tests: runs
- Playwright Test → Header tests: runs
- Playwright Test → Header smoke tests: runs
- About tests → TOTHENEW website: tests website
- Leadership tests → TOTHENEW website: tests website
- Partner tests → TOTHENEW website: tests website
- Header tests → TOTHENEW website: tests website
- Header smoke tests → TOTHENEW website: tests website
- Browser configuration → LambdaTest: connects cloud
- Browser configuration → Cloud setup: selects setup