e8fbfb14c1
Add coexistence checks to all enqueue methods to prevent loading both React and Grid.js assets simultaneously. Changes: - ReactAdmin.php: Only enqueue React assets when ?react=1 - Init.php: Skip Grid.js when React active on admin pages - Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0 - Customer.php, Product.php, License.php: Add coexistence checks Now the toggle between Classic and React versions works correctly. Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
80 lines
2.5 KiB
JavaScript
80 lines
2.5 KiB
JavaScript
"use strict";
|
|
|
|
exports.__esModule = true;
|
|
exports.default = void 0;
|
|
|
|
var _toMatchElement = _interopRequireDefault(require("./toMatchElement"));
|
|
|
|
var _utils = require("../utils");
|
|
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
|
|
/* eslint-disable no-restricted-syntax */
|
|
function select(page, element, value) {
|
|
return page.evaluate((element, value) => {
|
|
if (element.nodeName.toLowerCase() !== 'select') throw new Error('Element is not a <select> element.');
|
|
const options = Array.from(element.options);
|
|
element.value = undefined;
|
|
|
|
for (const option of options) {
|
|
option.selected = value === option.value;
|
|
if (option.selected && !element.multiple) break;
|
|
}
|
|
|
|
element.dispatchEvent(new Event('input', {
|
|
bubbles: true
|
|
}));
|
|
element.dispatchEvent(new Event('change', {
|
|
bubbles: true
|
|
}));
|
|
return options.filter(option => option.selected).map(option => option.value);
|
|
}, element, value);
|
|
}
|
|
|
|
async function toSelect(instance, selector, valueOrText, options) {
|
|
const element = await (0, _toMatchElement.default)(instance, selector, options);
|
|
const optionElements = await element.$$('option');
|
|
const optionsAttributes = await Promise.all(optionElements.map(async option => {
|
|
const textContentProperty = await option.getProperty('textContent');
|
|
const valueProperty = await option.getProperty('value');
|
|
return {
|
|
value: await valueProperty.jsonValue(),
|
|
textContent: await textContentProperty.jsonValue()
|
|
};
|
|
}));
|
|
const option = optionsAttributes.find(({
|
|
value,
|
|
textContent
|
|
}) => value === valueOrText || textContent === valueOrText);
|
|
|
|
if (!option) {
|
|
throw new Error(`Option not found "${selector}" ("${valueOrText}")`);
|
|
}
|
|
|
|
const {
|
|
page
|
|
} = await (0, _utils.getContext)(instance, () => document);
|
|
await select(page, element, option.value); // await page.select(selector, foundValue)
|
|
// console.log(select.select)
|
|
// select.select()
|
|
// const foundValue = await select.$$eval(
|
|
// `${selector} option`,
|
|
// (options, valueOrText, selector) => {
|
|
// const option = options.find(
|
|
// option =>
|
|
// option.value === valueOrText || option.textContent === valueOrText,
|
|
// )
|
|
// if (!option) {
|
|
// throw new Error(`Option not found "${selector}" ("${valueOrText}")`)
|
|
// }
|
|
// return option.value
|
|
// },
|
|
// valueOrText,
|
|
// selector,
|
|
// )
|
|
//
|
|
// await page.select(selector, foundValue)
|
|
}
|
|
|
|
var _default = toSelect;
|
|
exports.default = _default; |