-
Notifications
You must be signed in to change notification settings - Fork 2.5k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
120 additions
and
0 deletions.
There are no files selected for viewing
75 changes: 75 additions & 0 deletions
75
tests/plugins/tableselection/manual/integrations/clipboard/draganddrop.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,75 @@ | ||
<div id="editor1"> | ||
<table border="1" cellpadding="1" cellspacing="1" style="width:100%"> | ||
<tbody> | ||
<tr> | ||
<td> </td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
<p><img alt="" src="https://cdn.emojics.com/v1.0.0/emojis/wow/symbols/1f636-color.png" style="height:50px; width:50px" /></p> | ||
<table border="1" cellpadding="1" cellspacing="1" style="width:500px"> | ||
<tbody> | ||
<tr> | ||
<td> | ||
<p>1.1</p> | ||
</td> | ||
<td> | ||
<p>1.2</p> | ||
</td> | ||
</tr> | ||
<tr> | ||
<td><img alt="" src="https://cdn.emojics.com/v1.0.0/emojis/like/symbols/1f60a-color.png" style="height:50px; width:50px" /></td> | ||
<td> | ||
<p>2.2</p> | ||
</td> | ||
</tr> | ||
<tr> | ||
<td> | ||
<p>3.1</p> | ||
</td> | ||
<td> | ||
<table border="1" cellpadding="1" cellspacing="1" style="width:100%"> | ||
<tbody> | ||
<tr> | ||
<td><img alt="" src="https://cdn.emojics.com/v1.0.0/emojis/angry/symbols/2639-color.png" style="height:50px; width:50px" /></td> | ||
<td> </td> | ||
</tr> | ||
<tr> | ||
<td> </td> | ||
<td> </td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
</td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
<p><img alt="" src="https://cdn.emojics.com/v1.0.0/emojis/sad/symbols/1f641-color.png" style="height:50px; width:50px" /></p> | ||
<table border="1" cellpadding="1" cellspacing="1" style="width:100%"> | ||
<tbody> | ||
<tr> | ||
<td> </td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
</div> | ||
<div id="editor2"> | ||
<table border="1" cellpadding="1" cellspacing="1" style="width:100%"> | ||
<tbody> | ||
<tr> | ||
<td> </td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
</div> | ||
|
||
<script> | ||
if ( bender.tools.env.mobile ) { | ||
bender.ignore(); | ||
} | ||
|
||
bender.tools.ignoreUnsupportedEnvironment( 'tableselection' ); | ||
|
||
CKEDITOR.replace( 'editor1', { height: 500 } ); | ||
CKEDITOR.replace( 'editor2', { height: 100 } ); | ||
</script> |
45 changes: 45 additions & 0 deletions
45
tests/plugins/tableselection/manual/integrations/clipboard/draganddrop.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,45 @@ | ||
@bender-ui: collapsed | ||
@bender-tags: bug, 547, 4.13.0 | ||
@bender-ckeditor-plugins: wysiwygarea, toolbar, tableselection, clipboard, sourcearea, undo, elementspath, image | ||
|
||
## Important: | ||
**After each scenario use `undo` button to revert editor to the basic state.** Observe if undoing works correctly. | ||
|
||
For each scenario **Expected** and **Unexpected** results are the same: | ||
|
||
**Expected:** | ||
Emoji was dropped in the new location without creating additional elements (like nested table, additional row or whitespaces). | ||
|
||
**Unexpected:** | ||
Drop target was not droppable or some elements (mentioned above) appeared from nowhere. | ||
|
||
## Scenarios: | ||
|
||
1. Drag <span style="color:#59bb34">green (happy)</span> emoji to the cell 1.1. | ||
|
||
1. Drag <span style="color:#e74433">red (angry)</span> emoji to each of the cells in the table nested in cell 3.2, then drag it to the cell 2.2. | ||
|
||
1. Drag <span style="color:#59bb34">green (happy)</span> emoji to the table at the beginning of WYSIWYG area and back to the cell 2.1. | ||
|
||
1. Drag <span style="color:#e74433">red (angry)</span> emoji to the table at the end of WYSIWYG area and back to the nested table. | ||
|
||
1. Drag <span style="color:#f2c041">yellow (neutral)</span> emoji to the cell 1.1. | ||
|
||
1. Drag <span style="color:#f2c041">yellow (neutral)</span> emoji to any cell in the nested table. | ||
|
||
1. Drag <span style="color:#e47a3b">orange (sad)</span> emoji to the cell 1.1. | ||
|
||
1. Drag <span style="color:#e47a3b">orange (sad)</span> emoji to any cell in the nested table. | ||
|
||
1. Drag <span style="color:#e47a3b">orange (sad)</span> emoji to the table in second editor instance. | ||
|
||
1. Drag <span style="color:#e74433">red (angry)</span> emoji to the table in second editor instance. | ||
|
||
1. Last one is a little bit tricky: | ||
* Select text in cell 1.1. | ||
* Still holding mouse button move coursor to another cell and go back to cell 1.1 | ||
(the point is it should become fake selected). | ||
* Drag text to another cell. | ||
|
||
If you need there is a recording of potential bug we try to catch in this scenario: | ||
https://github.com/ckeditor/ckeditor-dev/pull/3244#pullrequestreview-258421144. |