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

Add Tailwind to Test Site and e2e-tests #422

Merged
merged 14 commits into from
Oct 26, 2023

Conversation

alextaing
Copy link
Contributor

@alextaing alextaing commented Oct 25, 2023

This PR configures Tailwind in our test site and end-to-end tests. We also re-introduce screenshots for Darwin that we turned off in (#412). Note that the loadingOverlay wait was fixed in our StudioPlaywrightPage. Before, we waited for a button to be visible as a check for the overlay to be gone. However, Playwright only considers hidden elements to be not visible, while our loadingOverlay uses opacity to "toggle" visibility. Additionally, since Playwright defaults to fast-forwarding transitions for toHaveScreenshot, we shouldn't have to worry about the opacity transition time.

I also squeeze in a quick variable rename from userStyles to activeStyle to more accurately describe that we are not injecting all user styles, but only the ones on the active page and its component tree.

J=SLAP-2912
TEST=auto, manual

@alextaing alextaing changed the title Add Tailwind to Test Site and E2E Tests Add Tailwind to Test Site and e2e-tests Oct 25, 2023
@alextaing alextaing requested a review from nmanu1 October 26, 2023 14:20
@alextaing alextaing merged commit 3cd5776 into feature/css-in-iframe Oct 26, 2023
15 checks passed
@alextaing alextaing deleted the dev/tailwind-in-tests branch October 26, 2023 14:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants