import BridgeDomElementsSelector from '@/mediawiki/BridgeDomElementsSelector';
describe( 'domBridgeElementSelector', () => {
it( 'finds multiple relevant links in mark-up', () => {
const validHref = 'https://example.com/wiki/Item:Q4115189#P31';
const validHrefWithQueryString = 'https://example.com/wiki/Item:Q11235?uselang=en#P314';
document.body.innerHTML = `
`;
const selector = new BridgeDomElementsSelector(
'https://example\\.com/wiki/(Item:(Q[1-9][0-9]*)).*#(P[1-9][0-9]*)',
);
const actualSelectedElementsWithData = selector.selectElementsToOverload();
expect( actualSelectedElementsWithData ).toHaveLength( 2 );
expect( actualSelectedElementsWithData[ 0 ].entityId ).toBe( 'Q4115189' );
expect( actualSelectedElementsWithData[ 0 ].propertyId ).toBe( 'P31' );
expect( actualSelectedElementsWithData[ 0 ].entityTitle ).toBe( 'Item:Q4115189' );
expect( actualSelectedElementsWithData[ 0 ].editFlow ).toBe( 'single-best-value' );
expect( actualSelectedElementsWithData[ 1 ].entityId ).toBe( 'Q11235' );
expect( actualSelectedElementsWithData[ 1 ].propertyId ).toBe( 'P314' );
expect( actualSelectedElementsWithData[ 1 ].entityTitle ).toBe( 'Item:Q11235' );
expect( actualSelectedElementsWithData[ 1 ].editFlow ).toBe( 'single-best-value' );
} );
describe( 'given valid html', () => {
it.each( [
[
'can parse information from href',
{
html: `
a link to be selected
`,
expectedEntityId: 'Q4115189',
expectedPropertyId: 'P31',
expectedEntityTitle: 'Item:Q4115189',
editFlow: 'single-best-value',
},
],
[
'ignores additional elements, as long as they are not another link',
{
html: `
a link to be selected
`,
expectedEntityId: 'Q4115189',
expectedPropertyId: 'P31',
expectedEntityTitle: 'Item:Q4115189',
editFlow: 'single-best-value',
},
],
[
'ignores additional data attributes',
{
html: `
a link to be selected
`,
expectedEntityId: 'Q4115189',
expectedPropertyId: 'P31',
expectedEntityTitle: 'Item:Q4115189',
editFlow: 'single-best-value',
},
],
[
'works also on other elements than spans',
{
html: ``,
expectedEntityId: 'Q4115189',
expectedPropertyId: 'P31',
expectedEntityTitle: 'Item:Q4115189',
editFlow: 'single-best-value',
},
],
] )( '%s', ( _, { html, expectedEntityId, expectedPropertyId, expectedEntityTitle, editFlow } ) => {
document.body.innerHTML = html;
const selector = new BridgeDomElementsSelector(
'https://example\\.com/wiki/(Item:(Q[1-9][0-9]*)).*#(P[1-9][0-9]*)',
);
const actualSelectedElementsWithData = selector.selectElementsToOverload();
expect( actualSelectedElementsWithData ).toHaveLength( 1 );
expect( actualSelectedElementsWithData[ 0 ].entityId ).toBe( expectedEntityId );
expect( actualSelectedElementsWithData[ 0 ].propertyId ).toBe( expectedPropertyId );
expect( actualSelectedElementsWithData[ 0 ].entityTitle ).toBe( expectedEntityTitle );
expect( actualSelectedElementsWithData[ 0 ].editFlow ).toBe( editFlow );
} );
} );
describe( 'given html without valid markup', () => {
it.each(
[
[
'skips links without a surrounding span',
{
html: `
a link without the wrapping span, to not be selected
`,
},
],
[
'skips if there are multiple links inside',
{
html: `
a link to be selected
another link
`,
},
],
[
'skips links without a propertyId',
{
html: `
link text
`,
},
],
[
'skips span with empty editflow',
{
html: `
link text
`,
},
],
[
'skips span with unknown editflow',
{
html: `
link text
`,
},
],
[
'skips span without an unrelated link',
{
html: `
link text
`,
},
],
],
)( '%s', ( _, { html } ) => {
document.body.innerHTML = html;
const selector = new BridgeDomElementsSelector(
'https://example\\.com/wiki/(Item:(Q[1-9][0-9]*)).*#(P[1-9][0-9]*)',
);
const actualSelectedElementsWithData = selector.selectElementsToOverload();
expect( actualSelectedElementsWithData ).toHaveLength( 0 );
} );
} );
} );