Sculpt In Action

29th July 2025

Afeez

Establishing a scalable and robust test automation framework is a top priority for Sculpt as we prepare to compete with platforms like Squarespace and Wix. Given our rapid feature development, diverse user journeys, and complex cross-browser compatibility requirements, our quality assurance strategy needs to be agile, modular, and developer-friendly.

TypeScript-based stack: Playwright, Cucumber.js (Behaviour-Driven Development, BDD), and Allure for reporting.

Tools in Use

  • TypeScript - Provides static typing and scalability for maintainable code.

  • Playwright - A modern Node.js library for end-to-end browser automation, supporting Chrome, Firefox, and WebKit.

  • Cucumber.js - A BDD framework that allows writing human-readable Gherkin syntax for test scenarios.

  • Allure Reporter - Generates rich and interactive test reports.

  • TypeScript - Provides static typing and scalability for maintainable code.

  • GitHub Actions or Bitbucket Pipelines- CI/CD for running automated tests on every pull request.

Folder Structure Explained

  • features/: contains .feature files written in Gherkin syntax, defining expected behaviour.

  • step_definitions/: maps each Gherkin step to executable TypeScript functions.

  • pages/: implements the Page Object Model (POM) to encapsulate UI interactions.

  • utils/: Reusable helpers for browser setup, environment config, and assertions.

  • support/: includes Cucumber world and hooks for setup and teardown logic.

Example Scenario

Feature: Add the First Page

Scenario: Successfully add the first content page to the new website given that the user has completed the website details and selected a site structure and applied global styling. When the user clicks "Add First Page" then the user should be redirected to the page editor.

Generate Reports

To run the test suite and generate reports:

npx cucumber-js --format @cucumber/pretty-formatter --format

json:reports/cucumber-report.json

allure generate reports/ --clean &mph;&mph; allure open

Final Thoughts

Sculpt is promoting a transparent and maintainable testing culture by adopting a technology stack that combines TypeScript, Playwright, and Cucumber. This framework will adapt alongside our product to address complex user journeys, ensure mobile responsiveness, and cover critical edge cases, all while maintaining our release velocity.

Stay tuned for more updates as we expand Sculpt's automation coverage.

Related posts