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.
The primary UI test covers this flow:
- Open the BlankFactor home page and handle cookie consent.
- Navigate via the header menu to the Retirement & Wealth industry page.
- 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.
- Click the “Let’s get started” call-to-action on the page.
- 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.
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