test: fixup example & test html

Co-Authored-By: Mu-An 慕安 <[email protected]>

Author: keithamus

examples/index.html

@@ -24,11 +24,11 @@
       <textarea rows="6" class="mt-3 d-block width-full" id="textarea"></textarea>
     </div>
 
-    <details>
+    <details class="container py-4">
       <summary>Initially hidden toolbar!</summary>
       <div class="container py-4">
         <p><button type="button">Add a Comment</button></p>
-        <markdown-toolbar for="textarea">
+        <markdown-toolbar for="textarea2">
           <md-bold class="btn btn-sm">bold</md-bold>
           <md-header class="btn btn-sm">header</md-header>
           <md-italic class="btn btn-sm">italic</md-italic>
@@ -42,7 +42,7 @@
           <md-mention class="btn btn-sm">mention</md-mention>
           <md-ref class="btn btn-sm">ref</md-ref>
         </markdown-toolbar>
-        <textarea rows="6" class="mt-3 d-block width-full" id="textarea"></textarea>
+        <textarea rows="6" class="mt-3 d-block width-full" id="textarea2"></textarea>
       </div>
     </details>
 

test/test.js

@@ -72,7 +72,7 @@ describe('markdown-toolbar-element', function() {
           <md-header>header</md-header>
           <md-header level="1">h1</md-header>
           <div hidden>
-            <md-header level="5">h1</md-header>
+            <md-header level="5">h5</md-header>
           </div>
           <md-header level="10">h1</md-header>
           <div data-md-button>Other button</div>