Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sokraglav13/end-to-end-testing-with-puppeteer
This project contains all the required components for an automation testing framework like Logger, Reporter, Video Recording, Test Data, Static Code Analysis, CI Integration, POM.
https://github.com/sokraglav13/end-to-end-testing-with-puppeteer
allure-report automated-testing end-to-end-testing mocha-chai nodejs puppeteer static-analysis testing ui-testing video-recording winston-logger
Last synced: 29 days ago
JSON representation
This project contains all the required components for an automation testing framework like Logger, Reporter, Video Recording, Test Data, Static Code Analysis, CI Integration, POM.
- Host: GitHub
- URL: https://github.com/sokraglav13/end-to-end-testing-with-puppeteer
- Owner: sokraglav13
- Created: 2024-08-08T07:26:35.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-16T17:41:52.000Z (30 days ago)
- Last Synced: 2024-10-17T07:20:22.878Z (29 days ago)
- Topics: allure-report, automated-testing, end-to-end-testing, mocha-chai, nodejs, puppeteer, static-analysis, testing, ui-testing, video-recording, winston-logger
- Language: JavaScript
- Homepage:
- Size: 5.88 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Automation-Testing-with-Puppeteer [](https://github.com/godpower13/Test-Challeng-Project/actions?query=workflow%3A%22CI+Pipeline%22)
This project is focused on automating end-to-end testing and ensuring code quality for a web application. It uses Puppeteer to automate browser interactions, allowing for seamless testing of user interfaces and web page behaviors. The implementation follows the Page Object Model (POM) design pattern, which organizes the Web Elements and Pages for better maintainability and scalability. A custom Logging system is used to provide clear, detailed feedback during test execution. ESLint ensures that the codebase is consistently clean and free of common issues through static code analysis. Additionally, the project incorporates video recording to capture each test session, aiding in the debugging process by providing visual evidence of test behavior. Allure is used to generate comprehensive reports after each test run, offering insights into test results with detailed breakdowns. Finally, the project is integrated with a CI/CD pipeline, which runs automated tests and reports on every commit, ensuring continuous feedback and maintaining high code quality standards throughout the development process.
# Capabilities
- **Browser Automation**: Automates browser actions for end-to-end testing.
- **Logger**: Tracks and logs test execution for easy debugging.
- **Static Analysis**: Ensures code quality with static analysis.
- **Video Recording**: Records test sessions to help debug failures.
- **Reports**: Generates detailed test reports for each test run.
- **CI/CD Integration**: Runs tests and generates reports on every commit.
# Tools
- **Puppeteer**: A Node.js library that automates browser actions for web testing.
- **Puppeteer-screen-recorder**: Captures videos of browser sessions during Puppeteer tests for debugging purposes.
- **Winston**: A versatile logging library used to capture logs for tracking and troubleshooting test executions.
- **ESLint**: A static code analysis tool that enforces coding standards and catches potential errors in JavaScript code.
- **Mocha**: A feature-rich testing framework for running tests cases.
- **Allure Commandline**: A tool that generates detailed test reports with insights on test results, failures, and history.
# Configurations
In `config.js` file you can modify the configuration of the project :
- `headless` : Executing test with GUI (false) or not (true)
- `slowMo` : Change the commands execution time
- `baseUrl` : Specify the url for testing
- `timeoutTest` : Sets the test execution time
- `commandsTimeout` : Sets the commands timeout
# Available scripts to run locally
In terminal click the below command:
- `npm run lint` : This command runs a static analysis procedure to identify any code issues
- `npm run test` : This command executes all tests cases serially
- `npm run test-reporter` : This command executes all test cases in parallel and generates a report
- `npm run generate-report` : This command generates a server to serve the report in browser
# CI/CD Integration
This project integrates a CI/CD pipeline that automatically runs tests every time code is pushed to the repository. The test results are then published to GitHub Pages, providing easy access to the reports. Additionally, the pipeline maintains a history of all test executions, allowing for tracking of performance and progress over time. This ensures continuous validation of the codebase, making the development process more efficient and reliable.
# Test Execution Results
