Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
injectTestingUtils((render) => {
let vdom = h('div', {
className: 'xxx',
id: 'xyz'
}, [
'just text',
h('span', 'span 1'),
h('ul', [
h('li', { key: 0 }, 'li 1'),
h('li', { key: 1 }, 'li 2'),
h('li', { key: 2 }, 'li 3'),
])
]);
let rendered = render(vdom);
assert.equal(rendered.tagName, 'DIV');
assert.equal(rendered.className, 'xxx');
assert.equal(rendered.id, 'xyz');
assert.equal(rendered.childNodes.length, 3);
assert.equal(rendered.childNodes[0].data, 'just text');
assert.equal(rendered.childNodes[1].tagName, 'SPAN');
injectTestingUtils((render) => {
let vdom = h('div', {
className: 'xxx',
id: 'xyz'
}, [
'just text',
h('span', 'span 1'),
h('ul', [
h('li', { key: 0 }, 'li 1'),
h('li', { key: 1 }, 'li 2'),
h('li', { key: 2 }, 'li 3'),
])
]);
let rendered = render(vdom);
assert.equal(rendered.tagName, 'DIV');
assert.equal(rendered.className, 'xxx');
assert.equal(rendered.id, 'xyz');
assert.equal(rendered.childNodes.length, 3);
assert.equal(rendered.childNodes[0].data, 'just text');
assert.equal(rendered.childNodes[1].tagName, 'SPAN');
assert.equal(rendered.childNodes[1].childNodes.length, 1);
injectTestingUtils((render) => {
let vdom = h('div', {
className: 'xxx',
id: 'xyz'
}, [
'just text',
h('span', 'span 1'),
h('ul', [
h('li', { key: 0 }, 'li 1'),
h('li', { key: 1 }, 'li 2'),
h('li', { key: 2 }, 'li 3'),
])
]);
let rendered = render(vdom);
assert.equal(rendered.tagName, 'DIV');
assert.equal(rendered.className, 'xxx');
assert.equal(rendered.id, 'xyz');
assert.equal(rendered.childNodes.length, 3);
assert.equal(rendered.childNodes[0].data, 'just text');
assert.equal(rendered.childNodes[1].tagName, 'SPAN');
assert.equal(rendered.childNodes[1].childNodes.length, 1);
assert.equal(rendered.childNodes[1].childNodes[0].data, 'span 1');
injectTestingUtils((render) => {
let vdom = h('div', {
className: 'xxx',
id: 'xyz'
}, [
'just text',
h('span', 'span 1'),
h('ul', [
h('li', { key: 0 }, 'li 1'),
h('li', { key: 1 }, 'li 2'),
h('li', { key: 2 }, 'li 3'),
])
]);
let rendered = render(vdom);
assert.equal(rendered.tagName, 'DIV');
assert.equal(rendered.className, 'xxx');
assert.equal(rendered.id, 'xyz');
assert.equal(rendered.childNodes.length, 3);
assert.equal(rendered.childNodes[0].data, 'just text');
assert.equal(rendered.childNodes[1].tagName, 'SPAN');
assert.equal(rendered.childNodes[1].childNodes.length, 1);
assert.equal(rendered.childNodes[1].childNodes[0].data, 'span 1');
injectTestingUtils((render) => {
let vdom = h('div', {
className: 'xxx',
id: 'xyz'
}, [
'just text',
h('span', 'span 1'),
h('ul', [
h('li', { key: 0 }, 'li 1'),
h('li', { key: 1 }, 'li 2'),
h('li', { key: 2 }, 'li 3'),
])
]);
let rendered = render(vdom);
assert.equal(rendered.tagName, 'DIV');
assert.equal(rendered.className, 'xxx');
(textFieldValue, autocompletions, areAutocompletionsVisible, highlightedAutocompletionIndex, isValueInvalid) =>
h('div', [
h('style', stylesheet),
h('input#field', {
type: 'text',
value: textFieldValue,
className: isValueInvalid ? 'is-invalid' : ''
}),
h('ul', {
scrollTop: vdomPropHook((element, property) => {
var singleOptionHeight = element.children[0] ? element.children[0].offsetHeight : 18;
var selectedAutocompletionTop = highlightedAutocompletionIndex * singleOptionHeight;
var selectedAutocompletionBottom = (highlightedAutocompletionIndex + 1) * singleOptionHeight;
var visibleViewport = {
top: element[property],
bottom: element[property] + element.offsetHeight
};
(textFieldValue, autocompletions, areAutocompletionsVisible, highlightedAutocompletionIndex, isValueInvalid) =>
h('div', [
h('style', stylesheet),
h('input#field', {
type: 'text',
value: textFieldValue,
className: isValueInvalid ? 'is-invalid' : ''
}),
h('ul', {
scrollTop: vdomPropHook((element, property) => {
var singleOptionHeight = element.children[0] ? element.children[0].offsetHeight : 18;
var selectedAutocompletionTop = highlightedAutocompletionIndex * singleOptionHeight;
var selectedAutocompletionBottom = (highlightedAutocompletionIndex + 1) * singleOptionHeight;
var visibleViewport = {
top: element[property],
bottom: element[property] + element.offsetHeight
};
if(selectedAutocompletionTop < visibleViewport.top) {
element[property] = selectedAutocompletionTop;
} else if(selectedAutocompletionBottom > visibleViewport.bottom) {
element[property] = selectedAutocompletionTop + singleOptionHeight - element.offsetHeight;
}
}),
(textFieldValue, autocompletions, areAutocompletionsVisible, highlightedAutocompletionIndex, isValueInvalid) =>
h('div', [
h('style', stylesheet),
h('input#field', {
type: 'text',
value: textFieldValue,
className: isValueInvalid ? 'is-invalid' : ''
}),
h('ul', {
scrollTop: vdomPropHook((element, property) => {
var singleOptionHeight = element.children[0] ? element.children[0].offsetHeight : 18;
var selectedAutocompletionTop = highlightedAutocompletionIndex * singleOptionHeight;
var selectedAutocompletionBottom = (highlightedAutocompletionIndex + 1) * singleOptionHeight;
var visibleViewport = {
top: element[property],
bottom: element[property] + element.offsetHeight
};
(textFieldValue, autocompletions, areAutocompletionsVisible, highlightedAutocompletionIndex, isValueInvalid) =>
h('div', [
h('style', stylesheet),
h('input#field', {
type: 'text',
value: textFieldValue,
className: isValueInvalid ? 'is-invalid' : ''
}),
h('ul', {
scrollTop: vdomPropHook((element, property) => {
var singleOptionHeight = element.children[0] ? element.children[0].offsetHeight : 18;
var selectedAutocompletionTop = highlightedAutocompletionIndex * singleOptionHeight;
var selectedAutocompletionBottom = (highlightedAutocompletionIndex + 1) * singleOptionHeight;
var visibleViewport = {
top: element[property],
bottom: element[property] + element.offsetHeight
};
if(selectedAutocompletionTop < visibleViewport.top) {
}, autocompletions.map((keyword, index) => h('li.autocompletion', {
key: index,
index: index,
className: highlightedAutocompletionIndex === index ? 'is-selected' : ''
}, keyword)))
])