diff options
Diffstat (limited to 'comm/mail/components/unifiedtoolbar/test/browser/files')
| -rw-r--r-- | comm/mail/components/unifiedtoolbar/test/browser/files/searchBar.xhtml | 21 | ||||
| -rw-r--r-- | comm/mail/components/unifiedtoolbar/test/browser/files/unifiedToolbarTab.xhtml | 22 |
2 files changed, 43 insertions, 0 deletions
diff --git a/comm/mail/components/unifiedtoolbar/test/browser/files/searchBar.xhtml b/comm/mail/components/unifiedtoolbar/test/browser/files/searchBar.xhtml new file mode 100644 index 0000000000..33000135b4 --- /dev/null +++ b/comm/mail/components/unifiedtoolbar/test/browser/files/searchBar.xhtml @@ -0,0 +1,21 @@ +<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <meta charset="utf-8" /> + <title>Search bar element test</title> + <script type="module" src="chrome://messenger/content/unifiedtoolbar/search-bar.mjs"></script> + </head> + <body> + <template id="searchBarTemplate"> + <form> + <input type="search" placeholder="" required="required"/> + <div aria-hidden="true"><slot name="placeholder"></slot></div> + <button class="button button-flat icon-button"><slot name="button"></slot></button> + </form> + </template> + <search-bar label="Search"> + <span slot="placeholder">Placeholder</span> + <img slot="button" src="chrome://messenger/skin/icons/new/compact/search.svg" alt="Search"/> + </search-bar> + </body> +</html> diff --git a/comm/mail/components/unifiedtoolbar/test/browser/files/unifiedToolbarTab.xhtml b/comm/mail/components/unifiedtoolbar/test/browser/files/unifiedToolbarTab.xhtml new file mode 100644 index 0000000000..f30f2b7d8b --- /dev/null +++ b/comm/mail/components/unifiedtoolbar/test/browser/files/unifiedToolbarTab.xhtml @@ -0,0 +1,22 @@ +<!DOCTYPE html> +<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"> + <head> + <meta charset="utf-8" /> + <title>Search bar element test</title> + <script type="module" src="chrome://messenger/content/unifiedtoolbar/unified-toolbar-tab.mjs"></script> + </head> + <body> + <template id="unifiedToolbarTabTemplate"> + <button role="tab"> + <img alt="" src="" /> + <slot></slot> + </button> + </template> + <div role="tablist"> + <unified-toolbar-tab selected="true" aria-controls="tabPane">Tab Title</unified-toolbar-tab> + <unified-toolbar-tab aria-controls="otherTabPane">Other Tab</unified-toolbar-tab> + </div> + <div id="tabPane" role="tabpanel">Panel 1</div> + <div id="otherTabPane" role="tabpanel" hidden="hidden">Panel 2</div> + </body> +</html> |