首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在cypress get命令中将文本作为参数传递

在Cypress中,可以使用cy.get()命令来获取页面上的元素。如果要将文本作为参数传递给cy.get()命令,可以使用模板字符串的方式将文本插入到选择器中。

以下是一个示例:

代码语言:txt
复制
const text = '要查找的文本';
cy.get(`:contains("${text}")`).click();

在上面的示例中,我们使用:contains()伪类选择器来选择包含特定文本的元素。通过将文本插入到选择器中,我们可以将文本作为参数传递给cy.get()命令。

这种方法适用于需要根据文本内容来选择元素的情况,例如按钮、链接或其他包含文本的元素。

关于Cypress的更多信息和使用方法,你可以参考腾讯云的Cypress产品介绍页面:Cypress - 腾讯云

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Cypress安装与使用教程(3)—— 软测大玩家

自定义命令 2.1 参数传递 2.2 链式调用 2.3 自定义断言 2.4 处理异步操作 2.5 Cypress对象 3. 注意点 3.1 关于脚本业务上下文 3.2 抽象的程度 1....commands.js中将这段业务代码添加完成后,在实际的测试脚本中就可以直接对其进行使用。...'should log in successfully', () => { cy.login('your_username', 'your_password'); }); }); 2.1 参数传递...我们先在commands.js中定义,这里我们要传递参数是一个元素选择器。这样我们就可以灵活的在页面上选择到任何一个能捕捉到的元素。...的用作为告诉cypress你的自定义命令期望前一个命令的主体作为传参,一般在多个自定义命令中共享同一个元素的场景中会频繁使用到。

28710

前端自动化测试实践05—cypress-e2e入门

是为现代网络打造的下一代前端测试工具,安装更简单,可以测试任何在浏览器中运行的内容,测试执行效率更高,此处选用 Cypress 作为端到端测试工具。...在执行下一条命令或断言前Cypress会 自动等待 异步将不再是问题. Spies, Stubs, and Clocks: 验证和 控制 函数、服务器响应或者计时器的行为。...tests/e2e/fixtures', // 外部静态数据,网络请求或存放模拟上传或读取的文件 integrationFolder: 'tests/e2e/specs', // 测试用例文件夹 screenshotsFolder...常用命令 调试: cy.pause() cy.debug() 元素查询: // 【 .get() 】类似 jQuery 的 dom 查询 cy.get('#main-content') .find(...() // 60000ms cy.wait() // 30000ms // 大多数其他命令(包括所有基于 DOM 的命令)默认在 4000ms 之后超时 使用 .then() 来操作一个主题 cy.get

