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 fixture pausing with UI controls #89

Merged
merged 4 commits into from
Jul 24, 2023
Merged

Conversation

bearfriend
Copy link
Contributor

US152298: Visual-diff: ability to debug in the browser

This should be the biggest PR to add the main feature. Everything after should be smaller additions and tweaks.

@bearfriend bearfriend marked this pull request as ready for review July 24, 2023 16:54
@bearfriend bearfriend requested a review from a team as a code owner July 24, 2023 16:54
Copy link
Member

@dlockhart dlockhart left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looking nice!


#d2l-test-controls button:focus {
background-color: #cdd5dc;
}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks duplicated from lines 54-56?

display: none !important;
}

#d2l-test-controls #start, #run {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Since these end up in the global namespace, I might suggest prefixing everything with d2l-test-* (i.e. #d2l-test-run, #d2l-test-start) just to avoid the crazy situation where someone uses an id="start" on one of their top-level components.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I guess you mean to prevent them from accidentally selecting the controls? Not entirely opposed to that, but I think I'd rather convert the whole thing to a component after we get it merged.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah either a getElementById type collision or in this case this CSS would target their stuff and do weird things. But if the plan is to wrap it in a shadow root, then those concerns go away.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Well this targets stuff inside #d2l-test-controls (except I missed #run here), but point taken.

}

#d2l-test-controls button.primary:focus {
background-color: #004489;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Was this intentional?
Screenshot 2023-07-24 at 2 44 46 PM

Suggest either always having the background color set on "primary" buttons and also setting the foreground to white, or just not having the concept of primary.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah I see this was resolved in a follow-up PR.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah things are slightly messy trying to piece it all back together from the original big PR.

src/server/pause.js Show resolved Hide resolved
Copy link
Member

@dlockhart dlockhart left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good -- just the duplicated CSS note, but maybe that'll get cleaned up later.

@bearfriend bearfriend merged commit fffca63 into main Jul 24, 2023
@bearfriend bearfriend deleted the dgleckler/fixture-pausing branch July 24, 2023 20:48
@ghost
Copy link

ghost commented Jul 24, 2023

🎉 This PR is included in version 0.19.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

@ghost ghost added the released label Jul 24, 2023
@bearfriend bearfriend restored the dgleckler/fixture-pausing branch July 24, 2023 21:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants