ember-a11y-testing/content-for/test-head-footer.html

Accessibility testing for Ember applications

<style>
  /* *
   * We need to modify the testing environment a bit to ensure accurate
   * results. This is because some browsers modify styles when elements are
   * smaller than a certain size to help with accessibility
   */

  /* We hide the QUnit content so that it doesn't modify the screen at all */
  .axe-running #qunit {
    display: none;
  }

  /* We position the testing container to be the entire screen */
  .axe-running #ember-testing-container {
    position: fixed!important;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 9999;
    border: none;
    right: 0;
  }

  /* Reset the zoom on the actual application so that everything is normal */
  .axe-running #ember-testing-container #ember-testing {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: scale(1);
  }

  /*
   * Disables visual effects so that elements aren't evaluated while in animation or transition.
   */
  .axe-running * {
    animation: none !important;
    transition: none !important;
  }
</style>