BlankFactor – Playwright E2E UI Automation

This repository contains Playwright + TypeScript end-to-end tests against the public BlankFactor website: https://blankfactor.com.

It is a portfolio project demonstrating modern UI automation, Page Object Model, and working with dynamic components (flip cards, animations) on a real banking/fintech site.

Main Scenario – Retirement & Wealth Industry Page

The primary UI test covers this flow:

1. Open the BlankFactor home page and handle cookie consent.
2. Navigate via the header menu to the Retirement & Wealth industry page.
3. Locate the AI / Machine Learning flip-card and:
   • Hover the card to reveal the back side.
   • Extract and verify the full back-side text, including the “Leverage predictive data analytics using machine learning…” content.
4. Click the “Let’s get started” call-to-action on the page.
5. Verify navigation to the appropriate contact / get-started page by checking URL and page title.

This scenario is implemented using Page Object Model:

• HomePage – homepage navigation, header menu, cookie banner.
• RetirementPage – Retirement & Wealth industry page, flip-card interaction.
• ContactPage – final contact / get-started page validation.

Project Structure

blankfactor-playwright-typescript/
├── pages/
│   ├── HomePage.ts
│   ├── RetirementPage.ts
│   ├── ContactPage.ts
│   └── LoginPage.ts              # SRS-based demo, not used against blankfactor.com
├── tests/
│   ├── ui/
│   │   ├── blankfactor-nav.spec.ts   # Main E2E scenario
│   │   └── login.spec.ts             # Skipped – SRS demo only
│   └── api/
│       └── api.spec.ts               # API testing examples
├── features/                         # BDD/Gherkin feature files
├── test-cases/                       # Manual test cases / SRS-based docs
├── playwright.config.ts
├── package.json
└── README.md

How to Run
Prerequisites
Node.js (v18 or later)
npm
Install dependencies

npm install
npx playwright install
Run the BlankFactor E2E UI test

npx playwright test tests/ui/blankfactor-nav.spec.ts --project=chromium --headed
Run all tests

npx playwright test
View HTML test report

npx playwright show-report
Notes
Login tests (tests/ui/login.spec.ts) are based on a separate SRS document for a hypothetical login application.
They are currently marked as skipped because blankfactor.com does not expose that functionality publicly.
They are included to demonstrate test design from requirements.
API tests show REST API automation patterns using Playwright’s request context.
Technologies
Playwright
TypeScript
Page Object Model (POM)
Jest-style assertions via @playwright/test
Git / GitHub
Author
Farhod Elbekov – SDET / QA Automation Engineer
GitHub: https://github.com/Farhod75
LinkedIn: https://www.linkedin.com/in/farhod-elbekov-167324219