testing - 如何覆盖标准的 testcafe 错误?
问题描述
我需要通过添加 Selector 的输入定位器来覆盖标准的 testcafe 错误消息 - 这样我将了解更多关于失败的信息,并且可以至少通过手动检查找到选择器的能力来手动调试它。
当我尝试通过此代码捕获错误时:
try {
const selector = Selector('basdf')
await t.click(selector);
}
catch (e) {
console.log(e);
}
我得到这个对象:
{
code: 'E24',
isTestCafeError: true,
callsite: CallsiteRecord {
filename: '/Users/myPath/helper_test.ts',
lineNum: 37,
callsiteFrameIdx: 6,
stackFrames: [
[CallSite], [CallSite],
[CallSite], [CallSite],
[CallSite], [CallSite],
[CallSite], CallSite {},
[CallSite], [CallSite],
[CallSite]
],
isV8Frames: true
},
apiFnChain: [ "Selector('basdf')" ],
apiFnIndex: 0
}
如果我只留下这样的代码:
const selector = Selector('basdf')
await t.click(selector);
我会得到我需要的——
✖ Edits auto on propositions
1) The specified selector does not match any element in the DOM tree.
> | Selector('basdf')
Browser: Chrome 83.0.4103.106 / macOS 10.15.5
33 |
34 | // const someVar = 1;
35 |
36 | // try {
37 | const selector = Selector('basdf')
> 38 | await t.click(selector);
39 | // }
40 | // catch (e) {
41 | // console.log(e);
42 | // }
43 |});
at <anonymous> (/Users/orkhan.mamedov/WebstormProjects/osago/tests/e2e/helper_test.ts:38:13)
at fulfilled (/Users/orkhan.mamedov/WebstormProjects/osago/tests/e2e/helper_test.ts:5:58)
1/1 failed (18s)
是否有任何选项可以将自定义信息添加到该行:
指定的选择器不匹配 DOM 树中的任何元素。
所以它会是这样的:
带有 locator: 'locator of a selector' 的指定选择器与 DOM 树中的任何元素都不匹配。
更新 1
我找到了一种猴子补丁的方法来做到这一点。它即将为异常对象分配一些道具,例如“定位器”,然后只需修复 /testcafe/lib/errors/test-run/templates.js 文件:
const locator = 'basdf'
try {
const selector = Selector(locator)
await t.click(selector);
}
catch (e) {
console.log(e);
Object.assign(e,{ locator });
throw e;
}
...
[types_1.TEST_RUN_ERRORS.actionElementNotFoundError]: (err, viewportWidth) => `
The specified selector with locator value: '${err.locator}' does not match any element in the DOM tree.
${utils_1.formatSelectorCallstack(err.apiFnChain, err.apiFnIndex, viewportWidth)}
`,
...
更新 2
我的问题是当我以这种方式编写自定义实现的 xpath 选择器时:
// xpath-selector.js
import { Selector } from 'testcafe';
const elementByXPath = Selector((xpath) => {
const iterator = document.evaluate(
xpath,
document,
null,
XPathResult.UNORDERED_NODE_ITERATOR_TYPE,
null
);
const items = [];
let item = iterator.iterateNext();
while (item) {
items.push(item);
item = iterator.iterateNext();
}
return items;
});
export default function (locator: string, timeout?: number) {
// @ts-ignore
if (!timeout) timeout = 9000;
return Object.assign(
Selector(elementByXPath(locator), { timeout: timeout }),
{ locator }
);
}
我越来越:
✖ Edits auto on propositions
1) The specified selector does not match any element in the DOM tree.
> | Selector([function])
UPD 3 这完全取决于这些代码行:
if (!this.options.apiFnChain) {
const fnType = typeof this.fn;
let item = fnType === 'string' ? `'${this.fn}'` : `[${fnType}]`;
item = `Selector(${item})`;
this.options.apiFn = item;
this.options.apiFnChain = [item];
}
在 selector-builder.js 上,现在我正试图弄清楚如何修补它以获得客户端 xpath 功能。有什么建议么?
解决方案
我昨天有同样的问题。这不会覆盖您的错误消息,但它帮助我抛出更有用的错误消息。
try {
await t.hover(selector)
} catch (error) {
const selectorFnChain = selector[Object.getOwnPropertySymbols(selector)[0]].options.apiFnChain
// use selectorFnChain in your error message
}
您不必获得整个链条,但这对我来说是最有帮助的。
推荐阅读
- java - 在 Java 输入中捕获非 Double
- javascript - 在 ngx 引导模式中检测 Click 事件
- batch-file - 选择语句进入错误的 IF 语句
- c++ - LeetCode 380:插入删除 GetRandom O(1)
- flutter - Flutter,尝试使用getter对map中的元素进行求和
- report - 如何从 Jacoco 代码覆盖率报告中排除自动生成的 Dao 并查看绑定类?
- powerbi - 显示 power bi 中的累积计数的折线图问题
- r - 为什么 dplyr::cummean(x) 不等于 cumsum(x)/seq_along(x)?
- spring - 获取项目构建错误:pom 中不可解决的父 POM 错误
- python - 为什么 Selenium 在运行 celery 任务时会出现 chrome 错误?