mediawiki-extensions-Visual.../modules/ve-mw/tests/dm/ve.dm.mwExample.js
Arlo Breault 2497a5254e Set alt in data-mw for non-img media
Follow up to I02ea8421e468635ba6297bb5cda488a5a79c9a1d the depends on
I7a5c24f6ffc15ff0455adf5b025b695ee71501b6 in Parsoid.

Note that the mediaTag isn't currently being passed around for gallery
image nodes so, for example, a <video> becomes an <img> as is.  But,
that's independent of this patch, and a follow up will fix it.
Noted in T348703#9278332

Bug: T348703
Bug: T214603
Change-Id: I5f7d3dfe0a41fac1568c97dccc41209c14e741d0
2023-10-25 13:23:47 -04:00

2571 lines
71 KiB
JavaScript

/*!
* VisualEditor DataModel MediaWiki-specific example data sets.
*
* @copyright 2011-2020 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/**
* @class
* @singleton
* @ignore
*/
ve.dm.mwExample = {};
ve.dm.mwExample.baseUri = 'http://example.com/wiki/';
ve.dm.mwExample.createExampleDocument = ( name, store, base ) =>
ve.dm.example.createExampleDocumentFromObject( name, store, ve.dm.mwExample, base || ve.dm.mwExample.baseUri );
ve.dm.mwExample.createExampleDocumentFromData = ( data, store, base ) =>
ve.dm.example.createExampleDocumentFromData( data, store, base || ve.dm.mwExample.baseUri );
ve.dm.mwExample.MWTransclusion = {
blockOpen: ve.dm.example.singleLine`
<div about="#mwt1" typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Test","href":"./Template:Test"},"params":{"1":{"wt":"Hello, world!"}},"i":0}}]}'>
</div>
`,
blockOpenModified: ve.dm.example.singleLine`
<div about="#mwt1" typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Test","href":"./Template:Test"},"params":{"1":{"wt":"Hello, globe!"}},"i":0}}]}'>
</div>
`,
blockOpenFromData: ve.dm.example.singleLine`
<span typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Test","href":"./Template:Test"},"params":{"1":{"wt":"Hello, world!"}},"i":0}}]}'>
</span>
`,
blockOpenClipboard: ve.dm.example.singleLine`
<div about="#mwt1" typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Test","href":"./Template:Test"},"params":{"1":{"wt":"Hello, world!"}},"i":0}}]}'
data-ve-no-generated-contents="true">
&nbsp;
</div>
`,
blockOpenFromDataModified: ve.dm.example.singleLine`
<span typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Test","href":"./Template:Test"},"params":{"1":{"wt":"Hello, globe!"}},"i":0}}]}'>
</span>
`,
blockOpenModifiedClipboard: ve.dm.example.singleLine`
<span typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Test","href":"./Template:Test"},"params":{"1":{"wt":"Hello, globe!"}},"i":0}}]}'
data-ve-no-generated-contents="true">
&nbsp;
</span>
`,
blockContent: '<p about="#mwt1" data-parsoid="{}">Hello, world!</p>',
blockContentClipboard: '<p about="#mwt1" data-parsoid="{}" data-ve-ignore="true">Hello, world!</p>',
inlineOpen: ve.dm.example.singleLine`
<span about="#mwt1" typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Inline","href":"./Template:Inline"},"params":{"1":{"wt":"1,234"}},"i":0}}]}'>
`,
inlineOpenModified: ve.dm.example.singleLine`
<span about="#mwt1" typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Inline","href":"./Template:Inline"},"params":{"1":{"wt":"5,678"}},"i":0}}]}'>
`,
inlineOpenFromData: ve.dm.example.singleLine`
<span typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Inline","href":"./Template:Inline"},"params":{"1":{"wt":"1,234"}},"i":0}}]}'>
`,
inlineOpenClipboard: ve.dm.example.singleLine`
<span about="#mwt1" typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Inline","href":"./Template:Inline"},"params":{"1":{"wt":"1,234"}},"i":0}}]}'
data-ve-no-generated-contents="true">
`,
inlineOpenFromDataModified: ve.dm.example.singleLine`
<span typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Inline","href":"./Template:Inline"},"params":{"1":{"wt":"5,678"}},"i":0}}]}'>
`,
inlineOpenModifiedClipboard: ve.dm.example.singleLine`
<span typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Inline","href":"./Template:Inline"},"params":{"1":{"wt":"5,678"}},"i":0}}]}'
data-ve-no-generated-contents="true">
&nbsp;
</span>
`,
inlineContent: '$1,234.00',
inlineClose: '</span>',
mixed: ve.dm.example.singleLine`
<link about="#mwt1" rel="mw:PageProp/Category" typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Inline","href":"./Template:Inline"},"params":{"1":{"wt":"5,678"}},"i":0}}]}'>
<span about="#mwt1">Foo</span>
`,
mixedFromData: ve.dm.example.singleLine`
<span typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Inline","href":"./Template:Inline"},"params":{"1":{"wt":"5,678"}},"i":0}}]}'>
</span>
`,
mixedClipboard: ve.dm.example.singleLine`
<span typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Inline","href":"./Template:Inline"},"params":{"1":{"wt":"5,678"}},"i":0}}]}'
data-ve-no-generated-contents="true">
&nbsp;
</span>
<span about="#mwt1" data-ve-ignore="true">Foo</span>
`,
pairOne: ve.dm.example.singleLine`
<p about="#mwt1" typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"echo","href":"./Template:Echo"},"params":{"1":{"wt":"foo"}},"i":0}}]}' data-parsoid="1">
foo
</p>
`,
pairTwo: ve.dm.example.singleLine`
<p about="#mwt2" typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"echo","href":"./Template:Echo"},"params":{"1":{"wt":"foo"}},"i":0}}]}' data-parsoid="2">
foo
</p>
`,
pairFromData: ve.dm.example.singleLine`
<span typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"echo","href":"./Template:Echo"},"params":{"1":{"wt":"foo"}},"i":0}}]}' ></span>
`,
pairClipboard: ve.dm.example.singleLine`
<p about="#mwt1" typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"echo","href":"./Template:Echo"},"params":{"1":{"wt":"foo"}},"i":0}}]}'
data-parsoid="1"
data-ve-no-generated-contents="true">
foo
</p>
`,
meta: ve.dm.example.singleLine`
<link rel="mw:PageProp/Category" href="./Category:Page" about="#mwt1" typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Template:Echo","href":"./Template:Echo"},"params":{"1":{"wt":"[[Category:Page]]\\n[[Category:Book]]"}},"i":0}}]}'>
<span about="#mwt1" data-parsoid="{}">\n</span>
<link rel="mw:PageProp/Category" href="./Category:Book" about="#mwt1">
`,
metaFromData: ve.dm.example.singleLine`
<span typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Template:Echo","href":"./Template:Echo"},"params":{"1":{"wt":"
[[Category:Page]]\\n[[Category:Book]]"}},"i":0}}]}'>
</span>
`,
metaClipboard: ve.dm.example.singleLine`
<span typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"Template:Echo","href":"./Template:Echo"},"params":{"1":{"wt":"
[[Category:Page]]\\n[[Category:Book]]"}},"i":0}}]}'
data-ve-no-generated-contents="true">
&nbsp;
</span>
`
};
ve.dm.mwExample.MWTransclusion.blockData = {
type: 'mwTransclusionBlock',
attributes: {
mw: {
parts: [
{
template: {
target: {
wt: 'Test',
href: './Template:Test'
},
params: {
1: {
wt: 'Hello, world!'
}
},
i: 0
}
}
]
},
originalMw: '{"parts":[{"template":{"target":{"wt":"Test","href":"./Template:Test"},"params":{"1":{"wt":"Hello, world!"}},"i":0}}]}'
}
};
ve.dm.mwExample.MWTransclusion.inlineData = {
type: 'mwTransclusionInline',
attributes: {
mw: {
parts: [
{
template: {
target: {
wt: 'Inline',
href: './Template:Inline'
},
params: {
1: {
wt: '1,234'
}
},
i: 0
}
}
]
},
originalMw: '{"parts":[{"template":{"target":{"wt":"Inline","href":"./Template:Inline"},"params":{"1":{"wt":"1,234"}},"i":0}}]}'
}
};
ve.dm.mwExample.MWTransclusion.mixedDataOpen = {
type: 'mwTransclusionInline',
attributes: {
mw: {
parts: [
{
template: {
target: {
wt: 'Inline',
href: './Template:Inline'
},
params: {
1: {
wt: '5,678'
}
},
i: 0
}
}
]
},
originalMw: '{"parts":[{"template":{"target":{"wt":"Inline","href":"./Template:Inline"},"params":{"1":{"wt":"5,678"}},"i":0}}]}'
}
};
ve.dm.mwExample.MWTransclusion.mixedDataClose = { type: '/mwTransclusionInline' };
ve.dm.mwExample.MWTransclusion.blockParamsHash = OO.getHash( [ ve.dm.MWTransclusionNode.static.getHashObject( ve.dm.mwExample.MWTransclusion.blockData ), undefined ] );
ve.dm.mwExample.MWTransclusion.blockStoreItems = {};
ve.dm.mwExample.MWTransclusion.blockStoreItems[ ve.dm.HashValueStore.prototype.hashOfValue( null, ve.dm.mwExample.MWTransclusion.blockParamsHash ) ] =
$.parseHTML( ve.dm.mwExample.MWTransclusion.blockOpen + ve.dm.mwExample.MWTransclusion.blockContent );
ve.dm.mwExample.MWTransclusion.inlineParamsHash = OO.getHash( [ ve.dm.MWTransclusionNode.static.getHashObject( ve.dm.mwExample.MWTransclusion.inlineData ), undefined ] );
ve.dm.mwExample.MWTransclusion.inlineStoreItems = {};
ve.dm.mwExample.MWTransclusion.inlineStoreItems[ ve.dm.HashValueStore.prototype.hashOfValue( null, ve.dm.mwExample.MWTransclusion.inlineParamsHash ) ] =
$.parseHTML( ve.dm.mwExample.MWTransclusion.inlineOpen + ve.dm.mwExample.MWTransclusion.inlineContent + ve.dm.mwExample.MWTransclusion.inlineClose );
ve.dm.mwExample.MWTransclusion.mixedParamsHash = OO.getHash( [ ve.dm.MWTransclusionNode.static.getHashObject( ve.dm.mwExample.MWTransclusion.mixedDataOpen ), undefined ] );
ve.dm.mwExample.MWTransclusion.mixedStoreItems = {};
ve.dm.mwExample.MWTransclusion.mixedStoreItems[ ve.dm.HashValueStore.prototype.hashOfValue( null, ve.dm.mwExample.MWTransclusion.mixedParamsHash ) ] =
$.parseHTML( ve.dm.mwExample.MWTransclusion.mixed );
ve.dm.mwExample.MWInternalLink = {
absoluteHref: new URL( './Foo/Bar', ve.dm.mwExample.baseUri ).toString()
};
ve.dm.mwExample.MWInternalLink.absoluteOpen = '<a rel="mw:WikiLink" href="' + ve.dm.mwExample.MWInternalLink.absoluteHref + '">';
ve.dm.mwExample.MWInternalLink.absoluteData = {
type: 'link/mwInternal',
attributes: {
title: 'Foo/Bar',
normalizedTitle: 'Foo/Bar',
lookupTitle: 'Foo/Bar'
}
};
ve.dm.mwExample.MWInternalSectionLink = {
absoluteHref: new URL( './Foo#Bar', ve.dm.mwExample.baseUri ).toString()
};
ve.dm.mwExample.MWInternalSectionLink.absoluteOpen = '<a rel="mw:WikiLink" href="' + ve.dm.mwExample.MWInternalSectionLink.absoluteHref + '">';
ve.dm.mwExample.MWInternalSectionLink.absoluteData = {
type: 'link/mwInternal',
attributes: {
title: 'Foo#Bar',
normalizedTitle: 'Foo#Bar',
lookupTitle: 'Foo'
}
};
ve.dm.mwExample.MWMediaLinkExistsData = {
type: 'link/mwInternal',
attributes: {
lookupTitle: 'Media:Exists.png',
normalizedTitle: 'Media:Exists.png',
title: 'Media:Exists.png'
}
};
ve.dm.mwExample.MWMediaLinkMissingData = {
type: 'link/mwInternal',
attributes: {
lookupTitle: 'Media:Missing.png',
normalizedTitle: 'Media:Missing.png',
title: 'Media:Missing.png'
}
};
ve.dm.mwExample.MWBlockImage = {
html: ve.dm.example.singleLine`
<figure typeof="mw:Image/Thumb" class="mw-halign-right foobar">
<a href="./Foo" class="mw-file-description">
<img src="${ve.ce.minImgDataUri}" class="mw-file-element" width="1" height="2" resource="./FooBar" alt="alt text">
</a>
<figcaption>abc</figcaption>
</figure>
`,
data: [
{
type: 'mwBlockImage',
attributes: {
type: 'thumb',
align: 'right',
href: './Foo',
imageClassAttr: 'mw-file-element',
imgWrapperClassAttr: 'mw-file-description',
mediaClass: 'Image',
mediaTag: 'img',
src: ve.ce.minImgDataUri,
width: 1,
height: 2,
alt: 'alt text',
isError: false,
errorText: null,
resource: './FooBar',
mw: {},
originalClasses: 'mw-halign-right foobar',
unrecognizedClasses: [ 'foobar' ]
}
},
{ type: 'mwImageCaption' },
{ type: 'paragraph', internal: { generated: 'wrapper' } },
'a', 'b', 'c',
{ type: '/paragraph' },
{ type: '/mwImageCaption' },
{ type: '/mwBlockImage' }
],
storeItems: {
h1d9b405cfd633576: ve.ce.minImgDataUri
}
};
ve.dm.mwExample.MWInlineImage = {
html: ve.dm.example.singleLine`
<span typeof="mw:Image" class="foo mw-valign-text-top">
<a href="./File:Wiki.png" class="mw-file-description">
<img resource="./File:Wiki.png" src="http://upload.wikimedia.org/wikipedia/en/b/bc/Wiki.png" class="mw-file-element" height="155" width="135" alt="alt text">
</a>
</span>
`,
data: {
type: 'mwInlineImage',
attributes: {
src: 'http://upload.wikimedia.org/wikipedia/en/b/bc/Wiki.png',
href: './File:Wiki.png',
imageClassAttr: 'mw-file-element',
imgWrapperClassAttr: 'mw-file-description',
mediaClass: 'Image',
mediaTag: 'img',
width: 135,
height: 155,
alt: 'alt text',
isError: false,
errorText: null,
valign: 'text-top',
resource: './File:Wiki.png',
mw: {},
type: 'none',
originalClasses: 'foo mw-valign-text-top',
unrecognizedClasses: [ 'foo' ]
}
},
storeItems: {
hbb0aeb2b8e907b74: 'http://upload.wikimedia.org/wikipedia/en/b/bc/Wiki.png'
}
};
ve.dm.mwExample.MWInlineImageWithoutWrapperClass = {
html: ve.dm.example.singleLine`
<span typeof="mw:Image" class="foo mw-valign-text-top">
<a href="./File:Wiki.png">
<img resource="./File:Wiki.png" src="http://upload.wikimedia.org/wikipedia/en/b/bc/Wiki.png" class="mw-file-element" height="155" width="135" alt="alt text">
</a>
</span>
`,
data: {
type: 'mwInlineImage',
attributes: {
src: 'http://upload.wikimedia.org/wikipedia/en/b/bc/Wiki.png',
href: './File:Wiki.png',
imageClassAttr: 'mw-file-element',
imgWrapperClassAttr: null,
mediaClass: 'Image',
mediaTag: 'img',
width: 135,
height: 155,
alt: 'alt text',
isError: false,
errorText: null,
valign: 'text-top',
resource: './File:Wiki.png',
mw: {},
type: 'none',
originalClasses: 'foo mw-valign-text-top',
unrecognizedClasses: [ 'foo' ]
}
}
};
ve.dm.mwExample.mwNowikiAnnotation = {
type: 'mwNowiki'
};
ve.dm.mwExample.mwNowiki = [
{ type: 'paragraph' },
'F', 'o', 'o',
[ '[', [ ve.dm.mwExample.mwNowikiAnnotation ] ],
[ '[', [ ve.dm.mwExample.mwNowikiAnnotation ] ],
[ 'B', [ ve.dm.mwExample.mwNowikiAnnotation ] ],
[ 'a', [ ve.dm.mwExample.mwNowikiAnnotation ] ],
[ 'r', [ ve.dm.mwExample.mwNowikiAnnotation ] ],
[ ']', [ ve.dm.mwExample.mwNowikiAnnotation ] ],
[ ']', [ ve.dm.mwExample.mwNowikiAnnotation ] ],
'B', 'a', 'z',
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
];
ve.dm.mwExample.mwNowikiHtml = '<body><p>Foo<span typeof="mw:Nowiki">[[Bar]]</span>Baz</p></body>';
ve.dm.mwExample.mwNowikiHtmlFromData = '<body><p>Foo[[Bar]]Baz</p></body>';
ve.dm.mwExample.withMeta = [
{
type: 'paragraph',
internal: {
generated: 'wrapper'
}
},
{
type: 'comment',
attributes: {
text: ' No conversion '
}
},
{ type: '/comment' },
{ type: '/paragraph' },
{
type: 'mwAlienMeta',
originalDomElements: $.parseHTML( '<meta property="mw:ThisIsAnAlien" />' )
},
{ type: '/mwAlienMeta' },
{ type: 'paragraph' },
'F',
'o',
'o',
{
type: 'mwCategory',
attributes: {
category: 'Category:Bar',
sortkey: ''
}
},
{ type: '/mwCategory' },
'B',
'a',
'r',
{
type: 'mwAlienMeta',
originalDomElements: $.parseHTML( '<meta property="mw:foo" content="bar" />' )
},
{ type: '/mwAlienMeta' },
'B',
'a',
{
type: 'comment',
attributes: {
text: ' inline '
}
},
{ type: '/comment' },
'z',
{ type: '/paragraph' },
{
type: 'mwAlienMeta',
originalDomElements: $.parseHTML( '<meta property="mw:bar" content="baz" />' )
},
{ type: '/mwAlienMeta' },
{
type: 'paragraph',
internal: {
generated: 'wrapper'
}
},
{
type: 'comment',
attributes: {
text: 'barbaz'
}
},
{ type: '/comment' },
{ type: '/paragraph' },
{
type: 'mwCategory',
attributes: {
category: 'Category:Foo foo',
sortkey: 'Bar baz#quux'
}
},
{ type: '/mwCategory' },
{
type: 'mwAlienMeta',
originalDomElements: $.parseHTML( '<meta typeof="mw:Placeholder" data-parsoid="foobar" />' )
},
{ type: '/mwAlienMeta' },
{ type: 'internalList' },
{ type: '/internalList' }
];
ve.dm.mwExample.withMetaRealData = [
{
type: 'paragraph',
internal: {
generated: 'wrapper'
}
},
{
type: 'comment',
attributes: {
text: ' No conversion '
}
},
{ type: '/comment' },
{ type: '/paragraph' },
{
type: 'mwAlienMeta',
originalDomElements: $.parseHTML( '<meta property="mw:ThisIsAnAlien" />' )
},
{ type: '/mwAlienMeta' },
{ type: 'paragraph' },
'F',
'o',
'o',
'B',
'a',
'r',
'B',
'a',
{
type: 'comment',
attributes: {
text: ' inline '
}
},
{ type: '/comment' },
'z',
{ type: '/paragraph' },
{
type: 'mwCategory',
attributes: {
category: 'Category:Bar',
sortkey: ''
}
},
{ type: '/mwCategory' },
{
type: 'mwAlienMeta',
originalDomElements: $.parseHTML( '<meta property="mw:foo" content="bar" />' )
},
{ type: '/mwAlienMeta' },
{
type: 'mwAlienMeta',
originalDomElements: $.parseHTML( '<meta property="mw:bar" content="baz" />' )
},
{ type: '/mwAlienMeta' },
{
type: 'paragraph',
internal: {
generated: 'wrapper'
}
},
{
type: 'comment',
attributes: {
text: 'barbaz'
}
},
{ type: '/comment' },
{ type: '/paragraph' },
{
type: 'mwCategory',
attributes: {
category: 'Category:Foo foo',
sortkey: 'Bar baz#quux'
}
},
{ type: '/mwCategory' },
{
type: 'mwAlienMeta',
originalDomElements: $.parseHTML( '<meta typeof="mw:Placeholder" data-parsoid="foobar" />' )
},
{ type: '/mwAlienMeta' },
{ type: 'internalList' },
{ type: '/internalList' }
];
ve.dm.mwExample.withMetaMetaData = [
[
{
type: 'alienMeta',
originalDomElements: $.parseHTML( '<!-- No conversion -->' )
},
{
type: 'mwAlienMeta',
originalDomElements: $.parseHTML( '<meta property="mw:ThisIsAnAlien" />' )
}
],
undefined,
undefined,
undefined,
[
{
type: 'mwCategory',
attributes: {
category: 'Category:Bar',
sortkey: ''
}
}
],
undefined,
undefined,
[
{
type: 'mwAlienMeta',
originalDomElements: $.parseHTML( '<meta property="mw:foo" content="bar" />' )
}
],
undefined,
[
{
type: 'alienMeta',
originalDomElements: $.parseHTML( '<!-- inline -->' )
}
],
undefined,
[
{
type: 'mwAlienMeta',
originalDomElements: $.parseHTML( '<meta property="mw:bar" content="baz" />' )
},
{
type: 'comment',
attributes: {
text: 'barbaz'
}
},
{
type: 'mwCategory',
attributes: {
category: 'Category:Foo foo',
sortkey: 'Bar baz#quux'
}
},
{
type: 'mwAlienMeta',
originalDomElements: $.parseHTML( '<meta typeof="mw:Placeholder" data-parsoid="foobar" />' )
}
],
undefined,
undefined
];
ve.dm.mwExample.domToDataCases = {
'adjacent annotations (data-parsoid)': {
preserveAnnotationDomElements: true,
body: ve.dm.example.singleLine`
<b>a</b>
<b data-parsoid="1">b</b>
<b data-parsoid="2">c</b>
<b>d</b>
<b>d</b>
`,
data: [
{ type: 'paragraph', internal: { generated: 'wrapper' } },
[
'a',
[ {
type: 'textStyle/bold',
attributes: { nodeName: 'b' },
originalDomElements: $.parseHTML( '<b>a</b>' )
} ]
],
[
'b',
[ {
type: 'textStyle/bold',
attributes: { nodeName: 'b' },
originalDomElements: $.parseHTML( '<b data-parsoid="1">b</b>' )
} ]
],
[
'c',
[ {
type: 'textStyle/bold',
attributes: { nodeName: 'b' },
originalDomElements: $.parseHTML( '<b data-parsoid="2">c</b>' )
} ]
],
' ',
[
'd',
[ {
type: 'textStyle/bold',
attributes: { nodeName: 'b' },
originalDomElements: $.parseHTML( '<b>a</b>' )
} ]
],
[
'd',
[ {
type: 'textStyle/bold',
attributes: { nodeName: 'b' },
originalDomElements: $.parseHTML( '<b>a</b>' )
} ]
],
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
modify: ( model ) => {
const data = [ 'x', [ ve.dm.example.bold ] ],
linearData = ve.dm.example.preprocessAnnotations( [ data ], model.getStore() );
model.data.data.splice( 3, 0, linearData.data[ 0 ] );
},
normalizedBody: ve.dm.example.singleLine`
<b>a</b>
<b data-parsoid="1">bx</b>
<b data-parsoid="2">c</b>
<b>dd</b>
`,
fromDataBody: ve.dm.example.singleLine`
<b>a</b>
<b data-parsoid="1">bx</b>
<b data-parsoid="2">c</b>
<b>dd</b
`
},
'adjacent annotations (RESTBase IDs)': {
preserveAnnotationDomElements: true,
body: ve.dm.example.singleLine`
<b>a</b>
<b id="mwAB">b</b>
<b id="mwCD">c</b>
<b>d</b>
<b>d</b>
`,
data: [
{ type: 'paragraph', internal: { generated: 'wrapper' } },
[
'a',
[ {
type: 'textStyle/bold',
attributes: { nodeName: 'b' },
originalDomElements: $.parseHTML( '<b>a</b>' )
} ]
],
[
'b',
[ {
type: 'textStyle/bold',
attributes: { nodeName: 'b' },
originalDomElements: $.parseHTML( '<b id="mwAB">b</b>' )
} ]
],
[
'c',
[ {
type: 'textStyle/bold',
attributes: { nodeName: 'b' },
originalDomElements: $.parseHTML( '<b id="mwCD">c</b>' )
} ]
],
' ',
[
'd',
[ {
type: 'textStyle/bold',
attributes: { nodeName: 'b' },
originalDomElements: $.parseHTML( '<b>a</b>' )
} ]
],
[
'd',
[ {
type: 'textStyle/bold',
attributes: { nodeName: 'b' },
originalDomElements: $.parseHTML( '<b>a</b>' )
} ]
],
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
modify: ( model ) => {
const data = [ 'x', [ ve.dm.example.bold ] ],
linearData = ve.dm.example.preprocessAnnotations( [ data ], model.getStore() );
model.data.data.splice( 3, 0, linearData.data[ 0 ] );
},
normalizedBody: ve.dm.example.singleLine`
<b>a</b>
<b id="mwAB">bx</b>
<b id="mwCD">c</b>
<b>dd</b>
`,
fromDataBody: ve.dm.example.singleLine`
<b>a</b>
<b id="mwAB">bx</b>
<b id="mwCD">c</b>
<b>dd</b>
`
},
mwImage: {
body: `<p>${ve.dm.mwExample.MWInlineImage.html}</p>`,
data: [
{ type: 'paragraph' },
ve.dm.mwExample.MWInlineImage.data,
{ type: '/mwInlineImage' },
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
ceHtml: ve.dm.example.singleLine`
<p class="ve-ce-branchNode ve-ce-contentBranchNode ve-ce-paragraphNode">
<span class="ve-ce-branchNode-slug ve-ce-branchNode-inlineSlug"></span>
<a class="mw-file-description ve-ce-leafNode ve-ce-focusableNode ve-ce-mwInlineImageNode" contenteditable="false" href="${new URL( './File:Wiki.png', ve.dm.mwExample.baseUri )}">
<img src="http://upload.wikimedia.org/wikipedia/en/b/bc/Wiki.png" class="mw-file-element" width="135" height="155" style="vertical-align: text-top;">
</a>
${ve.dm.example.inlineSlug}
</p>
`,
storeItems: ve.dm.mwExample.MWInlineImage.storeItems
},
mwImageWithoutWrapperClass: {
body: '<p>' + ve.dm.mwExample.MWInlineImageWithoutWrapperClass.html + '</p>',
data: [
{ type: 'paragraph' },
ve.dm.mwExample.MWInlineImageWithoutWrapperClass.data,
{ type: '/mwInlineImage' },
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
ceHtml: ve.dm.example.singleLine`
<p class="ve-ce-branchNode ve-ce-contentBranchNode ve-ce-paragraphNode">
<span class="ve-ce-branchNode-slug ve-ce-branchNode-inlineSlug"></span>
<a class="mw-file-description ve-ce-leafNode ve-ce-focusableNode ve-ce-mwInlineImageNode" contenteditable="false" href="${new URL( './File:Wiki.png', ve.dm.mwExample.baseUri )}">
<img src="http://upload.wikimedia.org/wikipedia/en/b/bc/Wiki.png" class="mw-file-element" width="135" height="155" style="vertical-align: text-top;">
</a>
${ve.dm.example.inlineSlug}
</p>
`,
storeItems: ve.dm.mwExample.MWInlineImage.storeItems
},
'mwHeading and mwPreformatted nodes': {
body: '<h2>Foo</h2><pre>Bar</pre>',
data: [
{
type: 'mwHeading',
attributes: {
level: 2
}
},
'F', 'o', 'o',
{ type: '/mwHeading' },
{ type: 'mwPreformatted' },
'B', 'a', 'r',
{ type: '/mwPreformatted' },
{ type: 'internalList' },
{ type: '/internalList' }
]
},
'mwTable with duplicate class attributes': {
body: '<table class="wikitable sortable wikitable"><tr><td>Foo</td></tr></table>',
data: [
{
type: 'mwTable',
attributes: {
hasExpandedAttrs: false,
wikitable: true,
sortable: true,
originalClasses: 'wikitable sortable wikitable',
unrecognizedClasses: []
}
},
{ type: 'tableSection', attributes: { style: 'body' } },
{ type: 'tableRow' },
{ type: 'tableCell', attributes: { style: 'data' } },
{ type: 'paragraph', internal: { generated: 'wrapper' } },
'F', 'o', 'o',
{ type: '/paragraph' },
{ type: '/tableCell' },
{ type: '/tableRow' },
{ type: '/tableSection' },
{ type: '/mwTable' },
{ type: 'internalList' },
{ type: '/internalList' }
],
modify: ( model ) => {
model.data.modifyData( 0, ( item ) => {
item.attributes.wikitable = false;
item.attributes.sortable = false;
} );
},
normalizedBody: '<table><tr><td>Foo</td></tr></table>'
},
'mwGalleryImage (broken image)': {
body: ve.dm.example.singleLine`
<ul class="gallery mw-gallery-traditional" typeof="mw:Extension/gallery" about="#mwt2" data-mw='{"name":"gallery","attrs":{},"body":{}}'>
<li class="gallerybox" style="width: 155px;">
<div class="thumb" style="width: 150px; height: 150px;">
<span typeof="mw:Error mw:File" data-mw='{"errors":[{"key":"apierror-filedoesnotexist","message":"This image does not exist."}]}'>
<a href="./Special:FilePath/!Example.jpg">
<span class="mw-file-element mw-broken-media" resource="./File:!Example.jpg" data-width="120" data-height="120">File:!Example.jpg</span>
</a>
</span>
</div>
<div class="gallerytext">
</div>
</li>
</ul>
`,
data: [
{
type: 'mwGallery',
attributes: {
mw: {
attrs: {},
body: {},
name: 'gallery'
},
originalMw: '{"name":"gallery","attrs":{},"body":{}}'
}
},
{
type: 'mwGalleryImage',
attributes: {
mediaClass: 'File',
mediaTag: 'span',
altText: null,
altTextSame: false,
width: 120,
height: 120,
resource: './File:!Example.jpg',
href: './Special:FilePath/!Example.jpg',
imageClassAttr: 'mw-file-element mw-broken-media',
imgWrapperClassAttr: null,
src: null,
isError: true,
errorText: 'File:!Example.jpg',
mw: {
errors: [
{
key: 'apierror-filedoesnotexist',
message: 'This image does not exist.'
}
]
}
}
},
{ type: 'mwGalleryImageCaption' },
{
type: 'paragraph',
internal: {
generated: 'wrapper'
}
},
{ type: '/paragraph' },
{ type: '/mwGalleryImageCaption' },
{ type: '/mwGalleryImage' },
{ type: '/mwGallery' },
{ type: 'internalList' },
{ type: '/internalList' }
],
fromDataBody: ve.dm.example.singleLine`
<ul typeof="mw:Extension/gallery" about="#mwt2" data-mw='{"name":"gallery","attrs":{},"body":{}}'>
<li class="gallerybox">
<div class="thumb">
<span typeof="mw:Error mw:File" data-mw='{"errors":[{"key":"apierror-filedoesnotexist","message":"This image does not exist."}]}'>
<a href="./Special:FilePath/!Example.jpg">
<span class="mw-file-element mw-broken-media" resource="./File:!Example.jpg" data-width="120" data-height="120">File:!Example.jpg</span>
</a>
</span>
</div>
<div class="gallerytext"></div>
</li>
</ul>
`
},
'mwGalleryImage (empty caption in DOM)': {
body: ve.dm.example.singleLine`
<ul class="gallery mw-gallery-packed" typeof="mw:Extension/gallery" about="#mwt2" data-mw='{"name":"gallery","attrs":{"mode":"packed"},"body":{}}'>
<li class="gallerybox" style="width: 182px;">
<div class="thumb" style="width: 180px;">
<span typeof="mw:File">
<a href="./File:Example.jpg" class="mw-file-description">
<img resource="./File:Example.jpg" src="${ve.ce.minImgDataUri}" class="mw-file-element" decoding="async" data-file-width="400"
data-file-height="267" data-file-type="bitmap" height="120" width="180" srcset="${ve.ce.minImgDataUri} 2x"/>
</a>
</span>
</div>
<div class="gallerytext"></div>
</li>
</ul>
`,
data: [
{
type: 'mwGallery',
attributes: {
mw: {
attrs: {
mode: 'packed'
},
body: {},
name: 'gallery'
},
originalMw: '{"name":"gallery","attrs":{"mode":"packed"},"body":{}}'
}
},
{
type: 'mwGalleryImage',
attributes: {
mediaClass: 'File',
mediaTag: 'img',
altText: null,
altTextSame: false,
width: 180,
height: 120,
resource: './File:Example.jpg',
href: null,
imageClassAttr: 'mw-file-element',
imgWrapperClassAttr: 'mw-file-description',
src: ve.ce.minImgDataUri,
isError: false,
errorText: null,
mw: {}
}
},
{ type: 'mwGalleryImageCaption' },
{
type: 'paragraph',
internal: {
generated: 'wrapper'
}
},
{ type: '/paragraph' },
{ type: '/mwGalleryImageCaption' },
{ type: '/mwGalleryImage' },
{ type: '/mwGallery' },
{ type: 'internalList' },
{ type: '/internalList' }
],
fromDataBody: ve.dm.example.singleLine`
<ul typeof="mw:Extension/gallery" about="#mwt2" data-mw='{"name":"gallery","attrs":{"mode":"packed"},"body":{}}'>
<li class="gallerybox">
<div class="thumb">
<span typeof="mw:File">
<a href="./File:Example.jpg" class="mw-file-description">
<img resource="./File:Example.jpg" src="${ve.ce.minImgDataUri}" class="mw-file-element" height="120" width="180"/>
</a>
</span>
</div>
<div class="gallerytext"></div>
</li>
</ul>
`
},
'mwGalleryImage (caption with content)': {
body: ve.dm.example.singleLine`
<ul class="gallery mw-gallery-packed" typeof="mw:Extension/gallery" about="#mwt2" data-mw='{"name":"gallery","attrs":{"mode":"packed"},"body":{}}'>
<li class="gallerybox" style="width: 182px;">
<div class="thumb" style="width: 180px;">
<span typeof="mw:File">
<a href="./File:Example.jpg" class="mw-file-description">
<img resource="./File:Example.jpg" src="${ve.ce.minImgDataUri}" class="mw-file-element" data-file-width="400" data-file-height="267" data-file-type="bitmap" height="120" width="180"/>
</a>
</span>
</div>
<div class="gallerytext">Caption</div>
</li>
</ul>
`,
data: [
{
type: 'mwGallery',
attributes: {
mw: {
attrs: {
mode: 'packed'
},
body: {},
name: 'gallery'
},
originalMw: '{"name":"gallery","attrs":{"mode":"packed"},"body":{}}'
}
},
{
type: 'mwGalleryImage',
attributes: {
mediaClass: 'File',
mediaTag: 'img',
altText: null,
altTextSame: false,
width: 180,
height: 120,
resource: './File:Example.jpg',
href: null,
imageClassAttr: 'mw-file-element',
imgWrapperClassAttr: 'mw-file-description',
src: ve.ce.minImgDataUri,
isError: false,
errorText: null,
mw: {}
}
},
{ type: 'mwGalleryImageCaption' },
{
type: 'paragraph',
internal: {
generated: 'wrapper'
}
},
'C', 'a', 'p', 't', 'i', 'o', 'n',
{ type: '/paragraph' },
{ type: '/mwGalleryImageCaption' },
{ type: '/mwGalleryImage' },
{ type: '/mwGallery' },
{ type: 'internalList' },
{ type: '/internalList' }
],
fromDataBody: ve.dm.example.singleLine`
<ul typeof="mw:Extension/gallery" about="#mwt2" data-mw='{"name":"gallery","attrs":{"mode":"packed"},"body":{}}'>
<li class="gallerybox">
<div class="thumb">
<span typeof="mw:File">
<a href="./File:Example.jpg" class="mw-file-description">
<img resource="./File:Example.jpg" src="${ve.ce.minImgDataUri}" class="mw-file-element" height="120" width="180"/>
</a>
</span>
</div>
<div class="gallerytext">Caption</div>
</li>
</ul>
`
},
'mwGalleryImage (no caption in model)': {
data: [
{
type: 'mwGallery',
attributes: {
mw: {
attrs: {
mode: 'packed'
},
body: {},
name: 'gallery'
},
originalMw: '{"attrs":{"mode":"packed"},"body":{},"name":"gallery"}'
}
},
{
type: 'mwGalleryImage',
attributes: {
mediaClass: 'Image',
mediaTag: 'img',
altText: null,
altTextSame: false,
width: 120,
height: 120,
resource: './Foo',
href: null,
imageClassAttr: 'mw-file-element',
imgWrapperClassAttr: 'mw-file-description',
src: ve.ce.minImgDataUri,
isError: false,
errorText: null
}
},
{ type: '/mwGalleryImage' },
{ type: '/mwGallery' },
{ type: 'internalList' },
{ type: '/internalList' }
],
fromDataBody: ve.dm.example.singleLine`
<ul typeof="mw:Extension/gallery" data-mw='{"attrs":{"mode":"packed"},"body":{},"name":"gallery"}'>
<li class="gallerybox">
<div class="thumb">
<span typeof="mw:Image">
<a href="./Foo" class="mw-file-description">
<img resource="./Foo" src="${ve.ce.minImgDataUri}" class="mw-file-element" height="120" width="120"/>
</a>
</span>
</div>
</li>
</ul>
`
},
'mwGalleryImage (empty caption in model)': {
data: [
{
type: 'mwGallery',
attributes: {
mw: {
attrs: {
mode: 'packed'
},
body: {},
name: 'gallery'
},
originalMw: '{"attrs":{"mode":"packed"},"body":{},"name":"gallery"}'
}
},
{
type: 'mwGalleryImage',
attributes: {
mediaClass: 'Image',
mediaTag: 'img',
altText: null,
altTextSame: false,
width: 120,
height: 120,
resource: './Foo',
href: null,
imageClassAttr: 'mw-file-element',
imgWrapperClassAttr: 'mw-file-description',
src: ve.ce.minImgDataUri,
isError: false,
errorText: null
}
},
{ type: 'mwGalleryImageCaption' },
{ type: '/mwGalleryImageCaption' },
{ type: '/mwGalleryImage' },
{ type: '/mwGallery' },
{ type: 'internalList' },
{ type: '/internalList' }
],
fromDataBody: ve.dm.example.singleLine`
<ul typeof="mw:Extension/gallery" data-mw='{"attrs":{"mode":"packed"},"body":{},"name":"gallery"}'>
<li class="gallerybox">
<div class="thumb">
<span typeof="mw:Image">
<a href="./Foo" class="mw-file-description">
<img resource="./Foo" src="${ve.ce.minImgDataUri}" class="mw-file-element" height="120" width="120"/>
</a>
</span>
</div>
<div class="gallerytext"></div>
</li>
</ul>
`
},
'mwBlockImage (no caption in DOM)': {
body: ve.dm.example.singleLine`
<figure typeof="mw:Image/Thumb">
<a href="./Foo" class="mw-file-description">
<img resource="./Foo" src="${ve.ce.minImgDataUri}" class="mw-file-element" height="300" width="300"/>
</a>
</figure>
`,
data: [
{
type: 'mwBlockImage',
attributes: {
align: 'default',
alt: null,
height: 300,
href: './Foo',
imageClassAttr: 'mw-file-element',
imgWrapperClassAttr: 'mw-file-description',
isError: false,
errorText: null,
mediaClass: 'Image',
mediaTag: 'img',
mw: {},
resource: './Foo',
src: 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=',
type: 'thumb',
width: 300
}
},
{ type: 'mwImageCaption' },
{
type: 'paragraph',
internal: {
generated: 'wrapper'
}
},
{ type: '/paragraph' },
{ type: '/mwImageCaption' },
{ type: '/mwBlockImage' },
{ type: 'internalList' },
{ type: '/internalList' }
],
normalizedBody: ve.dm.example.singleLine`
<figure typeof="mw:Image/Thumb">
<a href="./Foo" class="mw-file-description">
<img resource="./Foo" src="${ve.ce.minImgDataUri}" class="mw-file-element" height="300" width="300"/>
</a>
<figcaption></figcaption>
</figure>
`
},
'mwBlockImage (empty caption in DOM)': {
body: ve.dm.example.singleLine`
<figure typeof="mw:Image/Thumb">
<a href="./Foo" class="mw-file-description">
<img resource="./Foo" src="${ve.ce.minImgDataUri}" class="mw-file-element" height="300" width="300"/>
</a>
<figcaption></figcaption>
</figure>
`,
data: [
{
type: 'mwBlockImage',
attributes: {
align: 'default',
alt: null,
height: 300,
href: './Foo',
imageClassAttr: 'mw-file-element',
imgWrapperClassAttr: 'mw-file-description',
isError: false,
errorText: null,
mediaClass: 'Image',
mediaTag: 'img',
mw: {},
resource: './Foo',
src: 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=',
type: 'thumb',
width: 300
}
},
{ type: 'mwImageCaption' },
{
type: 'paragraph',
internal: {
generated: 'wrapper'
}
},
{ type: '/paragraph' },
{ type: '/mwImageCaption' },
{ type: '/mwBlockImage' },
{ type: 'internalList' },
{ type: '/internalList' }
]
},
'mwBlockImage (caption with content in DOM)': {
body: ve.dm.example.singleLine`
<figure typeof="mw:Image/Thumb">
<a href="./Foo" class="mw-file-description">
<img resource="./Foo" src="${ve.ce.minImgDataUri}" class="mw-file-element" height="300" width="300"/>
</a>
<figcaption>Caption</figcaption>
</figure>
`,
data: [
{
type: 'mwBlockImage',
attributes: {
align: 'default',
alt: null,
height: 300,
href: './Foo',
imageClassAttr: 'mw-file-element',
imgWrapperClassAttr: 'mw-file-description',
isError: false,
errorText: null,
mediaClass: 'Image',
mediaTag: 'img',
mw: {},
resource: './Foo',
src: 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=',
type: 'thumb',
width: 300
}
},
{ type: 'mwImageCaption' },
{
type: 'paragraph',
internal: {
generated: 'wrapper'
}
},
'C', 'a', 'p', 't', 'i', 'o', 'n',
{ type: '/paragraph' },
{ type: '/mwImageCaption' },
{ type: '/mwBlockImage' },
{ type: 'internalList' },
{ type: '/internalList' }
]
},
'mwBlockImage (no caption in model)': {
data: [
{
type: 'mwBlockImage',
attributes: {
align: 'default',
alt: null,
height: 300,
href: './Foo',
imageClassAttr: 'mw-file-element',
imgWrapperClassAttr: 'mw-file-description',
isError: false,
errorText: null,
mediaClass: 'Image',
mediaTag: 'img',
mw: {},
resource: './Foo',
src: 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=',
type: 'thumb',
width: 300
}
},
{ type: '/mwBlockImage' },
{ type: 'internalList' },
{ type: '/internalList' }
],
fromDataBody: ve.dm.example.singleLine`
<figure typeof="mw:Image/Thumb">
<a href="./Foo" class="mw-file-description">
<img resource="./Foo" src="${ve.ce.minImgDataUri}" class="mw-file-element" height="300" width="300"/>
</a>
</figure>
`
},
'mwBlockImage (empty caption in model)': {
data: [
{
type: 'mwBlockImage',
attributes: {
align: 'default',
alt: null,
height: 300,
href: './Foo',
imageClassAttr: 'mw-file-element',
imgWrapperClassAttr: 'mw-file-description',
isError: false,
errorText: null,
mediaClass: 'Image',
mediaTag: 'img',
mw: {},
resource: './Foo',
src: 'data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=',
type: 'thumb',
width: 300
}
},
{ type: 'mwImageCaption' },
{ type: '/mwImageCaption' },
{ type: '/mwBlockImage' },
{ type: 'internalList' },
{ type: '/internalList' }
],
fromDataBody: ve.dm.example.singleLine`
<figure typeof="mw:Image/Thumb">
<a href="./Foo" class="mw-file-description">
<img resource="./Foo" src="${ve.ce.minImgDataUri}" class="mw-file-element" height="300" width="300"/>
</a>
</figure>
`
},
'mw:Transclusion (block level)': {
body: ve.dm.mwExample.MWTransclusion.blockOpen + ve.dm.mwExample.MWTransclusion.blockContent,
data: [
ve.dm.mwExample.MWTransclusion.blockData,
{ type: '/mwTransclusionBlock' },
{ type: 'internalList' },
{ type: '/internalList' }
],
storeItems: ve.dm.mwExample.MWTransclusion.blockStoreItems,
normalizedBody: ve.dm.mwExample.MWTransclusion.blockOpen + ve.dm.mwExample.MWTransclusion.blockContent,
fromDataBody: ve.dm.mwExample.MWTransclusion.blockOpenFromData,
clipboardBody: ve.dm.mwExample.MWTransclusion.blockOpenClipboard + ve.dm.mwExample.MWTransclusion.blockContentClipboard,
previewBody: ve.dm.mwExample.MWTransclusion.blockOpen + ve.dm.mwExample.MWTransclusion.blockContent
},
'mw:Transclusion (block level - modified)': {
body: ve.dm.mwExample.MWTransclusion.blockOpen + ve.dm.mwExample.MWTransclusion.blockContent,
data: [
ve.dm.mwExample.MWTransclusion.blockData,
{ type: '/mwTransclusionBlock' },
{ type: 'internalList' },
{ type: '/internalList' }
],
storeItems: ve.dm.mwExample.MWTransclusion.blockStoreItems,
modify: ( model ) => {
model.data.modifyData( 0, ( item ) => {
item.attributes.mw.parts[ 0 ].template.params[ '1' ].wt = 'Hello, globe!';
} );
},
normalizedBody: ve.dm.mwExample.MWTransclusion.blockOpenModified.replace( /about="#mwt1"/, '' ),
fromDataBody: ve.dm.mwExample.MWTransclusion.blockOpenFromDataModified,
clipboardBody: ve.dm.mwExample.MWTransclusion.blockOpenModifiedClipboard,
previewBody: false
},
'mw:Transclusion (inline)': {
body: ve.dm.mwExample.MWTransclusion.inlineOpen + ve.dm.mwExample.MWTransclusion.inlineContent + ve.dm.mwExample.MWTransclusion.inlineClose,
data: [
{ type: 'paragraph', internal: { generated: 'wrapper' } },
ve.dm.mwExample.MWTransclusion.inlineData,
{ type: '/mwTransclusionInline' },
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
storeItems: ve.dm.mwExample.MWTransclusion.inlineStoreItems,
normalizedBody: ve.dm.mwExample.MWTransclusion.inlineOpen + ve.dm.mwExample.MWTransclusion.inlineContent + ve.dm.mwExample.MWTransclusion.inlineClose,
fromDataBody: ve.dm.mwExample.MWTransclusion.inlineOpenFromData + ve.dm.mwExample.MWTransclusion.inlineClose,
clipboardBody: ve.dm.mwExample.MWTransclusion.inlineOpenClipboard + ve.dm.mwExample.MWTransclusion.inlineContent + ve.dm.mwExample.MWTransclusion.inlineClose,
previewBody: ve.dm.mwExample.MWTransclusion.inlineOpen + ve.dm.mwExample.MWTransclusion.inlineContent + ve.dm.mwExample.MWTransclusion.inlineClose
},
'mw:Transclusion (inline - modified)': {
body: ve.dm.mwExample.MWTransclusion.inlineOpen + ve.dm.mwExample.MWTransclusion.inlineContent + ve.dm.mwExample.MWTransclusion.inlineClose,
data: [
{ type: 'paragraph', internal: { generated: 'wrapper' } },
ve.dm.mwExample.MWTransclusion.inlineData,
{ type: '/mwTransclusionInline' },
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
storeItems: ve.dm.mwExample.MWTransclusion.inlineStoreItems,
modify: ( model ) => {
model.data.modifyData( 1, ( item ) => {
item.attributes.mw.parts[ 0 ].template.params[ '1' ].wt = '5,678';
} );
},
normalizedBody: ve.dm.mwExample.MWTransclusion.inlineOpenModified.replace( /about="#mwt1"/, '' ) + ve.dm.mwExample.MWTransclusion.inlineClose,
fromDataBody: ve.dm.mwExample.MWTransclusion.inlineOpenFromDataModified + ve.dm.mwExample.MWTransclusion.inlineClose,
clipboardBody: ve.dm.mwExample.MWTransclusion.inlineOpenModifiedClipboard + ve.dm.mwExample.MWTransclusion.inlineClose,
previewBody: false
},
'two mw:Transclusion nodes with identical params but different htmlAttributes': {
body: ve.dm.mwExample.MWTransclusion.pairOne + ve.dm.mwExample.MWTransclusion.pairTwo,
fromDataBody: ve.dm.mwExample.MWTransclusion.pairFromData + ve.dm.mwExample.MWTransclusion.pairFromData,
clipboardBody: ve.dm.mwExample.MWTransclusion.pairClipboard + ve.dm.mwExample.MWTransclusion.pairClipboard,
previewBody: ve.dm.mwExample.MWTransclusion.pairOne + ve.dm.mwExample.MWTransclusion.pairOne,
data: [
{
type: 'mwTransclusionBlock',
attributes: {
mw: {
parts: [
{
template: {
target: {
wt: 'echo',
href: './Template:Echo'
},
params: {
1: {
wt: 'foo'
}
},
i: 0
}
}
]
},
originalMw: '{"parts":[{"template":{"target":{"wt":"echo","href":"./Template:Echo"},"params":{"1":{"wt":"foo"}},"i":0}}]}'
}
},
{ type: '/mwTransclusionBlock' },
{
type: 'mwTransclusionBlock',
attributes: {
mw: {
parts: [
{
template: {
target: {
wt: 'echo',
href: './Template:Echo'
},
params: {
1: {
wt: 'foo'
}
},
i: 0
}
}
]
},
originalMw: '{"parts":[{"template":{"target":{"wt":"echo","href":"./Template:Echo"},"params":{"1":{"wt":"foo"}},"i":0}}]}'
}
},
{ type: '/mwTransclusionBlock' },
{ type: 'internalList' },
{ type: '/internalList' }
],
storeItems: {
hd2ff771ac84b229d: $.parseHTML( ve.dm.example.singleLine`
<p about="#mwt1" typeof="mw:Transclusion"
data-mw='{"parts":[{"template":{"target":{"wt":"echo","href":"./Template:Echo"},"params":{"1":{"wt":"foo"}},"i":0}}]}' data-parsoid="1">
foo
</p>
` )
}
},
'mw:Transclusion containing only meta data': {
body: ve.dm.mwExample.MWTransclusion.meta,
fromDataBody: ve.dm.mwExample.MWTransclusion.metaFromData,
clipboardBody: ve.dm.mwExample.MWTransclusion.metaClipboard,
previewBody: false,
data: [
{
internal: { generated: 'wrapper' },
type: 'paragraph'
},
{
type: 'mwTransclusionInline',
attributes: {
mw: {
parts: [ {
template: {
target: {
wt: 'Template:Echo',
href: './Template:Echo'
},
params: {
1: { wt: '[[Category:Page]]\n[[Category:Book]]' }
},
i: 0
}
} ]
},
originalMw: '{"parts":[{"template":{"target":{"wt":"Template:Echo","href":"./Template:Echo"},"params":{"1":{"wt":"[[Category:Page]]\\n[[Category:Book]]"}},"i":0}}]}'
}
},
{ type: '/mwTransclusionInline' },
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
]
},
'mw:Transclusion which is also a language annotation': {
body: '<span dir="ltr" about="#mwt1" typeof="mw:Transclusion" data-mw="{}">content</span>',
data: [
{ type: 'paragraph', internal: { generated: 'wrapper' } },
{
type: 'mwTransclusionInline',
attributes: {
mw: {},
originalMw: '{}'
},
originalDomElements: $.parseHTML( '<span dir="ltr" about="#mwt1" typeof="mw:Transclusion" data-mw="{}">content</span>' )
},
{ type: '/mwTransclusionInline' },
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
clipboardBody: '<span dir="ltr" about="#mwt1" typeof="mw:Transclusion" data-mw="{}" data-ve-no-generated-contents="true">content</span>',
previewBody: false
},
'mw:AlienBlockExtension': {
body: ve.dm.example.singleLine`
<div about="#mwt1" typeof="mw:Extension/syntaxhighlight"
data-mw='{"name":"syntaxhighlight","attrs":{"lang":"php"},"body":{"extsrc":"\\n$foo = bar;\\n"}}'
data-parsoid="1">
<div><span>Rendering</span></div>
</div>
`,
normalizedBody: ve.dm.example.singleLine`
<div typeof="mw:Extension/syntaxhighlight"
data-mw='{"name":"syntaxhighlight","attrs":{"lang":"php5"},"body":{"extsrc":"\\n$foo = bar;\\n"}}'
about="#mwt1" data-parsoid="1">
</div>
`,
data: [
{
type: 'mwAlienBlockExtension',
attributes: {
mw: {
name: 'syntaxhighlight',
attrs: {
lang: 'php'
},
body: {
extsrc: '\n$foo = bar;\n'
}
},
originalMw: '{"name":"syntaxhighlight","attrs":{"lang":"php"},"body":{"extsrc":"\\n$foo = bar;\\n"}}'
},
originalDomElements: $.parseHTML( '<div about="#mwt1" data-parsoid="1"></div>' )
},
{ type: '/mwAlienBlockExtension' },
{ type: 'internalList' },
{ type: '/internalList' }
],
modify: ( model ) => {
model.data.modifyData( 0, ( item ) => {
item.attributes.mw.attrs.lang = 'php5';
} );
}
},
'mw:AlienInlineExtension': {
body: ve.dm.example.singleLine`
<p>
<img src="${ve.ce.minImgDataUri}" width="100" height="20" alt="Bar" typeof="mw:Extension/score"
data-mw='{"name":"score","attrs":{},"body":{"extsrc":"\\\\relative c&#39; { e d c d e e e }"}}'
data-parsoid="1" about="#mwt1" />
</p>
`,
normalizedBody: ve.dm.example.singleLine`
<p>
<span typeof="mw:Extension/score"
data-mw='{"name":"score","attrs":{},"body":{"extsrc":"\\\\relative c&#39; { d d d e e e }"}}'
src="${ve.ce.minImgDataUri}" width="100" height="20" alt="Bar" data-parsoid="1" about="#mwt1" />
</p>
`,
data: [
{ type: 'paragraph' },
{
type: 'mwAlienInlineExtension',
attributes: {
mw: {
name: 'score',
attrs: {},
body: {
extsrc: '\\relative c\' { e d c d e e e }'
}
},
originalMw: '{"name":"score","attrs":{},"body":{"extsrc":"\\\\relative c\' { e d c d e e e }"}}'
},
originalDomElements: $.parseHTML( `<img src="${ve.ce.minImgDataUri}" width="100" height="20" alt="Bar" about="#mwt1" data-parsoid="1"></img>` )
},
{ type: '/mwAlienInlineExtension' },
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
modify: ( model ) => {
model.data.modifyData( 1, ( item ) => {
item.attributes.mw.body.extsrc = '\\relative c\' { d d d e e e }';
} );
}
},
'internal link with absolute path': {
body: '<p>' + ve.dm.mwExample.MWInternalLink.absoluteOpen + 'Foo</a></p>',
base: ve.dm.mwExample.baseUri,
data: [
{ type: 'paragraph' },
[
'F',
[ ve.dm.mwExample.MWInternalLink.absoluteData ]
],
[
'o',
[ ve.dm.mwExample.MWInternalLink.absoluteData ]
],
[
'o',
[ ve.dm.mwExample.MWInternalLink.absoluteData ]
],
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
normalizedBody: '<p><a rel="mw:WikiLink" href="./Foo/Bar">Foo</a></p>',
mwConfig: {
wgArticlePath: '/wiki/$1'
}
},
'internal link with absolute path and section': {
body: '<p>' + ve.dm.mwExample.MWInternalSectionLink.absoluteOpen + 'Foo</a></p>',
base: ve.dm.mwExample.baseUri,
data: [
{ type: 'paragraph' },
[
'F',
[ ve.dm.mwExample.MWInternalSectionLink.absoluteData ]
],
[
'o',
[ ve.dm.mwExample.MWInternalSectionLink.absoluteData ]
],
[
'o',
[ ve.dm.mwExample.MWInternalSectionLink.absoluteData ]
],
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
normalizedBody: '<p><a rel="mw:WikiLink" href="./Foo#Bar">Foo</a></p>',
mwConfig: {
wgArticlePath: '/wiki/$1'
}
},
'internal link with href set to ./': {
body: '<p><a rel="mw:WikiLink" href="./">x</a></p>',
base: ve.dm.mwExample.baseUri,
data: [
{ type: 'paragraph' },
[
'x',
[ {
type: 'link/mwInternal',
attributes: {
title: '',
normalizedTitle: '',
lookupTitle: ''
}
} ]
],
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
]
},
'internal link with special characters': {
body: '<p><a rel="mw:WikiLink" href="./Foo%3F+%25&Bar">x</a></p>',
ignoreXmlWarnings: true,
base: ve.dm.mwExample.baseUri,
data: [
{ type: 'paragraph' },
[
'x',
[ {
type: 'link/mwInternal',
attributes: {
title: 'Foo?+%&Bar',
normalizedTitle: 'Foo?+%&Bar',
lookupTitle: 'Foo?+%&Bar'
}
} ]
],
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
]
},
'mw:MediaLink (exists)': {
body: '<p><a rel="mw:MediaLink" href="//localhost/w/images/x/xx/Exists.png" resource="./Media:Exists.png" title="Exists.png">Media:Exists.png</a></p>',
data: [
{ type: 'paragraph' },
[ 'M', [ ve.dm.mwExample.MWMediaLinkExistsData ] ],
[ 'e', [ ve.dm.mwExample.MWMediaLinkExistsData ] ],
[ 'd', [ ve.dm.mwExample.MWMediaLinkExistsData ] ],
[ 'i', [ ve.dm.mwExample.MWMediaLinkExistsData ] ],
[ 'a', [ ve.dm.mwExample.MWMediaLinkExistsData ] ],
[ ':', [ ve.dm.mwExample.MWMediaLinkExistsData ] ],
[ 'E', [ ve.dm.mwExample.MWMediaLinkExistsData ] ],
[ 'x', [ ve.dm.mwExample.MWMediaLinkExistsData ] ],
[ 'i', [ ve.dm.mwExample.MWMediaLinkExistsData ] ],
[ 's', [ ve.dm.mwExample.MWMediaLinkExistsData ] ],
[ 't', [ ve.dm.mwExample.MWMediaLinkExistsData ] ],
[ 's', [ ve.dm.mwExample.MWMediaLinkExistsData ] ],
[ '.', [ ve.dm.mwExample.MWMediaLinkExistsData ] ],
[ 'p', [ ve.dm.mwExample.MWMediaLinkExistsData ] ],
[ 'n', [ ve.dm.mwExample.MWMediaLinkExistsData ] ],
[ 'g', [ ve.dm.mwExample.MWMediaLinkExistsData ] ],
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
normalizedBody: '<p><a href="./Media:Exists.png" rel="mw:WikiLink" resource="./Media:Exists.png" title="Exists.png">Media:Exists.png</a></p>',
fromDataBody: '<p><a href="./Media:Exists.png" rel="mw:WikiLink">Media:Exists.png</a></p>'
},
'mw:MediaLink (missing)': {
body: '<p><a rel="mw:MediaLink" href="./Special:FilePath/Missing.png" resource="./Media:Missing.png" title="Missing.png" typeof="mw:Error" data-mw=\'{"errors":[{"key":"apierror-filedoesnotexist","message":"This image does not exist."}]}\'>Media:Missing.png</a></p>',
data: [
{ type: 'paragraph' },
[ 'M', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
[ 'e', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
[ 'd', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
[ 'i', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
[ 'a', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
[ ':', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
[ 'M', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
[ 'i', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
[ 's', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
[ 's', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
[ 'i', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
[ 'n', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
[ 'g', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
[ '.', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
[ 'p', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
[ 'n', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
[ 'g', [ ve.dm.mwExample.MWMediaLinkMissingData ] ],
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
normalizedBody: '<p><a href="./Media:Missing.png" rel="mw:WikiLink" resource="./Media:Missing.png" title="Missing.png" typeof="mw:Error" data-mw=\'{"errors":[{"key":"apierror-filedoesnotexist","message":"This image does not exist."}]}\'>Media:Missing.png</a></p>',
fromDataBody: '<p><a href="./Media:Missing.png" rel="mw:WikiLink">Media:Missing.png</a></p>'
},
'numbered external link (empty mw:Extlink)': {
body: '<p>Foo<a rel="mw:ExtLink" href="http://www.example.com"></a>Bar</p>',
data: [
{ type: 'paragraph' },
'F', 'o', 'o',
{
type: 'link/mwNumberedExternal',
attributes: {
href: 'http://www.example.com'
}
},
{ type: '/link/mwNumberedExternal' },
'B', 'a', 'r',
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
clipboardBody: '<p>Foo<a rel="ve:NumberedLink" href="http://www.example.com">[1]</a>Bar</p>'
},
'numbered external link (non-empty mw:Extlink as cross-document paste)': {
body: '<p>Foo<a rel="ve:NumberedLink" href="http://www.example.com">[1]</a>Bar</p>',
data: [
{ type: 'paragraph' },
'F', 'o', 'o',
{
type: 'link/mwNumberedExternal',
attributes: {
href: 'http://www.example.com'
}
},
{ type: '/link/mwNumberedExternal' },
'B', 'a', 'r',
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
clipboardBody: '<p>Foo<a rel="ve:NumberedLink" href="http://www.example.com">[1]</a>Bar</p>',
normalizedBody: '<p>Foo<a rel="mw:ExtLink" href="http://www.example.com"></a>Bar</p>'
},
'URL link': {
body: '<p><a rel="mw:ExtLink" href="https://www.mediawiki.org/">mw</a></p>',
data: [
{ type: 'paragraph' },
[
'm',
[ {
type: 'link/mwExternal',
attributes: {
href: 'https://www.mediawiki.org/',
rel: 'mw:ExtLink'
}
} ]
],
[
'w',
[ {
type: 'link/mwExternal',
attributes: {
href: 'https://www.mediawiki.org/',
rel: 'mw:ExtLink'
}
} ]
],
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
previewBody: '<p><a rel="mw:ExtLink" class="external" href="https://www.mediawiki.org/">mw</a></p>'
}, /* FIXME T185902: Temporarily commented out failing test case
'whitespace preservation with wrapped comments and language links': {
body: 'Foo\n' +
<link rel="mw:PageProp/Language" href="http://de.wikipedia.org/wiki/Foo">\n
'<link rel="mw:PageProp/Language" href="http://fr.wikipedia.org/wiki/Foo">',
data: [
{
type: 'paragraph',
internal: {
generated: 'wrapper',
metaItems: [
{
originalDomElementsHash: 'h188ab6af88887790',
type: 'mwLanguage',
attributes: {
href: 'http://de.wikipedia.org/wiki/Foo'
},
internal: {
loadMetaParentHash: 'hbc66e1df10d058e6',
loadMetaParentOffset: 3
}
},
{
originalDomElementsHash: 'h188ab6ff88887790',
type: 'mwLanguage',
attributes: {
href: 'http://fr.wikipedia.org/wiki/Foo'
},
internal: {
loadMetaParentHash: 'h4e7ce2a82b7ce627',
loadMetaParentOffset: 6
}
}
],
whitespace: [ undefined, undefined, undefined, '\n' ]
}
},
'F',
'o',
'o',
{ type: '/paragraph' },
{
type: 'mwLanguage',
attributes: {
href: 'http://de.wikipedia.org/wiki/Foo'
},
internal: {
whitespace: [ '\n', undefined, undefined, '\n' ]
}
},
{ type: '/mwLanguage' },
{
type: 'mwLanguage',
attributes: {
href: 'http://fr.wikipedia.org/wiki/Foo'
},
internal: {
whitespace: [ '\n' ]
}
},
{ type: '/mwLanguage' },
{ type: 'internalList' },
{ type: '/internalList' }
]
}, */
'document with meta elements': {
body: ve.dm.example.singleLine`
<!-- No conversion -->
<meta property="mw:ThisIsAnAlien" />
<p>
Foo
<link rel="mw:PageProp/Category" href="./Category:Bar" />
Bar
<meta property="mw:foo" content="bar" />
Ba<!-- inline -->z<
/p>
<meta property="mw:bar" content="baz" />
<!--barbaz-->
<link rel="mw:PageProp/Category" href="./Category:Foo_foo#Bar%20baz%23quux" />
<meta typeof="mw:Placeholder" data-parsoid="foobar" />
`,
clipboardBody: ve.dm.example.singleLine`
<span rel="ve:Comment" data-ve-comment=" No conversion ">
&nbsp;
</span>
<meta property="mw:ThisIsAnAlien" />
<p>
Foo
<link rel="mw:PageProp/Category" href="./Category:Bar" />
Bar
<meta property="mw:foo" content="bar" />
Ba<span rel="ve:Comment" data-ve-comment=" inline ">&nbsp;</span>z
</p>
<meta property="mw:bar" content="baz" />
<span rel="ve:Comment" data-ve-comment="barbaz">&nbsp;</span>
<link rel="mw:PageProp/Category" href="./Category:Foo_foo#Bar%20baz%23quux" />
<meta typeof="mw:Placeholder" data-parsoid="foobar" />
`,
previewBody: ve.dm.example.singleLine`
${ve.dm.example.commentNodePreview( ' No conversion ' )}
<meta property="mw:ThisIsAnAlien" />
<p>
Foo
<a href="/wiki/Category:Bar">Bar</a>
Bar
<meta property="mw:foo" content="bar" />
Ba${ve.dm.example.commentNodePreview( ' inline ' )}z
</p>
<meta property="mw:bar" content="baz" />
${ve.dm.example.commentNodePreview( 'barbaz' )}
<a href="/wiki/Category:Foo_foo">Foo foo</a>
<meta typeof="mw:Placeholder" data-parsoid="foobar" />
`,
base: ve.dm.mwExample.baseUri,
data: ve.dm.mwExample.withMeta,
realData: ve.dm.mwExample.withMetaRealData
},
'RDFa types spread across two attributes, about grouping is forced': {
body: ve.dm.mwExample.MWTransclusion.mixed,
fromDataBody: ve.dm.mwExample.MWTransclusion.mixedFromData,
clipboardBody: ve.dm.mwExample.MWTransclusion.mixedClipboard,
previewBody: ve.dm.mwExample.MWTransclusion.mixed,
data: [
{ type: 'paragraph', internal: { generated: 'wrapper' } },
ve.dm.mwExample.MWTransclusion.mixedDataOpen,
ve.dm.mwExample.MWTransclusion.mixedDataClose,
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
storeItems: ve.dm.mwExample.MWTransclusion.mixedStoreItems
},
'mw:Entity': {
body: '<p>a<span typeof="mw:Entity">¢</span>b<span typeof="mw:Entity">¥</span><span typeof="mw:Entity">™</span></p>',
data: [
{ type: 'paragraph' },
'a',
{
type: 'mwEntity',
attributes: { character: '¢' }
},
{ type: '/mwEntity' },
'b',
{
type: 'mwEntity',
attributes: { character: '¥' }
},
{ type: '/mwEntity' },
{
type: 'mwEntity',
attributes: { character: '™' }
},
{ type: '/mwEntity' },
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
]
},
'mw:DisplaySpace': {
body: '<p>a<span typeof="mw:DisplaySpace">&nbsp;</span>: b</p>',
data: [
{ type: 'paragraph' },
'a',
{
type: 'mwEntity',
attributes: {
character: '\u00a0',
displaySpace: true
}
},
{ type: '/mwEntity' },
':',
' ',
'b',
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
]
},
'wrapping with mw:Entity': {
body: 'a<span typeof="mw:Entity">¢</span>b<span typeof="mw:Entity">¥</span><span typeof="mw:Entity">™</span>',
data: [
{ type: 'paragraph', internal: { generated: 'wrapper' } },
'a',
{
type: 'mwEntity',
attributes: { character: '¢' }
},
{ type: '/mwEntity' },
'b',
{
type: 'mwEntity',
attributes: { character: '¥' }
},
{ type: '/mwEntity' },
{
type: 'mwEntity',
attributes: { character: '™' }
},
{ type: '/mwEntity' },
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
]
},
'whitespace preservation with mw:Entity': {
body: '<p> a <span typeof="mw:Entity"> </span> b <span typeof="mw:Entity">¥</span>\t<span typeof="mw:Entity">™</span></p>',
data: [
{ type: 'paragraph', internal: { whitespace: [ undefined, ' ' ] } },
'a',
' ',
' ',
{
type: 'mwEntity',
attributes: { character: ' ' }
},
{ type: '/mwEntity' },
' ',
' ',
' ',
'b',
' ',
' ',
' ',
' ',
{
type: 'mwEntity',
attributes: { character: '¥' }
},
{ type: '/mwEntity' },
'\t',
{
type: 'mwEntity',
attributes: { character: '™' }
},
{ type: '/mwEntity' },
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
]
},
'category default sort key': {
body: '<meta property="mw:PageProp/categorydefaultsort" content="foo">',
data: [
{
type: 'mwDefaultSort',
attributes: {
content: 'foo'
}
},
{ type: '/mwDefaultSort' },
{ type: 'paragraph', internal: { generated: 'empty' } },
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
]
},
'thumb image': {
body: ve.dm.mwExample.MWBlockImage.html,
data: ve.dm.mwExample.MWBlockImage.data.concat( [
{ type: 'internalList' },
{ type: '/internalList' }
] ),
storeItems: ve.dm.mwExample.MWBlockImage.storeItems
},
'broken block image': {
body: ve.dm.example.singleLine`
<figure class="mw-default-size" typeof="mw:Error mw:Image/Thumb" data-mw='{"errors":[{"key":"apierror-filedoesnotexist","message":"This image does not exist."}]}'>
<a href="./Special:FilePath/Missing_image.jpg">
<span resource="./File:Missing_image.jpg" class="mw-file-element mw-broken-media" data-width="220">File:Missing image.jpg</span>
</a>
<figcaption>abc</figcaption>
</figure>
`,
data: [
{
type: 'mwBlockImage',
attributes: {
type: 'thumb',
align: 'default',
href: './Special:FilePath/Missing_image.jpg',
imageClassAttr: 'mw-file-element mw-broken-media',
imgWrapperClassAttr: null,
mediaClass: 'Image',
mediaTag: 'span',
src: null,
defaultSize: true,
width: 220,
height: null,
originalWidth: 220,
originalHeight: null,
alt: null,
isError: true,
errorText: 'File:Missing image.jpg',
resource: './File:Missing_image.jpg',
mw: {
errors: [ {
key: 'apierror-filedoesnotexist',
message: 'This image does not exist.'
} ]
},
originalClasses: 'mw-default-size',
unrecognizedClasses: []
}
},
{ type: 'mwImageCaption' },
{ type: 'paragraph', internal: { generated: 'wrapper' } },
'a', 'b', 'c',
{ type: '/paragraph' },
{ type: '/mwImageCaption' },
{ type: '/mwBlockImage' },
{ type: 'internalList' },
{ type: '/internalList' }
],
previewBody: ve.dm.example.singleLine`
<figure class="mw-default-size" typeof="mw:Error mw:Image/Thumb" data-mw='{"errors":[{"key":"apierror-filedoesnotexist","message":"This image does not exist."}]}'>
<a href="./Special:FilePath/Missing_image.jpg" class="new">
<span resource="./File:Missing_image.jpg" class="mw-file-element mw-broken-media" data-width="220">File:Missing image.jpg</span>
</a>
<figcaption>abc</figcaption>
</figure>
`
},
'broken inline image': {
body: ve.dm.example.singleLine`
<p>
<span typeof="mw:Error mw:Image" data-mw='{"errors":[{"key":"apierror-filedoesnotexist","message":"This image does not exist."}]}'>
<a href="./Special:FilePath/Missing_image.jpg">
<span resource="./File:Missing_image.jpg" class="mw-file-element mw-broken-media" data-width="200">File:Missing image.jpg</span>
</a>
</span>
</p>
`,
data: [
{ type: 'paragraph' },
{
type: 'mwInlineImage',
attributes: {
type: 'none',
href: './Special:FilePath/Missing_image.jpg',
imageClassAttr: 'mw-file-element mw-broken-media',
imgWrapperClassAttr: null,
mediaClass: 'Image',
mediaTag: 'span',
src: null,
width: 200,
height: null,
valign: 'default',
alt: null,
isError: true,
errorText: 'File:Missing image.jpg',
resource: './File:Missing_image.jpg',
mw: {
errors: [ {
key: 'apierror-filedoesnotexist',
message: 'This image does not exist.'
} ]
},
originalClasses: null,
unrecognizedClasses: []
}
},
{ type: '/mwInlineImage' },
{ type: '/paragraph' },
{ type: 'internalList' },
{ type: '/internalList' }
],
previewBody: ve.dm.example.singleLine`
<p>
<span typeof="mw:Error mw:Image" data-mw='{"errors":[{"key":"apierror-filedoesnotexist","message":"This image does not exist."}]}'>
<a href="./Special:FilePath/Missing_image.jpg" class="new">
<span resource="./File:Missing_image.jpg" class="mw-file-element mw-broken-media" data-width="200">File:Missing image.jpg</span>
</a>
</span>
</p>
`
},
'attribute preservation does not crash due to text node split': {
body: ve.dm.example.singleLine`
<figure typeof="mw:Image/Thumb" data-parsoid="{}">
<a href="./Foo" data-parsoid="{}" class="mw-file-description">
<img src="${ve.ce.minImgDataUri}" class="mw-file-element" width="1" height="2" resource="./FooBar" data-parsoid="{}">
</a>
<figcaption data-parsoid="{}">
foo <a rel="mw:WikiLink" href="./Bar" data-parsoid="{}">bar</a> baz
</figcaption>
</figure>
`,
fromDataBody: ve.dm.example.singleLine`
<figure typeof="mw:Image/Thumb">
<a href="./Foo" class="mw-file-description">
<img src="${ve.ce.minImgDataUri}" class="mw-file-element" width="1" height="2" resource="./FooBar">
</a>
<figcaption>
foo <a rel="mw:WikiLink" href="./Bar">bar</a> baz
</figcaption>
</figure>
`,
base: ve.dm.mwExample.baseUri,
data: [
{
type: 'mwBlockImage',
attributes: {
type: 'thumb',
align: 'default',
href: './Foo',
imageClassAttr: 'mw-file-element',
imgWrapperClassAttr: 'mw-file-description',
mediaClass: 'Image',
mediaTag: 'img',
src: ve.ce.minImgDataUri,
width: 1,
height: 2,
alt: null,
mw: {},
isError: false,
errorText: null,
resource: './FooBar'
}
},
{ type: 'mwImageCaption', internal: { whitespace: [ undefined, ' ' ] } },
{ type: 'paragraph', internal: { generated: 'wrapper', whitespace: [ ' ' ] } },
'f', 'o', 'o', ' ',
[
'b',
[ {
type: 'link/mwInternal',
attributes: {
title: 'Bar',
normalizedTitle: 'Bar',
lookupTitle: 'Bar'
}
} ]
],
[
'a',
[ {
type: 'link/mwInternal',
attributes: {
title: 'Bar',
normalizedTitle: 'Bar',
lookupTitle: 'Bar'
}
} ]
],
[
'r',
[ {
type: 'link/mwInternal',
attributes: {
title: 'Bar',
normalizedTitle: 'Bar',
lookupTitle: 'Bar'
}
} ]
],
' ', 'b', 'a', 'z',
{ type: '/paragraph' },
{ type: '/mwImageCaption' },
{ type: '/mwBlockImage' },
{ type: 'internalList' },
{ type: '/internalList' }
]
},
'mw:Nowiki': {
body: ve.dm.mwExample.mwNowikiHtml,
data: ve.dm.mwExample.mwNowiki,
fromDataBody: ve.dm.mwExample.mwNowikiHtmlFromData
},
'mw:Nowiki unwraps when text modified': {
data: ve.dm.mwExample.mwNowiki,
modify: ( model ) => {
model.data.modifyData( 7, ( item ) => {
item[ 0 ] = 'z';
} );
},
normalizedBody: '<p>Foo[[Bzr]]Baz</p>'
},
'mw:Nowiki unwraps when annotations modified': {
data: ve.dm.mwExample.mwNowiki,
modify: ( model ) => {
model.data.modifyData( 7, ( item ) => {
item[ 1 ].push( model.getStore().hash( ve.dm.example.createAnnotation( ve.dm.example.bold ) ) );
} );
},
normalizedBody: '<p>Foo[[B<b>a</b>r]]Baz</p>'
},
'plain external links when pasted are converted to link/mwExternal': {
fromClipboard: true,
body: '<a href="https://www.mediawiki.org/">ab</a>',
data: [
{
type: 'paragraph',
internal: {
generated: 'wrapper'
}
},
[
'a',
[ {
type: 'link/mwExternal',
attributes: {
href: 'https://www.mediawiki.org/'
}
} ]
],
[
'b',
[ {
type: 'link/mwExternal',
attributes: {
href: 'https://www.mediawiki.org/'
}
} ]
],
{
type: '/paragraph'
},
{
type: 'internalList'
},
{
type: '/internalList'
}
],
normalizedBody: '<a href="https://www.mediawiki.org/" rel="mw:ExtLink">ab</a>',
previewBody: '<a href="https://www.mediawiki.org/" class="external" rel="mw:ExtLink">ab</a>'
},
'plain internal links when pasted are converted to link/mwInternal': {
fromClipboard: true,
body: '<a href="' + ve.dm.mwExample.MWInternalLink.absoluteHref + '">ab</a>',
base: ve.dm.mwExample.baseUri,
data: [
{
type: 'paragraph',
internal: {
generated: 'wrapper'
}
},
[
'a',
[ {
type: 'link/mwInternal',
attributes: {
title: 'Foo/Bar',
normalizedTitle: 'Foo/Bar',
lookupTitle: 'Foo/Bar'
}
} ]
],
[
'b',
[ {
type: 'link/mwInternal',
attributes: {
title: 'Foo/Bar',
normalizedTitle: 'Foo/Bar',
lookupTitle: 'Foo/Bar'
}
} ]
],
{
type: '/paragraph'
},
{
type: 'internalList'
},
{
type: '/internalList'
}
],
normalizedBody: '<a href="./Foo/Bar" rel="mw:WikiLink">ab</a>',
mwConfig: {
wgArticlePath: '/wiki/$1'
}
},
'plain href-less anchors when pasted are converted to spans': {
fromClipboard: true,
body: '<a name="foo">ab</a>',
data: [
{
type: 'paragraph',
internal: {
generated: 'wrapper'
}
},
[
'a',
[ {
type: 'textStyle/span',
attributes: { nodeName: 'span' }
} ]
],
[
'b',
[ {
type: 'textStyle/span',
attributes: { nodeName: 'span' }
} ]
],
{
type: '/paragraph'
},
{
type: 'internalList'
},
{
type: '/internalList'
}
],
normalizedBody: '<span name="foo">ab</span>',
fromDataBody: '<span>ab</span>'
}
};