Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create Cypress test to validate computed styles in DOM #59

Open
TheJaredWilcurt opened this issue Feb 1, 2021 · 0 comments
Open

Create Cypress test to validate computed styles in DOM #59

TheJaredWilcurt opened this issue Feb 1, 2021 · 0 comments
Labels
help wanted Extra attention is needed testing Writing automated tests
Projects

Comments

@TheJaredWilcurt
Copy link
Member

TheJaredWilcurt commented Feb 1, 2021

  • Set up Cypress
  • Set up an HTML file and CSS file to test every kind of CSS thing and DOM nesting structure
  • Set up Red-Perfume to output an atomized version of both.
  • Set up a cypress test to validate that computed styles render identically in both
    • This can be done with Cypress assertions, or may be easier to have a single JS file that does getComputedStyle on a specific DOM node to evaluate it rendered as expected. Then have both HTML files link to the same JS file that evaluates and prints to the DOM if everything passed. Then Cypress can just validate that the DOM says "Passed".
@TheJaredWilcurt TheJaredWilcurt added the help wanted Extra attention is needed label Feb 1, 2021
@TheJaredWilcurt TheJaredWilcurt added this to Backlog in Red Perfume Feb 1, 2021
@TheJaredWilcurt TheJaredWilcurt added the testing Writing automated tests label Feb 1, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help wanted Extra attention is needed testing Writing automated tests
Projects
Status: Backlog
Red Perfume
  
Backlog
Development

No branches or pull requests

1 participant