Back to Qunit

Introduce multi-select module picker

docs/_posts/2016-04-21-introduce-multi-select-module-picker.md

2.25.01.4 KB
Original Source

Introduce a multi-select module dropdown, to replace the module selector.

Features

This replaces the module select dropdown with a dropdown that opens up into a multi-selector.

  • Multi-select window with checkboxes and scrolling.
  • Search box for filtering by module or test name.
  • "Apply" button to run selected tests or modules.
  • "Reset" button to clear selection, returning to implied default of "Select all".

Accessibility

  • Display current module section (comma-separated) in placeholder and tooltip text.
  • Close on Escape keydown.
<figure> <figcaption markdown="span">[QUnit 1.23.1 demo](https://codepen.io/Krinkle/full/QwLZWWe)</figcaption> </figure> <figure> <figcaption markdown="span">[QUnit 2.0.0 demo](https://codepen.io/Krinkle/full/mybzddj)</figcaption> </figure>

See also