Add combobox date picker example for issue 34

[jongund]

Adds the combobox datepicker example described in issue #34.

Preview Link

Preview of date picker combobox example

Review checklist

• Editorial review by @mcking65 @carmacleod
• Functional review by @carmacleod
• Visual design review by @a11ydoer
• Accessibility review by @curtbellew
• Code review by @zcorpan)
• Test review by @zcorpan)

[jongund]

@zcorpan
@smhigley

I have updated the regression test to us context.queryElements( t, selector) and t.plan(n), but there are 4 errors after I updated the regression test file.

Can you look at the branch and see what is wrong.

 4 tests failed

  combobox_datepicker » combobox/combobox-datepicker.html [data-test-id="textbox-aria-expanded-true"]: Combobox: aria-expanded set to "true" when dialog is open

  node_modules\selenium-webdriver\lib\error.js:550

  Rejected promise returned by test. Reason:

  InvalidArgumentError {
    remoteStacktrace: '',
    message: 'invalid type: map, expected a string at line 1 column 32',
  }



  combobox_datepicker » combobox/combobox-datepicker.html [data-test-id="calendar-button-aria-expanded-true"]: Button: aria-expanded set to "true" when the dialog box is open

  node_modules\selenium-webdriver\lib\error.js:550

  Rejected promise returned by test. Reason:

  InvalidArgumentError {
    remoteStacktrace: '',
    message: 'invalid type: map, expected a string at line 1 column 32',
  }



  combobox_datepicker » combobox/combobox-datepicker.html [data-test-id="gridcell-tabindex"]: Roving tab index on dates in gridcell

  node_modules\selenium-webdriver\lib\error.js:550

  Rejected promise returned by test. Reason:

  InvalidArgumentError {
    remoteStacktrace: '',
    message: 'invalid type: map, expected a string at line 1 column 32',
  }



  combobox_datepicker » combobox/combobox-datepicker.html [data-test-id="gridcell-aria-selected"]: aria-selected on selected date

  node_modules\selenium-webdriver\lib\error.js:550

  Rejected promise returned by test. Reason:

  InvalidArgumentError {
    remoteStacktrace: '',
    message: 'invalid type: map, expected a string at line 1 column 32',
  }

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! aria-practices@0.0.0 regression: `ava --timeout=1m "--match" "*combobox-datepicker*"`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the aria-practices@0.0.0 regression script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\User\AppData\Roaming\npm-cache\_logs\2020-05-05T21_56_52_783Z-debug.log

[jongund]

@mcking65
@carmacleod
Updated the documentation on the high contrast for the dialog buttons and dates for the combobox datepicker.

[zcorpan]

@jongund I have fixed the errors with queryElements. There were two main things:

• queryElements expects a string for the selector, i.e. don't use By.css
• In some cases the original was findElement (return the first element only), and when changing it to queryElements (return all elements as an array), you need to get the first element in the array. I've reported Add queryElement (singular) API in addition to queryElements #1403 to make this more ergonomic.

I've also fixed spelling errors found by npm run lint:spelling, and added stubs for missing tests so that npm run regression-report doesn't list new missing tests. Filed #1405 to track missing tests.

[jongund]

@zcorpan

Thanks for making the fixes to the regression tests!

[mcking65]

As discussed today, merging into a new base feature branch from which we can create a clean PR.