如何在testcafe中索引具有相同选择器的2个按钮
在testcafe中，可以通过使用CSS选择器来索引具有相同选择器的两个按钮。具体步骤如下：
- 首先，在测试用例中导入testcafe库并创建一个测试夹具（fixture）：
- 首先，在测试用例中导入testcafe库并创建一个测试夹具（fixture）：
- 使用
Selector方法创建一个具有相同选择器的按钮选择器，例如： - 使用
Selector方法创建一个具有相同选择器的按钮选择器，例如： - 使用
buttonSelector选择器找到页面中的两个按钮： - 使用
buttonSelector选择器找到页面中的两个按钮：
这样，通过使用相同的选择器来索引两个按钮，你可以对它们进行不同的测试操作。
Testcafe是一款现代化的端到端web应用程序自动化测试工具，它可以帮助开发人员快速、简单地进行网页自动化测试。使用Testcafe，你可以在真实的浏览器中运行测试，并且不需要任何浏览器插件或额外的配置。它支持JavaScript和TypeScript，并且提供了丰富的API来执行各种测试操作。
更多关于Testcafe的信息和使用方法，你可以参考腾讯云的Testcafe产品介绍页面：Testcafe。
相关·内容
1回答
我正在使用testcafe测试一个用户界面。 用户被要求单击一个按钮，直到出现一个模式对话框，然后它应该单击对话框中的一个按钮。 点击次数在测试中可能会有所不同，有时是两次，有时是三次。因此，这段代码并不总是有效的 await t
.click(Button)
.click(Button)
.click(Button)
.click(ModalDialogButton); 我需要一种反复点击Button直到出现ModalDialogButton的方法。然后，必须单击ModalDialogButton。 如何使用testcafe完成此操作？
浏览 11提问于2019-05-05得票数 1
回答已采纳
你好，我有一个简单的页面，我们的应用程序，开始页有一个免责声明和一个按钮。由于我们正在使用的技术，ID被剥离和混淆。
因此，按钮的名称是'ok‘，因为它出现在页面源视图下面。注意没有ID。即使我把它放在我们的代码中，当它被生成时，ID也会被删除。
<div style="text-align:center;">
<input type="button" name="ok" value="Ok" width="40" onclick="swap()" />
&l
浏览 4提问于2019-12-11得票数 1
1回答
了解选择器第n行
、、、、
我使用TestCafe工作室来记录一些测试。但是，如果您要更改某些列表的结构，则这些测试非常有用。我尝试在Java Script中对选择器进行一些优化，以使测试能够在某些列表中独立运行。但要实现这一点，我还需要理解选择器的“第n”元素。
在我例子中，TestCafe Studio脚本包含：
.click(Selector('div').withText('testcafe#1').nth(9).find('div').nth(2).find('div').nth(1))
请看一下页面树。我不明白“第n(9)”元素是什么意
浏览 0提问于2019-09-08得票数 2
2回答
在JS中选择第二个提交按钮
、、、、
我想使用TestCafe点击表单中的提交按钮。下面是按钮的样子：
<button type="submit" class="btn btn-lg btn-cart pull-left">
<span class="hidden-xs hidden-sm">
<i class="fa fa-shopping-basket"></i>
</span>
Add To Cart
</button>
此按钮位于
浏览 4提问于2017-12-05得票数 4
回答已采纳
我正在使用Testcafe设置一个测试套件，它能够检查使用XAF框架制作的多个web应用程序的界面。问题是，同一位置上具有相同功能的一些按钮确实具有不同的名称(例如，"Sortierung aufheben“和"Sortierung entfernen")。现在我想给Testcafe提供这两个选项，让它选择测试中需要的选项。
我使用VSC和Chrome在TypeScript3.5中编写测试。当我只在withText()选择器上添加一个选项时，Testcafe会整齐地运行我的断言。如果我尝试在一个数组中添加两个(参见下面的代码)，它会首先检查第一个网站-如果一个网站是错误
浏览 11提问于2019-08-12得票数 1
回答已采纳
1回答
我对UI测试非常陌生，刚刚开始探索testCafe
我正在用testCafe编写一个简单的测试，它将转到google，搜索testCafe，单击submit按钮，然后单击出现的第一个搜索结果，并验证它是否是testCafe页面：
import {Selector} from 'testcafe';
import {ClientFunction} from 'testcafe';
const getURL = ClientFunction(()=> window.location.href);
fixture `Getting Started`
浏览 0提问于2020-05-25得票数 0
回答已采纳
我正在尝试使用一个客户端函数来访问页面上的子元素中的值，不一定是本例中的那些，但使用提供的testcafe选择器很难找到这些值。 在定义页面对象模型时，我希望能够访问多个iFrame模式上的下一步、后退和保存按钮，根据模式视图，它们在DOM上可以有不同的位置，并且没有ids (产品是旧的)。 但是，它们都遵循类似的模式，它们都是span的子元素，并且包含一个显示文本和带有它们名称的标题，通过chrome Dev工具控制台，我可以使用类似于以下内容的内容访问它们 Array.from(document.querySelectorAll('span')).find(el =>
浏览 29提问于2019-01-26得票数 3
回答已采纳
1回答
我有两个按钮，下面的选择器。如何在testcafe自动化中对它们进行索引？ .ng-筛选器-微件-行> span.ng-filter-widget-column.field-col.form-group.center-block >跨度>按钮
浏览 17提问于2020-04-30得票数 0
回答已采纳
1回答
我已经在testcafe开源中编写了几个月的测试代码，并使用testcafe编写了数千行自建代码。 升级到studio版本会有帮助吗？ 我的一些测试失败了，因为我测试的网站有一些非常动态的操作，不能用我使用的testcafe进行测试。testcafe studio的记录器功能会对此有所帮助吗？
浏览 16提问于2019-05-13得票数 2
我正在尝试编写一个围绕拖放的TestCafe功能测试。我已经拥有了拖放功能，并且我正在尝试通过尝试将一个元素拖放到它不允许拖放的屏幕部分来测试源/目标功能。当鼠标悬停期间不允许拖放时，鼠标光标形状将更改为"No entry“符号。我在TestCafe文档中找不到可以查询鼠标光标图标形状的地方。
我在TestCafe中看不到任何关于这方面的文档。
TestCafe是否支持这一点？
谢谢，马克
浏览 5提问于2019-05-22得票数 3
1回答
我在测试中打开了两个模态，我希望能够单击第二个模态中的"OK“按钮(下面的html中的第二个选定元素)。
我当前的代码是：
import { waitForReact } from 'testcafe-react-selectors';
import { Selector } from 'testcafe';
fixture `App tests`
.page('http://localhost:3000/')
.beforeEach(async () => {
await waitForReact
浏览 13提问于2019-03-27得票数 3
回答已采纳
在testcafe文档中，我发现了count和exists "execute immediately regardless of the selector timeout"的断言。然而，在wait-mechanism-for-assertions段落文档中指出，"TestCafe不断重新计算实际值，直到它与期望值匹配或断言超时“。 那么，使用exists的断言是立即执行还是使用默认的“断言超时”(3000ms)？
浏览 20提问于2021-07-11得票数 0
回答已采纳
1回答
动态内容的选择器问题
、、、、
我尝试从react生成的列表中选择一个列表项。TestCafe工作室将选择：
.click(Selector('#cat_220518').find('.cl-folder-list-element-arrow'))
但这是一个动态值，可能会在下一次运行时更改。所以我试着用来选择文本，但是失败了。我使用：
.click(Selector('span').withExactText('test1234').find('.cl-folder-list-element-arrow'))
元素是一个箭头按钮，它将打开一个子
浏览 20提问于2019-08-16得票数 2
回答已采纳
3回答
如何选择包含特定文本的HTML元素？
在Selenium中使用Xpath选择器，但是TestCafe不支持Xpath。
我如何在TestCafe中做到这一点？
浏览 6提问于2020-07-03得票数 2
回答已采纳
它是TestCafe to "“。TestCafe 文章指示用户使用Page模式创建测试，方法是在.js文件中使用JavaScript编写测试。
同时，TestCafe Studio支持创建*.testcafe 。
在Page中使用JavaScript似乎意味着，试图在使用“无代码”的同时实现页面模型，目的是将作为无代码进行测试，但效果并不好。也就是说，如果记录器用于创建无代码测试，这些测试将立即转换为JavaScript，然后对其进行切片和切片，以便将其重新排列以实现页面模型，那么情况就不同了。我假设Studio为无代码测试生成了“幕后”的JavaScript，但是如果目的是将测试
浏览 6提问于2022-03-14得票数 0
回答已采纳
1回答
我正在使用TestCafe创建一个自动测试，并且需要使用"OK“按钮取消一个jQuery对话框。
由jQuery对话框生成的HTML (包含OK按钮)：
<div tabindex="-1" role="dialog" class="ui-dialog ui-corner-all ui-widget ui-widget-content ui-front ui-dialog-buttons information-dialog" aria-describedby="alert-dialog" aria-labelled
浏览 0提问于2019-06-26得票数 1
1回答
在我的web应用程序中，我有一个附件按钮，它从本地计算机上浏览文件，并从中选择任何文件作为附件上传，我们是否可以自动使用Node中的TestCafe从本地计算机附加文件。
import PageModel from './page';
fixture`Getting Started` .page`https://devexpress.github.io/testcafe/example`;
test('My first test', async t => {
await t
.setFilesToUpload('#uplo
浏览 3提问于2022-09-21得票数 0
2回答
我有这个HTML代码
<form>
<div class="form-group">
<label for="name">Username</label
><input
class="form-control"
type="text"
id="username"
name="username"
value=""
/>
</div
浏览 0提问于2019-08-20得票数 3
我才刚开始用testcafe。我需要测试的网站有一个本机浏览器窗口警告，它在页面上显示任何内容之前加载，该警告提示用户输入凭据。如果单击了cancel按钮，则页面将为空白，只有一个单词“未授权”除外。 当我让我的测试导航到网站时，我根本看不到任何窗口警告。页面立即显示“未授权”消息。testcafe是否自动关闭此警报？setNativeDialogHandler和getNativeDialogHistory都不工作。如何让testcafe在此对话框的两个字段中输入文本？ 谢谢!
浏览 19提问于2019-10-03得票数 0
回答已采纳
1回答
我正在建立一个网站，作为一部分，一个AWS认知登录被使用。我现在想用e2e编写TestCafe测试，但是我很难用TestCafe的方式来获得TestCafe的登录表单。
当没有找到会话时，页面将重定向到正确的AWS认知OAuth“登录”页面。
以下测试代码将失败
import { Selector } from 'testcafe';
const config = {...};
test('Logging in', async t => {
await t
.typeText(Selector('input#signIn
浏览 13提问于2022-03-07得票数 0
回答已采纳
我们可以使用开源的TestCafe来自动化Angular和React应用程序吗？是否可以在TestCafe中处理重定向？当3秒的负载不够用时，我们可以在测试中添加睡眠吗？
浏览 11提问于2019-05-10得票数 3
回答已采纳
1回答
我使用进行长时间的(1000+)项目列表以供选择。我正在尝试设置一个端到端测试，它需要单击当前未呈现的元素之一。
通常，我只会使用这样的东西：
await t.click(
ReactSelector('ListPage')
.findReact('ListItem')
.nth(873) // or .withText(...) or .withProps(...)
)
但是，由于只呈现了ListItem的一个小子集，所以TestCafe无法找到所需的元素。
我一直试图弄清楚如何使用TestCafe的滚动列表容器，以便呈
浏览 2提问于2019-12-16得票数 3
回答已采纳
我正在寻找一种方法来重写TestController的expect方法。我的想法是现有的测试谁使用t.expect方法，我想在这些情况下执行额外的步骤。我想出了以下示例代码，但testcafe运行时失败，并显示以下错误TypeError: Cannot read property '_expect$' of undefined 尝试覆盖的示例代码： import { Selector } from "testcafe";
fixture`Getting Started`.page`http://devexpress.github.io/testcafe/ex
浏览 16提问于2020-07-28得票数 1
回答已采纳
2回答
我正在使用testcafe进行api测试，但是我们的api需要登录。下面是我的代码。我可以看到json响应很好。但我不确定如何在页面上断言。
import { Selector } from 'testcafe';
import Page from './page';
// Page model
const page = new Page();
const url = 'https://myexample.com';
const elementWithIdOrClassName = Selector(value => {
ret
浏览 4提问于2018-10-10得票数 3
1回答
我在一个React应用程序中使用testcafe，在让testcafe点击下拉菜单中的一个下拉选项时遇到了一些问题。 在触发激活下拉菜单的按钮后，我可以使用Selector访问该选项，但单击所需的选项似乎没有任何作用。 但是，如果我通过键到达选项，则会触发该操作。 //This works
await t
.click('[testid="menuButton"]')
.pressKey('down')
.pressKey('down')
.pressKey('enter');
浏览 27提问于2020-04-23得票数 2
我想知道是否有人有使用testcafe中的选择器查找列和行的经验 我想按行和列选择这个元素，可以吗？ <td class="text-left" style="background: #5594AA;margin: 0px;padding: 0px;" row="0" col="Monday"><!--!--><!--!--><!--!--> <button class="btn btn-sm dx-btn dx-btn-text rtv-cell-fi
浏览 13提问于2021-04-13得票数 1
1回答
在使用TestCafe上传图像后，服务器会进行一些处理。而这一次，网站上的标签将有“进行中”作为标签。在服务器准备好之后，它将更改为最新。但是，我想告诉Testcafe脚本等到标签不再是"Inporgress“。为此，我这样做了： const DeliveryStatus = {
element: Selector('div.cl-asset-published').with({timeout: 70000}),
delivered: 'Inprogress'
}; 在脚本中我有 await t
浏览 2提问于2019-05-29得票数 4
回答已采纳
是否可能为TestCafe中的测试配置一个测试将属于多个元组的标记。示例：
test .meta('group', 'smoke-test') .meta('group', 'main-functionality')
('test name', async t => {
CLI：
"smoke-test": "testcafe chrome:headless e2e/test --test-meta group=smoke-test
"main-functionality
浏览 7提问于2022-10-26得票数 0
回答已采纳
我曾经尝试过这样做，但是我不能让TestCafe等待从元素中删除disabled属性。
这显然阻碍了所有进一步的测试，因为我需要点击按钮才能在流中继续运行。
fixture('create').page('locahost:3000');
test('one', async => {
const myIframe = Selector('#myIframe');
await t
.typeText('#input', 'words')
.click('#u
浏览 2提问于2018-12-06得票数 2
回答已采纳
1回答
我有一个场景，单击按钮会打开一个新的选项卡，但是当我尝试使用testCafe时，它会在一个新窗口中打开，而不是在新的tab.Why中打开，这是吗？testCafe不支持新的选项卡方案吗？
浏览 4提问于2020-11-03得票数 1
回答已采纳
我有一个有多个提交按钮的表单。这段jQuery代码在表单传输之前运行：
$(":submit").click(function () {
$("input[name='social']").val($(this).prevAll(".social").html());
$("input[name='footer']").val($(this).prevAll(".footer").text());
});
因此，一个表单，多个按钮，在单击时初始化表单的
浏览 0提问于2011-08-04得票数 0
我应该测试一个按钮，这个按钮是使用testcafe自定义的，它的工作方式类似于dropdown，该元素被成功点击，但是dropdown内容没有显示。我怀疑这种行为是因为下拉菜单是一个自定义按钮，而不是一个select按钮，我可能错了。testcafe是否以与select标记相同的方式处理应作为select的自定义元素？如果有，有没有关于如何在testcafe中测试被设计为下拉菜单的自定义按钮的建议？
浏览 23提问于2020-08-13得票数 0
1回答
在夹具中使用JS动态变量
、、、、
我第一次使用开源的TestCafe。我有3个需要在fixture中使用的JS动态变量，但是我不知道如何输入它们，因为变量的名称发生了变化。
//I have this code, the 3 variables below are dynamic and I do not know how to
//define them for the test to work
import { Selector } from 'testcafe';
fixture `Getting Started`;
.page `http://mypage/exampl
浏览 0提问于2019-07-07得票数 0
2回答
我有一个按钮，点击显示表中的演员。我打电话给他们：
<button class="actors">Show actors</button>
<table class="actors">...</div>
然后，我需要在CSS中访问它们(以及jQuery )，所以我使用了这样的选择器：
button.actors {...}
table.actors {...}
这是区分具有相同类的不同元素的一种好方法吗？或者我应该修改它，使它看起来像：
<button class="actors-button"
浏览 2提问于2014-08-02得票数 2
1回答
我有一个测试，其中testcafe写着“等待元素出现”，我不明白为什么。我使用ID选择器
我的测试相当简单，我用一个ID做了一个慢版本，用一个非ID做了一个快版本
这是testcafe中的bug吗？
在Chrome 88.0.4324.182 / Windows 10上使用Testcafe v1.11.0
测试输出显示：
Book
√ slow (17s)
√ fast (3.69s)
为什么使用ID选择要慢得多？它不是应该更快吗？
这是我的测试：
import { Selector } from 'testcafe';
fixture('Book'
浏览 10提问于2021-02-18得票数 1
1回答
测试咖啡馆不运行
、、、、
我在OsX上，使用nvm，节点10.15.3。Testscafe (不是实时的)工作正常，但我试图按照的指示操作。
在解释如何在本地安装它的步骤中
如果您已经在项目的本地安装了testcafe-将npm脚本添加到package.json以运行测试：
它引用了一个package.json文件，我在脚本部分下添加了条目
"scripts": {
"test": "eslint ./**/*.js",
"testcafe-live": "testcafe-live chrome tests/"
浏览 0提问于2019-03-11得票数 3
1回答
如何减小testcafe中鼠标指针的大小..下面是我写的代码，但不起作用...
import { ClientFunction } from 'testcafe';
import { Selector } from 'testcafe';
fixture test
.page http://example.com
.beforeEach(async t => {
await disableCursor();
})
const disableCursor = ClientFunction(() => {
var styleElement = doc
浏览 2提问于2018-11-27得票数 2
实际上，这个按钮在弹出窗口上打开，但存在于同一个页面中。
我试着读.。‘使用以下代码
driver.findElement(By.tagName("td")).findElement(By.id("leadCaptureList_leadCaptureList_assignCampaign")).click();
但其显示错误如“无法定位元素：{”方法“：”id“，"selector":"leadCaptureList_leadCaptureList_assignCampaign"}”
浏览 4提问于2014-02-11得票数 0
回答已采纳
我正在试图更新屏幕上的一个号码。我点击更新菜单，让我更新一个数字。当我单击update按钮时，它将打开一个模式对话框，其中包含一个空的文本框，用于新的数字和一个保存按钮。保存按钮最初是禁用的。如果用户在文本框中手动键入数字，则将触发onChange事件，并启用保存按钮。但是，如果我让test咖啡馆脚本在number文本框中输入一个数字，则保存按钮仍然是禁用的。我的猜测是，当我使用test咖啡厅.typeText(inputbox,'123')时，它不会在文本框上触发onChange事件。在这方面的任何帮助都是非常感谢的。
浏览 1提问于2017-07-07得票数 3
我正在运行TestCafe测试并排除与LocalTesting ()相关的BrowserStack故障。我不想在我的测试运行中使用LocalTesting。
在阅读TestCafe的BrowserStack插件及其源代码()时，我发现默认使用的是LocalTesting。)。
当我将我的配置设置为BROWSERSTACK_NO_LOCAL="TRUE"时，我发现测试在TestCafe初始代理URL处超时，例如
可以在没有LocalTesting的情况下在BrowserStack上运行TestCafe测试吗？
浏览 2提问于2019-02-14得票数 3
我使用TestCafe Studio创建我的测试，并使用testcafe容器执行以.testcafe格式编写的测试。此外，我使用‘无人机’作为CI环境。下面是我用来执行测试的命令
`- /opt/testcafe/docker/testcafe-docker.sh -c 3 chromium -q --skip-js-errors --ass`ertion-timeout 60000 --selector-timeout 60000 CommonScenarios/*.testcafe
当发生测试失败时，我将无法获得关于测试失败的足够信息。例如，下面是打印的错误日志。
1) Asserti
浏览 0提问于2021-07-26得票数 0
回答已采纳
1回答
我正在尝试使用TestCafe来自动化我的项目的初始设置。在安装过程中，需要花费很长时间的POST请求才能继续。这是我的runner.js，它运行在Node 10中：
const longRunningPostRequest = require('./setup/seed-database');
const createTestCafe = require('testcafe');
const RUN_OPTIONS = {pageLoadTimeout: 120000, selectorTimeout: 15000};
const setupLicense
浏览 0提问于2018-12-07得票数 2
回答已采纳
1回答
我想在teacity CI/CD服务器中运行Testcafe E2E测试。有没有人能帮我理解一下如何在teamcity中使用testcafe/testcafe docker镜像来运行测试？
浏览 1提问于2020-06-19得票数 1
1回答
我是测试领域的新手。我正在使用testcafe实现自动化。我正在测试简单的计数器按钮。每当单击按钮时，计数器都会递增。现在我得到的是前一个值，而不是更新值。 我在断言api中传递了"timeout“作为选项 import { ReactSelector } from "testcafe-react-selectors";
export default class counterButton {
constructor() {
this.counterButton = ReactSelector("CardButton");
thi
浏览 15提问于2019-09-11得票数 0
回答已采纳
我不想安装chrome来运行testcafe，而是想使用chrome docker镜像。Step1： docker run -d -p 4444:4444 selenium/standalone-chrome Step2： docker container ls
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
3487d6a08310 se
浏览 14提问于2020-04-21得票数 0
我下载了testcafe reporter html-testrail，并在我的testcafe项目中使用了它。如果我为报告指定了自定义名称，则报告无法正确保存，即报告不完整，几乎为空白，lines...However很少，如果我没有提供自定义名称，则报告保存为Report_TIMESTAMP.html格式(例如: Report_16_5_2018_14_46_46.html)，我在这里做错了什么？ const createTestCafe = require('testcafe');
let testcafe = null;
createTestCafe()
.then(
浏览 33提问于2019-10-15得票数 1
回答已采纳
我有用TestCafe Studio (.testcafe)格式编写的测试。我想对管道并行执行我的测试，在这里我使用** -c 2 **和node.js
"test": "NODE_TLS_REJECT_UNAUTHORIZED=0 testcafe -c 2 chrome --skip-js-errors --assertion-timeout 20000 --selector-timeout 20000 Tests/**/*.testcafe",
这将打开两个chrome浏览器实例并并行执行我的测试。这正是我想要的。
但是，当我在远程浏览器上执行测试时，我不
浏览 2提问于2021-05-12得票数 0
回答已采纳
1回答
我正在尝试在testcafe中创建一个通用的单击函数，这样我们就可以在按钮或复选框之类的场景中重用相同的单击方法。
我没有在testcafe中找到通用的单击方法。
浏览 8提问于2022-11-17得票数 0
1回答
我似乎不能让按钮被点击使用木偶剧。下面是我的代码，下面是DOM的截图。请注意，我可以很好地键入电子邮件，并且选择了正确的按钮元素，但我无法让它单击它。
const form = await page.$('[action="https://deadstock.us6.list-manage.com/subscribe/post?u=be9b719d1c345d54269781365&id=5534002567"]');
const email = await form.$('#mce-EMAIL');
const sub =
浏览 0提问于2020-07-09得票数 1
2回答
Testcafe获取json响应
、、、、
有没有办法获得testcafe在测试过程中点击的JSON响应？正常网站中的那个按钮发出一个ajax请求，所以我想在testcafe中将JSON从该请求中去掉。
浏览 7提问于2017-04-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
