plug in to create styleable select boxes
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
js
test
tests
.bowerrc
.gitignore
.travis.yml
LICENSE
README.md
bower.json
conf.js
gulpfile.js
karma.conf.js
local.log
nightwatch.js
package-lock.json
package.json
runner.js
systemjs.test.html
template.txt

README.md

Selection Box

Javascript plugin which builds an html super-structure on top of native html select boxes allowing for greater styling flexibility than is possible with native select elements.

Running Nightwatch tests

Run Selenium server

cd bin cd into folder is where selenium Jar is stored

java -jar selenium-server-standalone-{VERSION}.jar

Run Nightwatch

npm run behavioural

Selenium console found at

http://localhost:4444/wd/hub/static/resource/hub.html

Requirements

  • Should work exactly in the same way as a native select element
  • Should work on as many browsers/device as possible
  • Should provide fallback for non supporting browsers/devices
  • Should be usable by screen readers
  • Should be usable using keyboard
  • Should have a suite of unit and behavioural tests
  • Should support searching for options by typing initial characters

Todo:

  • research how to style native select element
  • catalogue entire list of behaviours of select element
  • research correct aria roles for select box
  • learn to use a screen reader
  • best way of handling keyevents
  • How to run tests across multiple browsers

Resources