Lightrun
question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Qunit-fixture css overrides no longer producing desired result as of qunit 2.14?

See original GitHub issue

Hi,

It seems as though this change that landed in qunit 2.14 has altered the assumptions that ember-qunit uses when attempting to affect the placement of the testing container by overriding the css on #qunit-fixture. Now that qunit marks #qunit as position: fixed the container has shifted up to the top of the window and occludes the menu:

qunit 2.14 Screen Shot 2021-01-18 at 3 55 55 PM


And the expected behavior (shown using qunit 2.13) Screen Shot 2021-01-18 at 2 59 43 PM

It seems like this is probably related to #793 but is concerned with the actual visual layout instead of underlying test failures.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:8 (7 by maintainers)

github_iconTop GitHub Comments

4reactions
rwjbluecommented, Feb 18, 2021
0reactions
jordpocommented, Feb 17, 2021

We ran into this as well and use Development mode often and styles were off there. Adding this to the <head> in our index.html file seems to have fixed most of the style issues

    <style>
      #qunit {
        position: relative;
      }

      #ember-testing-container {
        overflow: hidden;
      }

      #ember-testing-container.full-screen {
        max-height: none;
        max-width: none;
        right: 0;
      }
    </style>
Read more comments on GitHub >

github_iconTop Results From Across the Web

How to change css option of DOM element inside the Qunit ...
I try to create unit test for resize() method using QUnit. Here is my QUnit fixture: <div id="qunit-fixture"> <table cellspacing="0" ...
Read more >
Directed Test Generation and Analysis for Web Applications
Generating Fixtures for JavaScript Unit Testing [127]: A. Milani Fard, ... discovering more state does not necessarily result in higher ...
Read more >
Testing of mobile HTML5 Web-Applications
be moved to the client side and only the results are sent to the server. This allows to use the application even if...
Read more >
Learning jQuery - Fourth Edition
alone in the document header, it will have no effect. JavaScript code is generally run as soon as it is encountered in the...
Read more >
Full text of "9781782163145 LEARNING JQUERY FOURTH ...
Looking at the end result, it's clear that his skills as both a developer and a ... hiding content that we wanted people...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found
Previous page

Array buffer allocation failed during ember test

Next page

Container with position:fixed/absolute is not visible during tests (due to being inside qunit-fixture)