CSS is not loading when you execute your tests from Jenkins of HTML report

 By default CSS will not load when you execute your tests in Jenkins with HTML publish option.

CSS is stripped out because of the Content Security Policy in Jenkins.

The default rule is set to:

sandbox; default-src 'none'; img-src 'self'; style-src 'self';

This rule set results in the following:

• No JavaScript allowed at all
• No plugins (object/embed) allowed
• No inline CSS, or CSS from other sites allowed
• No images from other sites allowed
• No frames allowed
• No web fonts allowed
• No XHR/AJAX allowed, etc.

To relax this rule, go to Manage Jenkins-> Dashboard --> Manage Jenkins, Under 'Tools and Actions' section, select Script console and type in the following command:

System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "")

and Press Run. If you see the output as 'Result:' below "Result" header then the protection disabled. Re-Run your build and you can see that the new HTML files archived will have the CSS enabled.

How to test your website with slow networks and see the performance of your websites

Easiest way to Test API's from DevTools to Postman

 Open the Chrome browser to the website you want to test thru Postman

Make sure you opened - DevTools[F12]

navigate to the screens, make sure the API you want to test is available in DevTools

On the DevTools, you have an option to export HAR file

Open Postman and import the HAR file, that's it  - you can see all the Network calls with request each

its as simple as this - Thanks to Postman for supporting HAR files

How to test Safari on Windows