草庐IT

UI自动化测试框架之cypress

oliverdon 2023-04-12 原文

​
官网地址：JavaScript End to End Testing Framework | cypress.io testing tools

cypress由一个免费的、开源的、本地安装的应用程序和一个用于记录您的测试的仪表服务组成。是前端测试的工具，解决开发人员和QA工程师在测试应用程序时面临的关键痛点；

本文描述Windows的安装和使用

安装

  • 安装nodejs
    cypress是nodejs的一个库，所以先要安装nodejs，这里安装步骤就省略了（nodejs官网下载地址：https://nodejs.org/en/download ）

校验nodejs是否安装成功，可以执行

node -v

​

  • 接下来安装cypress
    执行命令
npm install cypress --save-dev

运行程序

  1. 创建项目目录
    在电脑目录创建文件夹，如 cypress-demo
  2. 项目目录初始化，初始化完成后，会自动创建package.json文件
npm init 	//一路回车即可
npm i
  1. 在项目根目录，输入命令启动
npx cypress open
或者通过试用yarn
yarn run cypress open
完整路径的漫长道路
./node_modules/.bin/cypress open
或使用快捷方式npm bin
$(npm bin)/cypress open

启动后如图

Launchpad 首先向您展示了您最大的决定：我应该进行哪种类型的测试？ E2E 测试，我在哪里运行我的整个应用程序并访问页面来测试它们？或者 Component Testing，我在哪里安装我的应用程序的各个组件并单独测试它们？
有关此关键决策的更多背景信息，请阅读 测试类型。或者，如果您不确定自己想要哪种类型并且只是想继续您的测试之旅，现在只需选择E2E - 您以后随时可以更改！

  1. 快速配置

在下一步中，Launchpad 将构建一组适合您选择的测试类型的配置文件，并将列出更改供您查看。有关生成的配置的更多信息，请查看 赛普拉斯配置参考，或者您可以向下滚动并点击“继续”。

  1. 启动浏览器

运行第一个测试程序

添加测试文件

根据上面步骤操作完后，启动的浏览器中，添加测试文件

单击它时，您应该会看到一个对话框，您可以在其中输入新规范的名称。现在只接受默认名称

新生成的规范显示在确认对话框中。只需继续并使用✕按钮将其关闭。

一旦我们创建了该文件，您应该会看到应用程序立即将其显示在端到端规范列表中。监控您的规范文件是否有任何更改并自动显示任何更改。

编写测试脚本

测试文件添加完后，会在项目目录的cypress\e2e目录下，看到你创建的测试文件（如：spec.cy.js）
用文档编辑工具打开，输入代码

describe('cypress demo', () => {
  it('百度测试用例', () => {
	cy.visit('https://www.baidu.com/')
	// 验证title
	cy.title().should('contain', '百度一下，你就知道')
	//根据css定位搜索输入框
	cy.get('#kw').type('python')
		.should('have.value', 'python')	//验证关键字自动是否展示正确
	cy.get('#su').click()   //根据 css 定位搜索按钮并点击
    cy.url().should('include','wd=python')     //验证目标url 是否正确包含关键字
    cy.title().should('contain','python_百度搜索')  //验证页面 title 是否正确
    cy.get('[id="1"]').should('contain','python')    // 验证第一个结果中是否包含TesterHome
    cy.screenshot()
  })
})

测试编辑完保存后，就会看到打开浏览器的运行结果

cypress自动化测试quotampgt

