Skip to content

Latest commit

 

History

History
71 lines (46 loc) · 2.67 KB

css.md

File metadata and controls

71 lines (46 loc) · 2.67 KB

CSS Validation

Regression Test - CSS Validation Test

This test is validating all used CSS on the url specified. We are currently using local version of W3C CSS Validation for validation:

  • Inline CSS in style-element
  • Inline CSS in style-attribute
  • CSS referenced using link-element

Addition to test all of above sources (compared to only test inline styles that W3C CSS Validation do) we are also adding support for:

How are rating being calculated?

For every source (see above) we are calculating rating based on:

  • Number of different error types
  • Number of total number of errors

we are then combining the results.

Math used are:

  • rating_number_of_error_types = 5.0 - (number_of_error_types / 5.0)
  • rating_number_of_errors = 5.0 - ((number_of_errors / 2.0) / 5.0)

As always, minimum rating are 1.0.

Read more

How to setup?

Prerequirements

Setup with GitHub Actions

Read more on the general page for github actions.

Setup Locally

  • Follow general local setup steps for this repository

  • It is highly recommended to set cache_when_possible to True and to set cache_time_delta to

  • It is highly recommended to set cache_time_delta to at least 12 hours (Fail to do so may result in banning of service like github).

  • Depending on your preference, follow below NPM package or Docker image steps below.

  • Download and install Java (JDK 8 or above)

Using NPM package

  • Download and install Node.js (version 20.x)
  • Download and install Google Chrome browser
  • Install NPM packages ( npm install --production )
  • Set sitespeed_use_docker = False in your config.py
Windows Specific
  • Allow node to connect through Windows firewall

Using Docker image

  • Make sure Docker command is globally accessible on your system.
  • Set sitespeed_use_docker = True in your config.py

FAQ

No frequently asked questions yet :)