TestCafe fails to load page styles / CSS
See original GitHub issueWhat is your Test Scenario?
Download the provided test repo and execute the tests with node v10.14.2 (LTS)
What is the Current behavior?
After TestCafe executes the test “Clicking a News, Entertainment and Sports link opens the correct page” in desktop/404.js (line 49), all subsequent tests fail because TestCafe fails to load the page style/CSS. (see attached screenshot)
What is the Expected behavior?
TestCafe should always load the page styles/CSS
What is your web application and your TestCafe test code?
Download this repo - https://github.com/sijosyn/testcafe-syntests and run the test suite.
Your website URL (or attach your complete example):
Your complete test code (or attach your test files):
Above provided repo contains all the test code.
Your complete test report:
Screenshots:
Steps to Reproduce:
Please read the README provided in the repo - https://github.com/sijosyn/testcafe-syntests . Run the full test suite. After TestCafe executes line 56 in 404.js file, TestCafe fails to load the page styles in all subsequent tests.
Your Environment details:
- testcafe version: 0.23.2
- node.js version: v10.14.2
- command-line arguments: npm run aperture or testcafe chrome desktop -e
- browser name and version: Chrome 70
- platform and version: macOS 10.13
- other:
Issue Analytics
- State:
- Created 5 years ago
- Comments:14 (8 by maintainers)
Top Results From Across the Web
Testcafe Fails To Load Page Styles/Css - ADocLib
My test fails because TestCafe could not find the required webpage element. TestCafe Studio is a testing IDE built on top of the...
Read more >FAQ - TestCafe
When TestCafe does not receive a successful response from a server, it outputs the following error: Failed to load the page at https://www.example.com....
Read more >getStyleProperty("overflow") does not work for document ...
It's not a bug. According to the documentation, getStyleProperty returns the computed value of the CSS property. For your markup, the computed ...
Read more >Testcafe deeply equality fails when a css formatted string is ...
This issue is not related to TestCafe. CSS pseudo elements like :before and :after are not parts of the DOM, so their content...
Read more >TestCafe Tutorial: How To Select Page Elements Using ...
You must style the HTML elements using CSS to ensure the web page is ... TestCafe is a Node.js-based open-source automation testing ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Thank you for the provided information. I see that some requests (including the stylesheet request from the http://aperture.synacor.com/sports page) fail with the
net::ERR_EMPTY_RESPONSE
error. I need additional time to find the cause of the problem.@sijosyn,
I’ve reproduced this issue for the
desktop
tests run (testcafe firefox desktop -e
):ERROR The Chrome 72.0.3626 / Windows 10.0.0 browser disconnected. This problem may appear when a browser hangs or is closed, or due to network issues.
Our team will research it and check for a suitable solution.