Home

Things you can do

  • Get computed CSS styles of a page
  • Test if computed CSS styles are the same with your CSS code
  • Get specific computed CSS style of specic element according to its ID (e.g background-color from element with id="login-input")
  • Get screenshot of page
  • Get screenshot of specific element of a page
  • Compare screenshots of different domains

Usage

  • Use CLI to take screenshot of a webpage
    • Whole page
    • Part of the page
  • Use the watchdog module in your test files
    • Get computed styles of every element in the page
    • Get computed styles of elements by class name in the page
    • Get computed styles of element by ID
    • Get computed styles of elements by tag name
  • Use Image diffing
    • Get diff of two images
    • Get report of images comparison

Installation

npm install css-watchdog

npm install -g css-watchdog (in case you use CLI)

According to the installation you chose the library or/and the CLI will be installed!