Ver código fonte

Merge pull request #8441 from ckeditor/i/8317

Tests: Added new plugins to the `all-features` manual test: `HtmlEmbed`, `ListStyle` and `PasteFromOffice`. Closes #8317.
Kamil Piechaczek 5 anos atrás
pai
commit
2c52fb2efd

+ 30 - 0
tests/manual/all-features.html

@@ -189,6 +189,36 @@ function bar() {
 			</td>
 		</tr>
 	</table>
+
+	<div class="page-break" style="page-break-after:always;"><span style="display:none;">&nbsp;</span></div>
+
+	<h2>HTML embed</h2>
+
+	<h3><code>&lt;details&gt;</code> and <code>&lt;summary&gt;</code> tags as HTML snippet</h3>
+	<div class="raw-html-embed">
+		<details open>
+			<summary>Details</summary>
+			Something small enough to escape casual notice.
+		</details>
+	</div>
+
+	<h3><code>&lt;video&gt;</code> tag as HTML snippet</h3>
+	<div class="raw-html-embed">
+		<video width="320" height="240" controls>
+			<source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
+			<source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogg">
+			Your browser does not support the video tag.
+		</video>
+	</div>
+
+	<h3><code>&lt;iframe&gt;</code> tag as HTML snippet</h3>
+	<div class="raw-html-embed">
+		<iframe src="http://techslides.com/demos/samples/sample.txt"></iframe>
+	</div>
+
+	<h2>Paste from Office</h2>
+	<h3>Paste here: </h3>
+	<p></p>
 </div>
 
 <style>

+ 11 - 3
tests/manual/all-features.js

@@ -19,11 +19,14 @@ import FontFamily from '@ckeditor/ckeditor5-font/src/fontfamily';
 import FontSize from '@ckeditor/ckeditor5-font/src/fontsize';
 import Highlight from '@ckeditor/ckeditor5-highlight/src/highlight';
 import HorizontalLine from '@ckeditor/ckeditor5-horizontal-line/src/horizontalline';
+import HtmlEmbed from '@ckeditor/ckeditor5-html-embed/src/htmlembed';
 import ImageResize from '@ckeditor/ckeditor5-image/src/imageresize';
 import IndentBlock from '@ckeditor/ckeditor5-indent/src/indentblock';
 import LinkImage from '@ckeditor/ckeditor5-link/src/linkimage';
+import ListStyle from '@ckeditor/ckeditor5-list/src/liststyle';
 import Mention from '@ckeditor/ckeditor5-mention/src/mention';
 import PageBreak from '@ckeditor/ckeditor5-page-break/src/pagebreak';
+import PasteFromOffice from '@ckeditor/ckeditor5-paste-from-office/src/pastefromoffice';
 import RemoveFormat from '@ckeditor/ckeditor5-remove-format/src/removeformat';
 import SpecialCharacters from '@ckeditor/ckeditor5-special-characters/src/specialcharacters';
 import SpecialCharactersEssentials from '@ckeditor/ckeditor5-special-characters/src/specialcharactersessentials';
@@ -44,11 +47,11 @@ ClassicEditor
 		plugins: [
 			ArticlePluginSet, Underline, Strikethrough, Superscript, Subscript, Code, RemoveFormat,
 			FontColor, FontBackgroundColor, FontFamily, FontSize, Highlight,
-			CodeBlock, TodoList, TableProperties, TableCellProperties,
-			EasyImage, ImageResize, LinkImage, AutoImage,
+			CodeBlock, TodoList, ListStyle, TableProperties, TableCellProperties,
+			EasyImage, ImageResize, LinkImage, AutoImage, HtmlEmbed,
 			AutoLink, Mention, TextTransformation,
 			Alignment, IndentBlock,
-			PageBreak, HorizontalLine,
+			PasteFromOffice, PageBreak, HorizontalLine,
 			SpecialCharacters, SpecialCharactersEssentials, WordCount
 		],
 		toolbar: [
@@ -62,6 +65,8 @@ ClassicEditor
 			'|',
 			'blockQuote', 'imageUpload', 'insertTable', 'mediaEmbed', 'codeBlock',
 			'|',
+			'htmlEmbed',
+			'|',
 			'alignment', 'outdent', 'indent',
 			'|',
 			'pageBreak', 'horizontalLine', 'specialCharacters',
@@ -146,6 +151,9 @@ ClassicEditor
 					}
 				}
 			}
+		},
+		htmlEmbed: {
+			showPreviews: true
 		}
 	} )
 	.then( editor => {

+ 13 - 2
tests/manual/all-features.md

@@ -8,11 +8,11 @@ It should contain as many features as we developed. By resizing your viewport yo
 
 ## Editor
 
-There should be "two pages" with two sections per each page. Pages should be separated by the page break feature.
+There should be "three pages" with couple of sections per each page. Pages should be separated by the page break feature.
 
 ### First page
 
-**Lists in the table** – in the table (2x3) in the second row should be 3 lists (bulleted, numbered and todo).
+**Lists in the table** – In the table (2x3) in the second row should be 3 lists (bulleted, numbered and todo). The styles for list item markers for unordered and ordered list can be changed via the dropdown that opens when you click the arrow next to the appropriate list button in the toolbar. There are 3 styles for unordered lists and 6 styles for ordered lists.
 
 **Basic features overview** - a few paragraphs of text (that contain text formatted using basic styles feature), an image, and a blockquote.
 
@@ -29,6 +29,17 @@ There should be "two pages" with two sections per each page. Pages should be sep
   - Middle column: an image with the caption that is a `Gallery link`
   - Right column: an image without the caption with enabled all decorators (listed above)
 
+### Third page
+
+**HTML embed** - there are 3 widgets with embedded HTML:
+- `video`
+- `details` and `summary`
+- `iframe`
+
+The "previews in view" mode is enabled, which means that previews should be visible.
+
+**Paste from Office** - Copy & paste some content from Word.
+
 ---
 
 ## Action buttons