Work on autocompleters

WordPress · Jul 27, 2018 · ce220f5 · ce220f5
1 parent 8d088ca
commit ce220f5
Show file tree

Hide file tree

Showing 15 changed files with 370 additions and 1,281 deletions.
diff --git a/core-blocks/button/test/__snapshots__/index.js.snap b/core-blocks/button/test/__snapshots__/index.js.snap
@@ -7,20 +7,29 @@ exports[`core/button block edit matches snapshot 1`] = `
   <div
     class="editor-rich-text"
   >
-    <span
-      aria-autocomplete="list"
-      aria-label="Add text…"
-      aria-multiline="true"
-      class="wp-block-button__link editor-rich-text__tinymce"
-      contenteditable="true"
-      data-is-placeholder-visible="true"
-      role="textbox"
-    />
-    <span
-      class="editor-rich-text__tinymce wp-block-button__link"
-    >
-      Add text…
-    </span>
+    <div>
+      <div>
+        <div
+          class="components-autocomplete"
+        >
+          <span
+            aria-autocomplete="list"
+            aria-expanded="false"
+            aria-label="Add text…"
+            aria-multiline="true"
+            class="wp-block-button__link editor-rich-text__tinymce"
+            contenteditable="true"
+            data-is-placeholder-visible="true"
+            role="textbox"
+          />
+          <span
+            class="editor-rich-text__tinymce wp-block-button__link"
+          >
+            Add text…
+          </span>
+        </div>
+      </div>
+    </div>
   </div>
 </span>
 `;
diff --git a/core-blocks/cover-image/test/__snapshots__/index.js.snap b/core-blocks/cover-image/test/__snapshots__/index.js.snap
@@ -10,13 +10,22 @@ exports[`core/cover-image block edit matches snapshot 1`] = `
     <div
       class="editor-rich-text"
     >
-      <h2
-        aria-autocomplete="list"
-        aria-multiline="true"
-        class="editor-rich-text__tinymce"
-        contenteditable="true"
-        role="textbox"
-      />
+      <div>
+        <div>
+          <div
+            class="components-autocomplete"
+          >
+            <h2
+              aria-autocomplete="list"
+              aria-expanded="false"
+              aria-multiline="true"
+              class="editor-rich-text__tinymce"
+              contenteditable="true"
+              role="textbox"
+            />
+          </div>
+        </div>
+      </div>
     </div>
   </div>
   <div

diff --git a/core-blocks/heading/test/__snapshots__/index.js.snap b/core-blocks/heading/test/__snapshots__/index.js.snap
@@ -4,19 +4,28 @@ exports[`core/heading block edit matches snapshot 1`] = `
 <div
   class="wp-block-heading editor-rich-text"
 >
-  <h2
-    aria-autocomplete="list"
-    aria-label="Write heading…"
-    aria-multiline="true"
-    class="editor-rich-text__tinymce"
-    contenteditable="true"
-    data-is-placeholder-visible="true"
-    role="textbox"
-  />
-  <h2
-    class="editor-rich-text__tinymce"
-  >
-    Write heading…
-  </h2>
+  <div>
+    <div>
+      <div
+        class="components-autocomplete"
+      >
+        <h2
+          aria-autocomplete="list"
+          aria-expanded="false"
+          aria-label="Write heading…"
+          aria-multiline="true"
+          class="editor-rich-text__tinymce"
+          contenteditable="true"
+          data-is-placeholder-visible="true"
+          role="textbox"
+        />
+        <h2
+          class="editor-rich-text__tinymce"
+        >
+          Write heading…
+        </h2>
+      </div>
+    </div>
+  </div>
 </div>
 `;
diff --git a/core-blocks/list/test/__snapshots__/index.js.snap b/core-blocks/list/test/__snapshots__/index.js.snap
@@ -4,21 +4,30 @@ exports[`core/list block edit matches snapshot 1`] = `
 <div
   class="core-blocks-list editor-rich-text"
 >
-  <ul
-    aria-autocomplete="list"
-    aria-label="Write list…"
-    aria-multiline="true"
-    class="editor-rich-text__tinymce"
-    contenteditable="true"
-    data-is-placeholder-visible="true"
-    role="textbox"
-  />
-  <ul
-    class="editor-rich-text__tinymce"
-  >
-    <li>
-      Write list…
-    </li>
-  </ul>
+  <div>
+    <div>
+      <div
+        class="components-autocomplete"
+      >
+        <ul
+          aria-autocomplete="list"
+          aria-expanded="false"
+          aria-label="Write list…"
+          aria-multiline="true"
+          class="editor-rich-text__tinymce"
+          contenteditable="true"
+          data-is-placeholder-visible="true"
+          role="textbox"
+        />
+        <ul
+          class="editor-rich-text__tinymce"
+        >
+          <li>
+            Write list…
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
 </div>
 `;
diff --git a/core-blocks/paragraph/test/__snapshots__/index.js.snap b/core-blocks/paragraph/test/__snapshots__/index.js.snap
@@ -6,20 +6,29 @@ exports[`core/paragraph block edit matches snapshot 1`] = `
   <div
     class="editor-rich-text"
   >
