前端转测试

前端自动化测试框架Jest 基础入门

　一、引言　　前端这几年发展的非常迅速，我们的系统的功能正在变的越来越复杂，这对我们的前端工程化能力提出了更高的要求，听到工程化，大家的第一反应肯定是高质量的代码设计和高质量的代码实现。　　但实际上，前端自动化测试也是前端工程化里面非常重要的一个环节。　　二、Jest基础入门　　一个普通前端听到自...

基于HTML5+tracking.js，刷脸支付的实现

最近刷脸支付很火，老板们当然要追赶时代潮流，于是就有了刷脸支付这个项目。前端实现关键的技术是摄像头录像，拍照和人脸比对，本文来探讨一下如何在html5环境中如何实现刷脸支付以及开发过程中遇到的问题。1.摄像头1.1input获取摄像头html5中获取手机上的图片，有两种方式，使用input，如下可...

前端开发:响应式网页测试工具（web前端测试需要什么工具）

前端开发工作中会遇到，响应式网站，但其我们不可能（浪费时间）拿大量的实际设备来测试这并不现实，而在这里为大家推荐几款专门测试的工具，可以大大减少我们工作时间。1.跨评测（http://kuapingce.com/），一款真正解决你所有响应式的问题（国内自用推荐）2.resizeMyBrowse...

实现页面自动检测更新(不动服务端代码)

今天分享一个实现页面自动检测更新，而且不需要动服务端代码的方法，比较取巧，在非覆盖式发布的情况下可以简单使用。背景和思路有部分运营是不刷新页面的，当我们前端资源更新了，他可能还在使用老的资源。目标是希望在我们前端资源更新的时候提示用户有资源更新，然后刷新页面获取最新的前端资源。一个适合非覆盖式发布的...

前端实现 SVG 转 PNG（svg转换png js）

前言svg是一种矢量图形，在web上应用很广泛，但是很多时候由于应用的场景，常常需要将svg转为png格式，下载到本地等。随着浏览器对HTML5的支持度越来越高，我们可以把svg转为png的工作交给浏览器来完成。一般方式创建imageimage，src=xxx.sv...

前端页面的性能测试（前端页面的性能测试方法）

介绍随着Web应用的空前发展，前端业务逐渐复杂，为了处理这些复杂业务，前后端分离，出现了专门应对这种分离架构的应用开发框架，比如Angular，React，Vue等，从而也导致Web应用的复杂度大大增加，并出现了SPA（SinglePagewebApplication）。同时随着...

踹掉后端，前端导出Excel（前后端分离导出文件）

　　前言　　导出Excel文件这个功能，通常都是在后端实现返回前端一个下载链接，但有时候我们只想导出前端页面上已经有了的数据，不想再调后端导出接口浪费服务器资源，学习本文demo例子，我们踹掉后端，直接在前端导出Excel！　　代码实现　　1、利用Blob对象构造一个a标签的href链接，从而实现文...

软件测试/测试开发丨cookie 复用 学习笔记

本文转自霍格沃兹测试开发学社学员学习笔记原文链接：https://ceshiren.com/t/topic/28917cookie是什么Cookie是一些数据，存储于电脑上的文本文件中当web服务器向浏览器发送web页面时，在连接关闭后，服务端不会记录用户的信息为什么要使用Cookie...

前端自动化测试框架Jest中的匹配器

　众所周知，在前面的代码中，我们在编写一个测试用例的时候用到了test、expect、toBe三个方法。　　这种语法大概可以翻译为：期待一个值的结果去匹配另一个值。　　比如：expect(1+1).toBe(2);　　这个例子可以翻译为：期待1+1的结果是2，这里的toBe就...

使用Jest进行前端单元测试（javascript test）

对于逻辑复杂、迭代频繁的前端项目，进行单元测试很有必要。这样可以节省大量E2E测试的时间，保证代码的可靠性，量化评估研发团队、测试团队的产出。1.选型常见的前端单元测试框架，有Mocha、Jasmine、Jest。我的选型思路如下：Mocha不自带断言，需要结合其他断言库才可使用。Jasmine、...