import { assert, UnitTest } from '@ephox/bedrock';
import { Arr, Fun, Option } from '@ephox/katamari';
import { Attr, Compare, Element, Hierarchy, Html, SelectorFind } from '@ephox/sugar';
import DomParent from 'ephox/robin/api/dom/DomParent';
UnitTest.test(
'DomParentTest',
function () {
const check = function (expected: string, p: string, c: string) {
const container = Element.fromTag('div');
container.dom().innerHTML =
'' +
'- One
' +
'- Two
' +
'' +
'- three
' +
'- four
' +
'- five
' +
'
' +
'- six
' +
'' +
'' +
'- seven
' +
'- eight
' +
'
' +
'- nine
' +
'
' +
'
';
const parent = SelectorFind.descendant(container, '.' + p).getOrDie();
const child = SelectorFind.descendant(container, '.' + c).getOrDie();
DomParent.breakToRight(parent, child);
assert.eq(expected, Html.get(container));
};
check('' +
'- One
' +
'- Two
' +
'' +
'- three
' +
'- four
' +
'- five
' +
'
' +
'' +
'
' +
'- six
' +
'' +
'' +
'- seven
' +
'- eight
' +
'
' +
'- nine
' +
'
' +
'
', 'three-five', 'five');
check(
'' +
'- One
' +
'- Two
' +
'' +
'- three
' +
'- four
' +
'- five
' +
'
' +
'- six
' +
'
' +
'' +
'' +
'' +
'- seven
' +
'- eight
' +
'
' +
'- nine
' +
'
' +
'
', 'one-nine', 'six');
const checkPath = function (expected: string, input: string, p: number[], c: number[]) {
const container = Element.fromTag('div');
container.dom().innerHTML = input;
const parent = Hierarchy.follow(container, p).getOrDie();
const child = Hierarchy.follow(container, c).getOrDie();
const isTop = Fun.curry(Compare.eq, parent);
DomParent.breakPath(child, isTop, DomParent.breakToLeft);
assert.eq(expected, Html.get(container));
};
checkPath(
'' +
'' +
'Cat' +
'Dog' +
'' +
'' +
'' +
'' +
'
',
'' +
'' +
'Cat' +
'Dog' +
'' +
'
',
[0, 0], [0, 0, 1, 0]);
checkPath(
'' +
'' +
'Cat' +
'' +
'Hello' +
'
' + // --- SPLIT to
'' +
'' +
'' +
'' +
'World' +
'' +
'Dog' +
'' +
'
',
'' +
'' +
'Cat' +
'' +
'Hello' +
'
' +
'World' +
'' +
'Dog' +
'' +
'
',
[0, 0], [0, 0, 1, 1]);
checkPath(
'' +
'' +
'Cat' +
'' +
'Hello' +
'
' +
'World' + // --- SPLIT to
'' +
'' +
'' +
'' +
'Dog' +
'' +
'
',
'' +
'' +
'Cat' +
'' +
'Hello' +
'
' +
'World' +
'' +
'Dog' +
'' +
'
',
[0, 0], [0, 0, 1, 2]);
checkPath(
'' +
'' +
'Cat' +
'' +
'Hello' + // --- SPLIT to
'' +
'' +
'' +
'' +
'
' +
'World' +
'' +
'Dog' +
'' +
'
',
'' +
'' +
'Cat' +
'' +
'Hello' +
'
' +
'World' +
'' +
'Dog' +
'' +
'
',
[0, 0], [0, 0, 1, 0]);
(function () {
const check = function (expected: Option, s: string, f: string) {
const container = Element.fromTag('div');
container.dom().innerHTML =
'' +
'- One
' +
'- Two
' +
'' +
'- three
' +
'- four
' +
'- five
' +
'
' +
'- six
' +
'' +
'' +
'- seven
' +
'- eight
' +
'
' +
'- nine
' +
'
' +
'
';
const parent = SelectorFind.descendant(container, '.' + s).getOrDie();
const child = SelectorFind.descendant(container, '.' + f).getOrDie();
const subset = DomParent.subset(parent, child);
expected.fold(function () {
assert.eq(true, subset.isNone());
}, function (exp) {
subset.fold(function () {
assert.fail('Expected some, was none');
}, function (ss) {
assert.eq(exp, Arr.map(ss, function (x) { return Attr.get(x, 'class'); }));
});
});
};
check(Option.some(['three-five']), 'three-five', 'five');
check(Option.some(['three-five']), 'five', 'three-five');
check(Option.some(['two', 'three-five']), 'two', 'five');
check(Option.some(['two', 'three-five', 'six', 'seven-nine']), 'two', 'eight');
})();
}
);