-    <p
-      aria-autocomplete="list"
-      aria-label="Add text or type / to add content"
-      aria-multiline="true"
-      class="wp-block-paragraph editor-rich-text__tinymce"
-      contenteditable="true"
-      data-is-placeholder-visible="true"
-      role="textbox"
-    />
-    <p
-      class="editor-rich-text__tinymce wp-block-paragraph"
-    >
-      Add text or type / to add content
-    </p>
+    <div>
+      <div>
+        <div
+          class="components-autocomplete"
+        >
+          <p
+            aria-autocomplete="list"
+            aria-expanded="false"
+            aria-label="Add text or type / to add content"
+            aria-multiline="true"
+            class="wp-block-paragraph editor-rich-text__tinymce"
+            contenteditable="true"
+            data-is-placeholder-visible="true"
+            role="textbox"
+          />
+          <p
+            class="editor-rich-text__tinymce wp-block-paragraph"
+          >
+            Add text or type / to add content
+          </p>
+        </div>
+      </div>
+    </div>
   </div>
    
 </div>

diff --git a/core-blocks/preformatted/test/__snapshots__/index.js.snap b/core-blocks/preformatted/test/__snapshots__/index.js.snap
@@ -4,19 +4,28 @@ exports[`core/preformatted block edit matches snapshot 1`] = `
 <div
   class="wp-block-preformatted editor-rich-text"
 >
-  <pre
-    aria-autocomplete="list"
-    aria-label="Write preformatted text…"
-    aria-multiline="true"
-    class="editor-rich-text__tinymce"
-    contenteditable="true"
-    data-is-placeholder-visible="true"
-    role="textbox"
-  />
-  <pre
-    class="editor-rich-text__tinymce"
-  >
-    Write preformatted text…
-  </pre>
+  <div>
+    <div>
+      <div
+        class="components-autocomplete"
+      >
+        <pre
+          aria-autocomplete="list"
+          aria-expanded="false"
+          aria-label="Write preformatted text…"
+          aria-multiline="true"
+          class="editor-rich-text__tinymce"
+          contenteditable="true"
+          data-is-placeholder-visible="true"
+          role="textbox"
+        />
+        <pre
+          class="editor-rich-text__tinymce"
+        >
+          Write preformatted text…
+        </pre>
+      </div>
+    </div>
+  </div>
 </div>
 `;
diff --git a/core-blocks/pullquote/test/__snapshots__/index.js.snap b/core-blocks/pullquote/test/__snapshots__/index.js.snap
@@ -7,21 +7,30 @@ exports[`core/pullquote block edit matches snapshot 1`] = `
   <div
     class="core-blocks-pullquote__content editor-rich-text"
   >
-    <div
-      aria-autocomplete="list"
-      aria-label="Write quote…"
-      aria-multiline="true"
-      class="editor-rich-text__tinymce"
-      contenteditable="true"
-      data-is-placeholder-visible="true"
-      role="textbox"
-    />
-    <div
-      class="editor-rich-text__tinymce"
-    >
-      <p>
-        Write quote…
-      </p>
+    <div>
+      <div>
+        <div
+          class="components-autocomplete"
+        >
+          <div
+            aria-autocomplete="list"
+            aria-expanded="false"
+            aria-label="Write quote…"
+            aria-multiline="true"
+            class="editor-rich-text__tinymce"
+            contenteditable="true"
+            data-is-placeholder-visible="true"
+            role="textbox"
+          />
+          <div
+            class="editor-rich-text__tinymce"
+          >
+            <p>
+              Write quote…
+            </p>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </blockquote>

diff --git a/core-blocks/quote/test/__snapshots__/index.js.snap b/core-blocks/quote/test/__snapshots__/index.js.snap
@@ -7,21 +7,30 @@ exports[`core/quote block edit matches snapshot 1`] = `
   <div
     class="editor-rich-text"
   >
-    <div
-      aria-autocomplete="list"
-      aria-label="Write quote…"
-      aria-multiline="true"
-      class="editor-rich-text__tinymce"
-      contenteditable="true"
-      data-is-placeholder-visible="true"
-      role="textbox"
-    />
-    <div
-      class="editor-rich-text__tinymce"
-    >
-      <p>
-        Write quote…
-      </p>
+    <div>
+      <div>
+        <div
+          class="components-autocomplete"
+        >
+          <div
+            aria-autocomplete="list"
+            aria-expanded="false"
+            aria-label="Write quote…"
+            aria-multiline="true"
+            class="editor-rich-text__tinymce"
+            contenteditable="true"
+            data-is-placeholder-visible="true"
+            role="textbox"
+          />
+          <div
+            class="editor-rich-text__tinymce"
+          >
+            <p>
+              Write quote…
+            </p>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </blockquote>

diff --git a/core-blocks/verse/test/__snapshots__/index.js.snap b/core-blocks/verse/test/__snapshots__/index.js.snap
@@ -4,19 +4,28 @@ exports[`core/verse block edit matches snapshot 1`] = `
 <div
   class="wp-block-verse editor-rich-text"
 >
-  <pre
-    aria-autocomplete="list"
-    aria-label="Write…"
-    aria-multiline="true"
-    class="editor-rich-text__tinymce"
-    contenteditable="true"
-    data-is-placeholder-visible="true"
-    role="textbox"
-  />
-  <pre
-    class="editor-rich-text__tinymce"
-  >
-    Write…
-  </pre>
+  <div>
+    <div>
+      <div
+        class="components-autocomplete"
+      >
+        <pre
+          aria-autocomplete="list"
+          aria-expanded="false"
+          aria-label="Write…"
+          aria-multiline="true"
+          class="editor-rich-text__tinymce"
+          contenteditable="true"
+          data-is-placeholder-visible="true"
+          role="textbox"
+        />
+        <pre
+          class="editor-rich-text__tinymce"
+        >
+          Write…
+        </pre>
+      </div>
+    </div>
+  </div>
 </div>
 `;