Percy-ember插件:Ember应用的Percy视觉测试集成

需积分: 5 0 下载量 127 浏览量 更新于2024-10-20 收藏 223KB ZIP 举报
资源摘要信息:"percy-ember:用于Percy视觉回归测试的Ember插件" 标题: "percy-ember:用于Percy视觉回归测试的Ember插件" 知识点: 1. Percy: Percy是一个视觉回归测试工具,旨在通过视觉比较来监控Web应用程序中的视觉更改。它可以捕获页面截图,并将这些截图与之前版本的截图进行比较,以确保没有未预期的视觉更改。 2. Ember: Ember.js是一个开源的JavaScript框架,用于创建快速的、健壮的和高性能的Web应用程序。它提供了一套丰富的功能和工具来帮助开发者高效地构建Web应用程序。 3. Google Puppeteer: Puppeteer是一个Node库,提供了一套高级API来控制无头版Chrome或Chromium。它可以用于自动化浏览器任务,如表单提交、UI测试、页面截图等。Puppeteer可以通过Google Cloud Platform进行远程控制,配合Percy进行视觉测试。 描述: "安装 $ npm install --save-dev @percy/cli @percy/ember@next 用法 这是一个使用percySnapshot函数的示例。 import percySnapshot from '@percy/ember'; describe('My ppp', () => { // ...app setup it('about page should look good', () => { await visit('/about'); await percySnapshot('My Snapshot'); }); }); 直接运行上面的测试会得到如下日志: $ ember test" 知识点: 1. NPM: Node Package Manager(NPM)是JavaScript的包管理工具,用于发布和维护Node.js包。它也用于管理项目依赖关系,可以通过命令行安装和管理项目所需的软件包。 2. @percy/cli 和 @percy/ember@next: 这些是npm包,分别代表Percy的命令行界面工具和专门用于Ember应用程序的Percy插件。@percy/ember@next是该插件的下一个版本,它可能包含了新的特性和改进。 3. Ember CLI: Ember CLI是Ember.js的命令行工具,用于简化Ember项目的创建、管理、构建和测试工作。它遵循约定优于配置的原则,能够自动化许多常见的开发任务。 4. percySnapshot: 这是一个用于创建Percy快照的函数。开发者在测试代码中调用percySnapshot函数,传入快照名称,Percy就会捕获当前页面的截图。 标签: "ember ember-addon percy percy-agent ember-percy percy-sdk JavaScript" 知识点: 1. Ember Addon: Ember Addon是Ember.js的扩展,它提供了一种简单的方法来扩展Ember应用或Ember CLI的功能,不需要修改原始的Ember.js代码。Ember Addon可以添加工具、模板、组件等,以简化开发工作。 2. Percy Agent: Percy Agent是Percy的服务端组件,它运行在用户的服务器上,可以集成到CI/CD流程中,自动抓取代码更改,生成快照,并发送到Percy的服务器进行视觉比较。 3. Ember Percy: Ember Percy是一个为Ember.js项目提供视觉回归测试能力的集成工具,允许开发者在Ember项目中方便地使用Percy进行测试。 4. Percy SDK: SDK(Software Development Kit)是Percy提供的一套软件开发工具包,它包含了API和库,方便开发者将Percy集成到自己的应用程序中进行视觉回归测试。 5. JavaScript: JavaScript是一种高级的、解释执行的编程语言。它被广泛用于网页开发,也是Node.js和许多前端框架和库的核心技术。JavaScript为Web页面提供了交互能力,使网页由静态内容转变为动态页面。 压缩包子文件的文件名称列表: percy-ember-master 知识点: 1. 压缩包子文件: 压缩包子文件通常是项目代码的打包或压缩版本,这里指的可能是percy-ember项目的源代码文件,打包成zip格式,以"percy-ember-master"命名,表示该版本可能是主分支上的主版本。 2. Git: 常用的版本控制系统。开发者使用它管理项目源代码的历史版本。"percy-ember-master"可能表明该压缩包是这个项目在Git上的master分支的最新版本。 3. 版本控制: 代码库的版本控制是跟踪和管理代码变更的过程,以保证代码的完整性和协作开发的高效性。通过版本控制,开发者可以将代码的每一次修改都记录下来,并且可以回退到之前的任何一个版本。