https://github.com/wlsf82/intercept-css

Sample project to demonstrate how to intercept and change the application CSS with Cypress.
https://github.com/wlsf82/intercept-css

css-interception-with-cypress cy-intercept cypress-io talking-about-testing testing

Last synced: 6 months ago
JSON representation

Sample project to demonstrate how to intercept and change the application CSS with Cypress.

Host: GitHub
URL: https://github.com/wlsf82/intercept-css
Owner: wlsf82
License: mit
Created: 2023-08-20T00:45:08.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2025-01-15T00:44:40.000Z (9 months ago)
Last Synced: 2025-04-23T08:14:24.398Z (6 months ago)
Topics: css-interception-with-cypress, cy-intercept, cypress-io, talking-about-testing, testing
Language: CSS
Homepage:
Size: 53.7 KB
Stars: 8
Watchers: 2
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

README

# Intercept CSS

Sample project to demonstrate how to intercept and change the application CSS with [Cypress](https://cypress.io).

## Pre-requirements

It is required to have git, Node.js and npm installed to clone and run this project.

> I used versions `2.34.1`, `v18.15.0`, and `9.5.0.` of git, Node.js and npm, respectively. I suggest you use the same or later LTS versions.

## Installation

After cloning the repository and accessig it, run `npm install` (or `npm i` for the short version) to install the dev dependencies.

## Tests

Run `npm test` (or `npm t` for the short version) to run the tests in headless mode.

Or, run `npm run cy:open` to open the Cypress App and run the tests in interactive mode.

### Test results

After running the tests, you should have a result like the one below.

https://github.com/wlsf82/intercept-css/assets/2768415/82cd1472-6033-4b8c-a8fa-dd917e62eb6d

## Support this project

If you want to support this project, leave a ⭐.

___

This project was created with 💚 by [Walmyr](https://walmyr.dev).