瀏覽代碼

Updated image captioning manual test.

Szymon Kupś 9 年之前
父節點
當前提交
ab7f0538f2

+ 4 - 4
packages/ckeditor5-image/tests/manual/captioning.html

@@ -1,11 +1,11 @@
 <div id="editor">
-	<p>Paragraph</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id tellus et mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortis leo interdum.</p>
 	<figure class="image">
-		<img src="logo.png" alt="White clip on blue background" />
+		<img src="logo.png" />
 		<figcaption>CKEditor logo - caption</figcaption>
 	</figure>
-	<p>Paragraph</p>
+	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla finibus consequat placerat. Vestibulum id tellus et mauris sagittis tincidunt quis id mauris. Curabitur consectetur lectus sit amet tellus mattis, non lobortis leo interdum. </p>
 	<figure class="image">
-		<img src="logo.png" alt="White clip on blue background" />
+		<img src="logo.png"  />
 	</figure>
 </div>

+ 10 - 0
packages/ckeditor5-image/tests/manual/captioning.md

@@ -1 +1,11 @@
 ## Image captioning
+
+First image should have `CKEditor logo - caption` displayed.
+Second image shouldn't have any caption and caption editable area should not be visible.
+
+* Click on second image - editable area should be visible.
+* Click on editable area and add some text.
+* Put selection inside paragraph. Caption text and editable area should stay visible.
+* Click on editable area in first image.
+* Remove whole caption text.
+* Put selection inside paragraph. Caption editable area from first image should be hidden.