4.1K97
  • Cypress系列(18)- 可操作类型的命令

    如果想从头学起Cypress,可以看下面的系列文章哦 https://www.cnblogs.com/poloyy/category/1768839.html 前言 啥是可操作类型?...就是可以和 DOM 元素交互的命令,比如:点击,双击.....等等等 这些命令模拟用户和应用程序交互,Cypress 会触发浏览器事件,进而触发应用程序绑定的时间 下面着重讲点击操作,一共有三个命令 click...会强制操作命令的发生,避开前面的所有检查 你可以传递 { force: true } 给大多数操作命令 栗子 // 强制点击,和所有后续事件 // 即使该元素 “不可操作”,也会触发点击操作 cy.get...语法格式 // 输入文本 .type(text) // 带参数输入文本 .type(text, options) 正确写法 宗旨:先获取 DOM 元素,再对 DOM 元素进行 type 操作 错误写法....type() 基础的栗子 输入正常文本的栗子 测试文件代码 测试结果 输入特殊字符的栗子 那么还支持哪些特殊字符呢? 带参数输入文本的栗子  有哪些参数可以传递呢?

    1.4K30

    你不知道的Cypress系列(15) -- 支持跨域访问了!

    文件夹里添加如下配置: chromeWebSecurity:false 有时候,我们不想在cypress.json里配置,也可以直接在运行命令参数时,指定参数: yarn cypress open...Cypress支持跨域 -- cy.origin() 在即将发布的9.6.0版本中,我们可以通过cy.origin()命令来支持跨域访问。...options: 这个参数是一个普通的 JavaScript 对象,它将被序列化并从主要来源发送到次要来源。从那里它将被反序列化并作为第一个也是唯一的参数传递给回调函数。...该参数的args对象(注意这个对象,看后续的代码)是唯一可以将数据注入回调的机制,因为回调不是闭包,并且不保留对声明它的 JavaScript 上下文的访问。...callbackFn: 此参数包含要在次要来源中执行的Cypress命令的函数。Cypress将触发此函数并从当前Cypress实例传递到次要源并进行评估。

    2.5K52

    Cypress系列(70)- server() 命令详解

    cy.route() 前置知识:熟悉 命令 .route() 语法格式 cy.server() cy.server(options) options 参数 作用 作为默认值,它们被合并到 中 cy.route...() 作为所有请求的配置行为 以下选项被合并为 cy.route() 的默认选项 ?...命令执行结果 执行结果是 null 且后续不能再链接其他命令 没有参数的栗子 // 启动服务器 cy.server() 任何与 不匹配的请求都将传递到服务器,除非设置了 force404,这样请求变成...404 和拿到一个空 response cy.route() 与 options.ignore 函数匹配的任何请求都不会被记录或存根(logged、stubbed) 将在命令日志中看到名为(XHR Stub...)或(XHR)的请求 带有参数的栗子 进入演示项目目录下 注:演示项目是 cypress 提供的,如何下载可看 Cypress 系列文章的一开始几篇都有写 cd C:\Users\user\Desktop

    46620

    Cypress系列(19)- 可操作类型的命令 之 type()

    如果想从头学起Cypress,可以看下面的系列文章哦 https://www.cnblogs.com/poloyy/category/1768839.html 前端 html 代码 后面栗子主要以这个页面为主哦....type() 基础介绍 在 DOM 元素中输入内容 语法格式 // 输入文本 .type(text) // 带参数输入文本 .type(text, options) 正确写法 宗旨:先获取 DOM...调用 type() 命令的都不是 DOM 元素,所以错误! .type() 基础的栗子 输入正常文本的栗子 测试文件代码 ? 测试结果 ? 输入特殊字符的栗子 ? 那么还支持哪些特殊字符呢? ?...带参数输入文本的栗子 有哪些参数可以传递呢? ? 测试文件代码 ?...{alt} {shift} {ctrl} 具体用法 // 等同于按 shift + alt + q cy.get('input').type('{shift}{alt}Q') // 按住

    86430

    Vue 测试速成班

    测试的目录不是硬连线的,你可以用下面的命令参数来修改它: vue-cli-service test:unit --recursive 'src/**/*.spec.js' recursive 参数告诉测试运行器依据后面的通配符模式来搜索测试文件...我们可以使用 onModify 操作修改状态,该操作将输入参数传递给名为 modify 的 mutation 来改变状态。...第一个参数表示调用哪个 action;第二个参数作为参数传递给 action。我们可以随时通过 state 属性检查当前状态。...如果你想在 headless 模式[8]下运行 Cypress 测试,你必须将 headless 标记添加到命令中。...全局变量 cy 表示 Cypress 运行器。我们可以同步地命令运行程序在浏览器中执行什么操作。 在访问了主页(visit)之后,我们可以通过 CSS 选择器访问页面中的 HTML。

    2.7K10

    Cypress系列(63)- 使用 Custom Commands

    (name, callbackFn) 参数说明 name:要添加或覆盖的命令的名称 callbackFn :自定义命令的回调函数,回调函数里自定义函数所需完成的操作步骤 options:允许自定义命令的隐性行为...options 可选参数列表 参数 可接受的值类型 默认 描述 prevSubject Boolean, String or Array false 如何处理前面产生的对象 prevSubject...('h1').should('contain', 'jane.lane') }); }) overwrite 覆盖 visit 命令的栗子 // 第一个参数代表需要覆盖的命令 Cypress.Commands.overwrite...但是 .type() 会自动将所有键入的内容记录到测试运行程序的命令日志中 cy.get('#username').type('username@email.com') cy.get('#password...实际情况 可能需要屏蔽传递命令的某些值,以便敏感数据不会显示在测试运行的屏幕截图或视频中 .type() 下面的示例将覆盖 命令,以允许屏蔽测试运行程序的命令日志中的敏感数据 .type() Cypress.Command.overwrite

    2K72

    Cypress学习笔记6——Debugging调试代码

    引言   我们写程序、写复杂的脚本时,如果遇到问题,经常需要打断点进行调式,而Cypress提供了很好的debug命令——debugger   debugger调试器   Cypress测试代码在与应用程序相同的运行循环中运行...这意味着您可以访问在页面上运行的代码,以及浏览器提供给您的内容,document, window, and debugger。   ...Cypress 的文档里面介绍,cy命令是以队列的形式添加到列表里,最后才执行的。   debugger 将在 cy.visit() and cy.get() 之前执行,如下图。    ...将执行传递给.then()的函数,并将找到的元素传递给它。 在.then()函数的上下文中,调用 debugger 调试器,停止浏览器并调用 Developer Tools 的焦点。...您可以将它附加到任何Cypress命令链上,以查看此时系统的状态。

    96630

    Cypress系列(101)- intercept() 命令详解

    如果想从头学起Cypress,可以看下面的系列文章哦 https://www.cnblogs.com/poloyy/category/1768839.html 作用 使用该命令在网络层管理 HTTP 请求的行为...,当一个请求匹配上了该路由将会自动调用这个函数 函数第一个参数是请求对象 在回调函数内部,可以修改外发请求、发送响应、访问实际响应 详细栗子将在后面展开讲解 命令返回结果 返回 null 可以链接 进行别名...可以看到回调函数只有一个参数,就是 request 参数 重点 回调函数内不能包含 cy.**() 的命令,如果包含会报错 ?...简单来说就是 cy.type() 命令执行完后会返回一个 promise 对象,同时又会调用回调函数,而回调函数内又调用了 cy.get() 返回了一个 promise 对象,Cypress 会将这种情况当做测试失败处理...传递 JSON 对象作为响应内容 测试代码 ? 接口响应内容 ? 传递 StaticResponse 对象作为响应内容 测试代码 ? 接口响应内容 ?

    2.7K20

    Cypress系列(43)- visit() 命令详解

    /poloyy/ html 文件的相对路径,路径是相对于 Cypress 的安装目录,不需要 前缀 file:// Cypress 关于 url 的最佳实践 建议在使用 时,在 cypress.json...里设置一个baseUrl cy.visit() baseUrl 相当于一个全局共享的 host,在使用 和 request() 等命令时自动将 baseUrl 传递进去 visit() 优势:首次启动...其他参数 options 参数 默认 作用 method GET 请求方法,GET或POST body null l 与POST请求一起发送的数据体 l 如果是字符串,则将其原封不动地传递 l 如果是一个对象...,它将被URL编码为字符串,并加上Content-Type:application / x-www-urlencoded headers {} 请求头 qs null Url的请求参数 log true...加上 timeout 参数 ? 加上 auth ? 加上 onBeforeLoad ? 加上 onLoad ? 加上 qs ? 加上 method 和 body ? 使用 window 对象 ?

    1.5K30

    Cypress系列(18)- 可操作类型的命令 之 点击命令

    就是可以和 DOM 元素交互的命令,比如:点击,双击.....等等等 这些命令模拟用户和应用程序交互,Cypress 会触发浏览器事件,进而触发应用程序绑定的时间 这一篇着重讲点击操作,一共有三个命令...position 位置参数 每个元素都有九个 position,具体可看下图 ? 坐标 x, y 距离 DOM 元素左上角的坐标,x 是横轴,y 是竖轴 options 可选参数 共有四个 ?...会强制操作命令的发生,避开前面的所有检查 force: true 你可以传递 给大多数操作命令 { force: true } 栗子 // 强制点击,和所有后续事件 // 即使该元素 “不可操作”,...cy.get(' ul > li ') 共匹配四个 DOM 元素,他们均触发单击操作 单击组合键 .click() 命令还可以与 .type() 命令结合使用修饰符来触发组合键操作,以便在单击时结合键盘操作...在命令日志中单击 click 时,控制台console 将输出以下鼠标事件 ? 结尾 本文是博主基于对蔡超老师的《Cypress 从入门到精通》阅读理解完后输出的博文,并附上了自己的理解

    2.2K10

    Cypress系列(4)- 解析 Cypress 的默认文件结构

    命令首次打开 CypressCypress 会自动进行初始化配置并生成一个默认的文件夹结构,如下图 ?...要查看 Cypress 中每个命令的示例,可以打开 cypress/integration/examples ,里面都是官方提供的栗子 test file 测试文件 简介 测试文件就是测试用例,默认位于...痛点:和外部通信困难】 插件文件的诞生 Cypress 为了解决上述痛点提供了一些现成的插件,使你可以修改或扩展 Cypress 的内部行为(:动态修改配置信息和环境变量等),也可以自定义自己的插件.../index.js 插件的应用场景   动态更改来自 cypress.json,cypress.env.json,CLI或系统环境变量的已解析配置和环境变量 修改特定浏览器的启动参数 将消息直接从测试代码传递到后端...后面再详解插件在项目中的实际运用 support file 支持文件 简介 支持文件目录是放置可重用配置项,底层通用函数或全局默认配置 支持文件默认位于 中,但可以配置到另一个目录 cypress

    2.5K20

    Cypress系列(14)- 环境变量详解

    早就替我们想好了如何解决这问题,可以通过配置 来取代环境变量的方式 baseUrl 当你配置了 ,测试套件中的 cy.visit() 、 cy.request() 都会自动以 baseUrl 的值作为前缀...CYPRESS_* 在 中传递为 --env (命令行运行中添加) CLI 在插件中设置一个环境变量 ----------------------------->>>>>>>>>>>>>>>>>...可以通过命令行将环境变量作为命令参数传进来 它的优先级最高,会覆盖其他地方设置的重名环境变量 可以为 或 cypress run 添加 --env 参数 cypress open cmd 命令 在...Cypress 安装目录下,cmd敲 yarn cypress:open --env host=poloyy.com,key=命令参数环境变量 或 yarn cypress:run --env host...=poloyy.com,key=命令参数环境变量 测试文件代码 ?

    1.7K20

    Cypress系列(21)- 可操作类型的命令 之 check()、uncheck()

    .check(options) // 选中指定值的选项,且带参数 .check(value, options) // 选中多个选项(多选框),且带参数 .check(values, options...) 参数讲解 value 要选择的 的 value 属性或文本内容,字符串类型 values 要选择的 的 value 属性或文本内容,是多个字符串组成的数组 options...正确用法 // 选中所有复选框 cy.get('[type="checkbox"]').check() // 选中第一个单选框 cy.get('[type="radio"]').first().check...() 错误用法 // 不能直接通过 cy 去调用 check() 命令 cy.check('[type="checkbox"]') // check() 一定要 checkbox huo radio...结尾 本文是博主基于对蔡超老师的《Cypress 从入门到精通》阅读理解完后输出的博文,并附上了自己的理解

    99520
    领券