Question

如何将使用Inspect > Copy > Copy Selector从chrome复制的选择器字符串转换为可以在testCafe Selector内部使用的选择器字符串？

Chrome给了我这个

body div#root div div.fullindy div.container div.row div.col-md-8 div form div.bd-graybackground.padding-64 div.row div.col-md-6 div.row div.col-md-6 div div.form.form-group div.css-10nd86i.clickable.normal-subheader div.css-1aya2g8 div.css-1rtrksz div.css-va7pk8

这不会返回css-va7pk8选择器对象，该选择器对象具有我需要检查的文本值。

这有效：

Selector('form').find('.row').sibling().sibling(3).child(1).find('.row').child().find('div').child(1);

但是试图弄清楚如何遍历复杂的DOM却非常耗时。必须使用Chrome和testCafe的可用功能更快的方式。

Answer 1

您可以将整个CSS选择器字符串用作TestCafe Selector构造函数参数：

    await t.click(Selector(`body div#root div div.fullindy div.container div.row 
div.col-md-8 div form div.bd-graybackground.padding-64 div.row div.col-md-6 
div.row div.col-md-6 div div.form.form-group div.css-10nd86i.clickable.normal-subheader 
div.css-1aya2g8 div.css-1rtrksz div.css-va7pk8`));

如何将Chrome选择器路径转换为testCafe选择器

1 个答案: