Esanders has uploaded a new change for review.
https://gerrit.wikimedia.org/r/102221
Change subject: Fix paste tests to work in phantomJS
......................................................................
Fix paste tests to work in phantomJS
PhantomJS doesn't play nicely with document.execCommand and complex
HTML. For testing the attribute stripping, use the clipboardData
path. Add in a special clipboard key value that allows us to manually
trigger this from the tests ('useClipboardData-0').
Change-Id: I0de842095a6a9a766f0f9a2249064ca7707283c8
---
M modules/ve/ce/ve.ce.Surface.js
M modules/ve/test/ce/ve.ce.Surface.test.js
2 files changed, 67 insertions(+), 28 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/VisualEditor
refs/changes/21/102221/1
diff --git a/modules/ve/ce/ve.ce.Surface.js b/modules/ve/ce/ve.ce.Surface.js
index fc1220d..38ab990 100644
--- a/modules/ve/ce/ve.ce.Surface.js
+++ b/modules/ve/ce/ve.ce.Surface.js
@@ -985,8 +985,10 @@
$elements = this.$( $.parseHTML(
beforePasteData.html ) );
}
if (
- $elements.filter(
'span[id],span[typeof],span[rel]' ).length > 0 &&
-
this.$pasteTarget.filter('span[id],span[typeof],span[rel]').length === 0
+ clipboardKey === 'useClipboardData-0' || (
+ $elements.filter(
'span[id],span[typeof],span[rel]' ).length > 0 &&
+
this.$pasteTarget.filter('span[id],span[typeof],span[rel]').length === 0
+ )
) {
// CE destroyed an important span, so revert to
using clipboard data
htmlDoc = ve.createDocumentFromHtml(
beforePasteData.html );
diff --git a/modules/ve/test/ce/ve.ce.Surface.test.js
b/modules/ve/test/ce/ve.ce.Surface.test.js
index 9e49a55..f05ee5b 100644
--- a/modules/ve/test/ce/ve.ce.Surface.test.js
+++ b/modules/ve/test/ce/ve.ce.Surface.test.js
@@ -502,7 +502,7 @@
QUnit.expect( cases.length * 4 );
function testRunner( doc, range, expectedData, expectedOriginalRange,
expectedBalancedRange, msg ) {
- var clipboardKey, parts, clipboardIndex, slice,
+ var fromVe, parts, clipboardIndex, slice,
surface = ve.test.utils.createSurfaceFromDocument(
doc || ve.dm.example.createExampleDocument()
),
@@ -514,11 +514,11 @@
testClipboardData = {};
view.onCopy( testEvent );
- clipboardKey = testClipboardData['text/xcustom'];
+ fromVe = testClipboardData['text/xcustom'];
- assert.equal( clipboardKey, view.clipboardId + '-0', msg + ':
clipboardId set' );
+ assert.equal( fromVe, view.clipboardId + '-0', msg + ':
clipboardId set' );
- parts = clipboardKey.split( '-' );
+ parts = fromVe.split( '-' );
clipboardIndex = parts[1];
slice = view.clipboard[clipboardIndex].slice;
@@ -553,7 +553,7 @@
cases = [
{
'range': new ve.Range( 1 ),
- 'pasteTargetHtml': 'Foo',
+ 'pasteHtml': 'Foo',
'expectedRange': new ve.Range( 4 ),
'expectedOps': [
[
@@ -572,7 +572,7 @@
},
{
'range': new ve.Range( 4 ),
- 'pasteTargetHtml': 'Bar',
+ 'pasteHtml': 'Bar',
'expectedRange': new ve.Range( 7 ),
'expectedOps': [
[
@@ -589,7 +589,7 @@
},
{
'range': new ve.Range( 4 ),
- 'pasteTargetHtml':
'<cite>Foo</cite><b>B</b>a<!-- comment --><b>r</b>',
+ 'pasteHtml': '<cite>Foo</cite><b>B</b>a<!--
comment --><b>r</b>',
'expectedRange': new ve.Range( 7 ),
'expectedOps': [
[
@@ -606,7 +606,7 @@
},
{
'range': new ve.Range( 4 ),
- 'pasteTargetHtml':
'<cite>Foo</cite><b>B</b>a<!-- comment --><b>r</b>',
+ 'pasteHtml': '<cite>Foo</cite><b>B</b>a<!--
comment --><b>r</b>',
'pasteSpecial': true,
'expectedRange': new ve.Range( 7 ),
'expectedOps': [
@@ -624,7 +624,7 @@
},
{
'range': new ve.Range( 4 ),
- 'pasteTargetHtml': '<p>Bar</p>',
+ 'pasteHtml': '<p>Bar</p>',
'expectedRange': new ve.Range( 7 ),
'expectedOps': [
[
@@ -641,7 +641,7 @@
},
{
'range': new ve.Range( 6 ),
- 'pasteTargetHtml': '<p>Bar</p>',
+ 'pasteHtml': '<p>Bar</p>',
'expectedRange': new ve.Range( 9 ),
'expectedOps': [
[
@@ -658,7 +658,7 @@
},
{
'range': new ve.Range( 3 ),
- 'pasteTargetHtml': '<p>Bar</p>',
+ 'pasteHtml': '<p>Bar</p>',
'expectedRange': new ve.Range( 6 ),
'expectedOps': [
[
@@ -675,7 +675,7 @@
},
{
'range': new ve.Range( 4 ),
- 'pasteTargetHtml': '☂foo☀',
+ 'pasteHtml': '☂foo☀',
'expectedRange': new ve.Range( 9 ),
'expectedOps': [
[
@@ -692,7 +692,7 @@
},
{
'range': new ve.Range( 6 ),
- 'pasteTargetHtml': '<ul><li>Foo</li></ul>',
+ 'pasteHtml': '<ul><li>Foo</li></ul>',
'expectedRange': new ve.Range( 6 ),
'expectedOps': [
[
@@ -717,7 +717,7 @@
},
{
'range': new ve.Range( 4 ),
- 'pasteTargetHtml':
'<table><caption>Foo</caption><tr><td>Bar</td></tr></table>',
+ 'pasteHtml':
'<table><caption>Foo</caption><tr><td>Bar</td></tr></table>',
'expectedRange': new ve.Range( 26 ),
'expectedOps': [
[
@@ -753,28 +753,63 @@
},
{
'range': new ve.Range( 4 ),
- 'pasteTargetHtml': '<span style="font-size:
1em;" class="foo">Foo</span>',
- 'clipboardKey': true,
- 'expectedRange': new ve.Range( 7 ),
+ 'pasteHtml': '<span style="font-size:
1em;">Foo</span>',
+ // Test this in clipboard data mode as
document.execCommand
+ // doesn't work reliably with complex attributes
+ 'useClipboardData': true,
+ 'expectedRange': new ve.Range( 11 ),
'expectedOps': [
[
{ 'type': 'retain', 'length': 4
},
{
'type': 'replace',
- 'insert': [ 'F', 'o',
'o' ],
+ 'insert': [
+ { 'type':
'/paragraph' },
+ { 'type':
'paragraph', 'internal': { 'generated': 'wrapper' } },
+ 'F', 'o', 'o',
+ { 'type':
'/paragraph' },
+ { 'type':
'paragraph' }
+ ],
'remove': []
},
{ 'type': 'retain', 'length': 5
}
]
],
- 'msg': 'Span empty after stlyle attributes
removed is ignored'
+ 'msg': 'Span empty after style attribute
removed is ignored'
+ },
+ {
+ 'range': new ve.Range( 4 ),
+ 'pasteHtml': '<span style="font-size: 1em;"
class="foo">Foo</span>',
+ // Test this in clipboard data mode as
document.execCommand
+ // doesn't work reliably with complex attributes
+ 'useClipboardData': true,
+ 'expectedRange': new ve.Range( 11 ),
+ 'expectedOps': [
+ [
+ { 'type': 'retain', 'length': 4
},
+ {
+ 'type': 'replace',
+ 'insert': [
+ { 'type':
'/paragraph' },
+ { 'type':
'paragraph', 'internal': { 'generated': 'wrapper' } },
+ ['F',[0]],
['o',[0]], ['o',[0]],
+ { 'type':
'/paragraph' },
+ { 'type':
'paragraph' }
+ ],
+ 'remove': []
+ },
+ { 'type': 'retain', 'length': 5
}
+ ]
+ ],
+ 'msg': 'Span not empty after style attribute
removed is kept'
}
];
QUnit.expect( cases.length * 2 );
- function testRunner( documentHtml, pasteTargetHtml, clipboardKey,
range, expectedOps, pasteSpecial, expectedRange, msg ) {
+ function testRunner( documentHtml, pasteHtml, fromVe, useClipboardData,
range, expectedOps, pasteSpecial, expectedRange, msg ) {
var i, txs, ops,
+ e = {},
surface = ve.test.utils.createSurfaceFromHtml(
documentHtml || exampleDoc ),
view = surface.getView(),
model = surface.getModel();
@@ -782,12 +817,14 @@
// Paste sequence
model.setSelection( range );
view.pasteSpecial = pasteSpecial;
- if ( clipboardKey ) {
- view.beforePaste( new TestEvent( { 'text/xcustom':
'0.123-0' } ) );
- } else {
- view.beforePaste( { 'originalEvent': {} } );
+ if ( useClipboardData ) {
+ e['text/html'] = pasteHtml;
+ e['text/xcustom'] = 'useClipboardData-0';
+ } else if ( fromVe ) {
+ e['text/xcustom'] = '0.123-0';
}
- document.execCommand( 'insertHTML', false, pasteTargetHtml ) ;
+ view.beforePaste( new TestEvent( e ) );
+ document.execCommand( 'insertHTML', false, pasteHtml );
view.afterPaste();
txs = model.getHistory()[0].transactions;
@@ -803,7 +840,7 @@
for ( i = 0; i < cases.length; i++ ) {
testRunner(
- cases[i].documentHtml, cases[i].pasteTargetHtml,
cases[i].clipboardKey,
+ cases[i].documentHtml, cases[i].pasteHtml,
cases[i].fromVe, cases[i].useClipboardData,
cases[i].range, cases[i].expectedOps,
cases[i].pasteSpecial, cases[i].expectedRange, cases[i].msg
);
}
--
To view, visit https://gerrit.wikimedia.org/r/102221
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I0de842095a6a9a766f0f9a2249064ca7707283c8
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/VisualEditor
Gerrit-Branch: master
Gerrit-Owner: Esanders <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
