Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add codepen to examples - part 2! #1595

Merged
merged 2 commits into from
Nov 9, 2020
Merged

Conversation

spectranaut
Copy link
Contributor

@spectranaut spectranaut commented Oct 29, 2020

This PR adds codepen buttons to the following examples! To test locally, you will have to serve the example file with a web server (described here).

RawGitHack preview links

@github-actions
Copy link
Contributor

github-actions bot commented Oct 29, 2020

Regression test coverage:

Examples without any regression tests:

  • dialog-modal/alertdialog.html

Examples missing some regression tests:

  • dialog-modal/datepicker-dialog.html:
    • textbox-aria-describedby
  • menu-button/menu-button-actions-active-descendant.html:
    • menu-up-arrow
    • menu-down-arrow
    • menu-character
  • toolbar/toolbar.html:
    • toolbar-tab
    • toolbar-right-arrow
    • toolbar-left-arrow
    • toolbar-home
    • toolbar-end
    • toolbar-toggle-esc
    • toolbar-toggle-enter-or-space
    • toolbar-radio-enter-or-space
    • toolbar-radio-down-arrow
    • toolbar-radio-up-arrow
    • toolbar-button-enter-or-space
    • toolbar-menubutton-enter-or-space-or-down-or-up
    • toolbar-menu-enter-or-space
    • toolbar-menu-down-arrow
    • toolbar-menu-up-arrow
    • toolbar-menu-escape
    • toolbar-spinbutton-down-arrow
    • toolbar-spinbutton-up-arrow
    • toolbar-spinbutton-page-down
    • toolbar-spinbutton-page-up
    • toolbar-checkbox-space
    • toolbar-link-enter-or-space
    • toolbar-spinbutton-role

Example pages with Keyboard or Attribute table rows that do not have data-test-ids:

  • dialog-modal/alertdialog.html
    • "Keyboard Support" table(s):
      • Tab
      • Shift + Tab
      • Escape
      • Command + S
      • Control + S
    • "Attributes" table(s):
      • alertdialog
      • aria-labelledby=IDREF
      • aria-describedby=IDREF
      • aria-modal=true
      • alert

SUMMARY:

55 example pages found.
1 example pages have no regression tests.
3 example pages are missing approximately 27 out of approximately 780 tests.

ERROR - missing tests:

Please write missing tests for this report to pass.

@spectranaut
Copy link
Contributor Author

spectranaut commented Oct 29, 2020

I made this branch on top of #1532, which I expect will land soon!

Copy link
Contributor

@carmacleod carmacleod left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good, works great!
+1

@spectranaut spectranaut force-pushed the codepen-implementation-part2 branch from 2cb27c8 to d6cb77e Compare October 30, 2020 15:56
<li>CSS: <a href="css/menuButtonAction.css" type="text/css">MenubuttonAction.css</a></li>
<li>Javascript: <a href="js/Menubutton2.js" type="text/javascript">Menubutton2.js</a></li>
<li>Javascript: <a href="js/Menubutton.js" type="text/javascript">Menubutton2.js</a></li>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should change the link text as well, to match the href.

Suggested change
<li>Javascript: <a href="js/Menubutton.js" type="text/javascript">Menubutton2.js</a></li>
<li>Javascript: <a href="js/Menubutton.js" type="text/javascript">Menubutton.js</a></li>

@carmacleod
Copy link
Contributor

+1 for the 6 more examples!

@mcking65 mcking65 merged commit 142864b into master Nov 9, 2020
@mcking65 mcking65 deleted the codepen-implementation-part2 branch November 9, 2020 01:54
@mcking65 mcking65 added enhancement Any addition or improvement that doesn't fix a code bug or prose inaccuracy Example Page Related to a page containing an example implementation of a pattern labels Nov 9, 2020
@mcking65 mcking65 added this to the 1.2 Release 1 milestone Nov 9, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement Any addition or improvement that doesn't fix a code bug or prose inaccuracy Example Page Related to a page containing an example implementation of a pattern
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants