Browser UI Test

screenshot of Browser UI Test

small JS framework to easily provide UI screenshot-based tests

Overview

The browser-UI-test framework is a lightweight JavaScript tool designed for headless browser-based testing. It simplifies the process of verifying user interface elements on websites through straightforward .goml script files. Upon execution, the framework automatically takes a screenshot of the page and compares it to a predetermined version, making it easy to identify discrepancies and ensure UI consistency.

This framework operates seamlessly whether used as a standalone tool or integrated as a dependency within other projects. Its user-friendly nature is complemented by extensive documentation and support for Docker, making it a robust choice for developers looking to enhance their testing workflows.

Features

  • Easy Installation: The framework can be added to your project via npm, allowing for straightforward local setup with minimal hassle.

  • Script-Based Testing: Utilize .goml scripts to define your browser UI tests, providing flexibility in how tests are structured and executed.

  • Automated Screenshots: Automatically takes screenshots at the end of each test run to visually compare the webpage with the expected output.

  • Command-Line Utility: Can be run as a binary with a range of command-line options available for quick access to functionality and configurations.

  • Docker Support: Includes a Dockerfile, enabling easy deployment and execution of tests in a containerized environment.

  • Dependency Integration: Can be seamlessly incorporated into larger applications by importing essential functions like runTests and Options, enhancing its utility.

  • Detailed Documentation: A comprehensive README provides guidance on usage, setup, and available commands, ensuring users have access to all necessary information.

  • Version Control on Docker Hub: Each merge on the main branch triggers an update on Docker Hub, giving users access to the latest images and versions.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.