[英]How to get the text from a shadow dom element
我想獲取陰影dom元素的文本來進行斷言。
function shadowSelectorFn(el, selector) {
if (el && el.shadowRoot) {
return el.shadowRoot.querySelector(selector)
}
return;
};
async function queryDeep(selector) {
let selectors = selector;
if (selector && !Array.isArray(selector)) {
selectors = selector.split(">>>");
}
if (!selectors || selectors.length === 0) {
return;
}
const [firstSelector, ...restSelectors] = selectors;
let parentElement = await page.$(firstSelector);
for (const selector of restSelectors) {
parentElement = await page.evaluateHandle(shadowSelectorFn, parentElement, selector);
}
if (!parentElement || !parentElement["_remoteObject"] || parentElement["_remoteObject"].type == "undefined") {
return null;
}
return parentElement;
};
我想斷言
Then('Username {string} should be displayed in top right corner', async function (string) {
const text = await queryDeep(["abc-prq", "[class=mess]"]);
const welcomeUser = await text.innerHTML;
expect(string).to.be.equal(welcomeUser);
});
AssertionError:預期的“歡迎回來,user1”等於未定義
async function getElementProperty(elementHandle, property) {
let page = global.page;
let propHandle = await page.evaluateHandle(
(element, property) => element[property],
elementHandle, property
);
return propHandle.jsonValue();
}
Then('Username {string} should be displayed in top right corner', async function (string) {
const text = await queryDeep(["abc-prq", "[class=mess]"]);
const welcomeUser = await getElementProperty(text, "innerText");
expect(string).to.be.equal(welcomeUser);
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.