有关UI自动化测试框架之cypress的更多相关文章

  1. ruby-on-rails - 使用 Ruby on Rails 进行自动化测试 - 最佳实践 - 2

    很好奇，就使用ruby​​onrails自动化单元测试而言，你们正在做什么？您是否创建了一个脚本来在cron中运行rake作业并将结果邮寄给您？git中的预提交Hook？只是手动调用？我完全理解测试，但想知道在错误发生之前捕获错误的最佳实践是什么。让我们理所当然地认为测试本身是完美无缺的，并且可以正常工作。下一步是什么以确保他们在正确的时间将可能有害的结果传达给您？ 最佳答案 不确定您到底想听什么，但是有几个级别的自动代码库控制:在处理某项功能时，您可以使用类似autotest的内容获得关于哪些有效，哪些无效的即时反馈。要确保您的提

  2. ruby - i18n Assets 管理/翻译 UI - 2

    我正在使用i18n从头开始​​构建一个多语言网络应用程序，虽然我自己可以处理一大堆yml文件，但我说的语言(非常)有限，最终我想寻求外部帮助帮助。我想知道这里是否有人在使用UI插件/gem(与django上的django-rosetta不同)来处理多个翻译器，其中一些翻译器不愿意或无法处理存储库中的100多个文件，处理语言数据。谢谢&问候，安德拉斯(如果您已经在ruby​​onrails-talk上遇到了这个问题，我们深表歉意) 最佳答案 有一个rails3branchofthetolkgem在github上。您可以通过在Gemfi

  3. ruby - 使用 C 扩展开发 ruby​​gem 时，如何使用 Rspec 在本地进行测试？ - 2

    我正在编写一个包含C扩展的gem。通常当我写一个gem时，我会遵循TDD的过程，我会写一个失败的规范，然后处理代码直到它通过，等等......在“ext/mygem/mygem.c”中我的C扩展和在gemspec的“扩展”中配置的有效extconf.rb，如何运行我的规范并仍然加载我的C扩展？当我更改C代码时，我需要采取哪些步骤来重新编译代码？这可能是个愚蠢的问题，但是从我的gem的开发源代码树中输入“bundleinstall”不会构建任何native扩展。当我手动运行rubyext/mygem/extconf.rb时，我确实得到了一个Makefile(在整个项目的根目录中)，然后当

  4. ruby - Ruby 的 Hash 在比较键时使用哪种相等性测试？ - 2

    我有一个围绕一些对象的包装类，我想将这些对象用作散列中的键。包装对象和解包装对象应映射到相同的键。一个简单的例子是这样的:classAattr_reader:xdefinitialize(inner)@inner=innerenddefx;@inner.x;enddef==(other)@inner.x==other.xendenda=A.new(o)#oisjustanyobjectthatallowso.xb=A.new(o)h={a=>5}ph[a]#5ph[b]#nil,shouldbe5ph[o]#nil,shouldbe5我试过==、===、eq?并散列所有无济于事。

  5. ruby - RSpec - 使用测试替身作为 block 参数 - 2

    我有一些Ruby代码，如下所示:Something.createdo|x|x.foo=barend我想编写一个测试，它使用double代替block参数x，这样我就可以调用:x_double.should_receive(:foo).with("whatever").这可能吗？ 最佳答案 specify'something'dox=doublex.should_receive(:foo=).with("whatever")Something.should_receive(:create).and_yield(x)#callthere

  6. ruby - Sinatra:运行 rspec 测试时记录噪音 - 2

    Sinatra新手；我正在运行一些rspec测试，但在日志中收到了一堆不需要的噪音。如何消除日志中过多的噪音？我仔细检查了环境是否设置为:test，这意味着记录器级别应设置为WARN而不是DEBUG。spec_helper:require"./app"require"sinatra"require"rspec"require"rack/test"require"database_cleaner"require"factory_girl"set:environment,:testFactoryGirl.definition_file_paths=%w{./factories./test/

  7. ruby-on-rails - 迷你测试错误 : "NameError: uninitialized constant" - 2

    我遵循MichaelHartl的“RubyonRails教程:学习Web开发”，并创建了检查用户名和电子邮件长度有效性的测试(名称最多50个字符，电子邮件最多255个字符)。test/helpers/application_helper_test.rb的内容是:require'test_helper'classApplicationHelperTest在运行bundleexecraketest时，所有测试都通过了，但我看到以下消息在最后被标记为错误:ERROR["test_full_title_helper",ApplicationHelperTest,1.820016791]test

  8. ruby - RuntimeError(自动加载常量 Apps 多线程时检测到循环依赖 - 2

    我收到这个错误:RuntimeError(自动加载常量Apps时检测到循环依赖当我使用多线程时。下面是我的代码。为什么会这样？我尝试多线程的原因是因为我正在编写一个HTML抓取应用程序。对Nokogiri::HTML(open())的调用是一个同步阻塞调用，需要1秒才能返回，我有100,000多个页面要访问，所以我试图运行多个线程来解决这个问题。有更好的方法吗？classToolsController0)app.website=array.join(',')putsapp.websiteelseapp.website="NONE"endapp.saveapps=Apps.order("

  9. ruby - 即使失败也继续进行多主机测试 - 2

    我已经构建了一些serverspec代码来在多个主机上运行一组测试。问题是当任何测试失败时，测试会在当前主机停止。即使测试失败，我也希望它继续在所有主机上运行。Rakefile:namespace:specdotask:all=>hosts.map{|h|'spec:'+h.split('.')[0]}hosts.eachdo|host|begindesc"Runserverspecto#{host}"RSpec::Core::RakeTask.new(host)do|t|ENV['TARGET_HOST']=hostt.pattern="spec/cfengine3/*_spec.r

  10. ruby-on-rails - 如何使辅助方法在 Rails 集成测试中可用？ - 2

    我在app/helpers/sessions_helper.rb中有一个帮助程序文件，其中包含一个方法my_preference，它返回当前登录用户的首选项。我想在集成测试中访问该方法。例如，这样我就可以在测试中使用getuser_path(my_preference)。在其他帖子中，我读到这可以通过在测试文件中包含requiresessions_helper来实现，但我仍然收到错误NameError:undefinedlocalvariableormethod'my_preference'.我做错了什么？require'test_helper'require'sessions_hel

随机推荐