121 lines
3.7 KiB
JavaScript
121 lines
3.7 KiB
JavaScript
import { getListboxMembers } from '@lion/ui/listbox-test-helpers.js';
|
|
import { sendKeys } from '@web/test-runner-commands';
|
|
|
|
/**
|
|
* @typedef {import('@lion/ui/combobox.js').LionCombobox} LionCombobox
|
|
*/
|
|
|
|
/**
|
|
* @param { LionCombobox } el
|
|
*/
|
|
export function getComboboxMembers(el) {
|
|
const obj = getListboxMembers(el);
|
|
return {
|
|
...obj,
|
|
...{
|
|
// @ts-ignore [allow-protected] in test
|
|
_invokerNode: el._invokerNode,
|
|
// @ts-ignore [allow-protected] in test
|
|
_overlayCtrl: el._overlayCtrl,
|
|
// @ts-ignore [allow-protected] in test
|
|
_comboboxNode: el._comboboxNode,
|
|
// @ts-ignore [allow-protected] in test
|
|
_inputNode: el._inputNode,
|
|
// @ts-ignore [allow-protected] in test
|
|
_listboxNode: el._listboxNode,
|
|
// @ts-ignore [allow-protected] in test
|
|
_selectionDisplayNode: el._selectionDisplayNode,
|
|
// @ts-ignore [allow-protected] in test
|
|
_activeDescendantOwnerNode: el._activeDescendantOwnerNode,
|
|
// @ts-ignore [allow-protected] in test
|
|
_ariaVersion: el._ariaVersion,
|
|
},
|
|
};
|
|
}
|
|
|
|
/**
|
|
* @param {LionCombobox} el
|
|
* @param {string} keys
|
|
*/
|
|
export async function mimicUserTyping(el, keys) {
|
|
const { _inputNode } = getComboboxMembers(el);
|
|
_inputNode.value = '';
|
|
_inputNode.focus();
|
|
await sendKeys({
|
|
type: keys,
|
|
});
|
|
}
|
|
|
|
/**
|
|
* @param {HTMLElement} el
|
|
* @param {string} key
|
|
*/
|
|
export function mimicKeyPress(el, key) {
|
|
el.dispatchEvent(new KeyboardEvent('keydown', { key }));
|
|
el.dispatchEvent(new KeyboardEvent('keyup', { key }));
|
|
}
|
|
|
|
/**
|
|
* @param {LionCombobox} el
|
|
* @param {string[]} values
|
|
*/
|
|
export async function mimicUserTypingAdvanced(el, values) {
|
|
const { _inputNode } = getComboboxMembers(el);
|
|
_inputNode.dispatchEvent(new Event('focusin', { bubbles: true }));
|
|
let cursorPosition = _inputNode.selectionStart || 0;
|
|
|
|
for (const key of values) {
|
|
// eslint-disable-next-line no-await-in-loop, no-loop-func
|
|
await new Promise(resolve => {
|
|
const selectionStart = _inputNode.selectionStart || 0;
|
|
const selectionEnd = _inputNode.selectionEnd || 0;
|
|
const hasSelection = selectionStart !== selectionEnd;
|
|
|
|
if (key === 'Backspace' || key === 'Delete') {
|
|
if (hasSelection) {
|
|
_inputNode.value =
|
|
_inputNode.value.slice(0, selectionStart) + _inputNode.value.slice(selectionEnd);
|
|
cursorPosition = selectionStart;
|
|
} else if (cursorPosition > 0 && key === 'Backspace') {
|
|
_inputNode.value =
|
|
_inputNode.value.slice(0, cursorPosition - 1) + _inputNode.value.slice(cursorPosition);
|
|
cursorPosition -= 1;
|
|
} else if (cursorPosition < _inputNode.value.length && key === 'Delete') {
|
|
_inputNode.value =
|
|
_inputNode.value.slice(0, cursorPosition) + _inputNode.value.slice(cursorPosition + 1);
|
|
}
|
|
} else if (hasSelection) {
|
|
_inputNode.value =
|
|
_inputNode.value.slice(0, selectionStart) + key + _inputNode.value.slice(selectionEnd);
|
|
cursorPosition = selectionStart + key.length;
|
|
} else {
|
|
_inputNode.value =
|
|
_inputNode.value.slice(0, cursorPosition) + key + _inputNode.value.slice(cursorPosition);
|
|
cursorPosition += 1;
|
|
}
|
|
|
|
mimicKeyPress(_inputNode, key);
|
|
_inputNode.dispatchEvent(new Event('input', { bubbles: true, composed: true }));
|
|
|
|
el.updateComplete.then(() => {
|
|
// @ts-ignore
|
|
resolve();
|
|
});
|
|
});
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {LionCombobox} el
|
|
*/
|
|
export function getFilteredOptionValues(el) {
|
|
const options = el.formElements;
|
|
/**
|
|
* @param {{ style: { display: string; }; }} option
|
|
*/
|
|
const filtered = options.filter(option => option.getAttribute('aria-hidden') !== 'true');
|
|
/**
|
|
* @param {{ value: any; }} option
|
|
*/
|
|
return filtered.map(option => option.value);
|
|
}
|