App styles leak into QUnit test runner UI

[broldak]

Because the test runner's UI and the UI of the rendered component/app are not isolated, the app styles leak into the QUnit test runner's UI. The example below shows a case where the inputs for Hide passed tests, Check for Globals, etc are rendered with no checkboxes due to some app styles.

Ideally QUnit's styles would not affect the rendered UI in the tests and vice versa.

[rwjblue]

Thank you for reporting @broldak! I'm not 100% sure of the right solution here, but this is definitely quite annoying and we should try to figure out a good path forward.

[mfeckie]

I addressed a similar problem with other styles leaking here qunitjs/qunit#1395

[rwjblue]

Hmm, @mfeckie do you think that this fixes the issue @broldak reported?

[mfeckie]

@rwjblue I don't think it fixes the specific issue, but could be used as inspiration for an approach to resolve their issue

[Krinkle]

Perhaps a combination of CSS all and CSS unset or CSS revert could be of use here. I'd be open to accepting such a patch in QUnit upstream.

[rwjblue]

Thanks @Krinkle!

[spuxx1701]

Been quite a while, but the behavior still persists it seems. Any news on the issue?

[Krinkle]

@spuxx1701 Which QUnit version do you see in the browser when you encounter this issue?