端到端测试(三)—— React中引入Cypress

这篇文章比较随意,主要是记录关于在React项目中引入Cypress所遇到的一些坑以及不同于在Vue项目中所使用的技术栈的情况下提供的解决方法。 安装 我们直接去Cypress的官网,根据教程我们先进入我们项目的根目录,执行npm install cypress --save-dev,在安装完...

2018-10-16 17:04:33

阅读数:124

评论数:0

单元测试(三)—— Jest Mock组件方法及axios promise请求

文章目录前言Coverage 测试覆盖率报告模拟Promise请求Mock方法总结 前言 这篇博客我们主要讲三个方面的东西,在组件中的方法的mock,以及对组件中promise这类异步请求的mock,在中间我们会穿插一下对测试覆盖率报告的讲解。先说一下我们为什么需要测试覆盖率报告和对方法以及请求的...

2018-10-08 18:10:05

阅读数:535

评论数:0

端到端测试(二)—— 基础语法入门实战

文章目录前言语法实战spec基本结构生命周期模拟请求文件上传 前言 在我们写端到端测试之前,我们应该明确我们是基于一个用户的角度去测试我们的页面,所以这无关我们的所有源码,我们应该只专注于浏览器所呈现给我们的资源,包括页面上的element、控制台中network中的所有的请求以及导航栏上的url...

2018-10-08 16:06:50

阅读数:164

评论数:0

单元测试(二)—— Jest结合Vue-test-utils入门实战

文章目录前言介绍语法实战Shallow RenderingDOM结构测试Props总结 前言 公共组件 在我们编写测试用例之前,首先需要确认我们的目标组件到底是什么?我的理解为,在我们的项目中通常会分为两种类型的组件,一种为业务组件,另一种为抽象出来的公共组件。通常,我们在编写测试用例时从公共组...

2018-10-08 14:47:53

阅读数:481

评论数:0

端到端测试(一)—— 框架介绍及配置

文章目录前言框架介绍框架结构及配置目录结构基础配置运行测试启动器测试用例CI集成设置运行页面总结 前言 在介绍框架之前,先分析一下为什么我们需要端到端测试? 在其他的博客中我们已经介绍过单元测试了,凭借着快照库和DOM抓取,对API的mock等操作,单元测试也可以达到对DOM状态的判断以及样式的断...

2018-10-07 01:45:42

阅读数:499

评论数:0

单元测试(一)—— 技术选型及配置

文章目录技术选型项目配置目录结构配置介绍单元测试架构基础语法结构总结 技术选型 测试框架及断言库 Jest 在第一篇整体介绍中,项目初期是使用mocha + chai组合去做单元测试的框架的,由于项目整体所使用的Typescript来编写,发现在这套选型中对于coverage(测试覆盖率)的输出...

2018-10-06 20:10:01

阅读数:112

评论数:0

前端测试 —— 技术选型及入门

目录为什么要撰写前端的测试?前端测试的类型技术选型 为什么要撰写前端的测试? 在前端发展日益壮大后,我们在项目中往往引入了工程化、模块化的概念,这和数年前前端极度依赖后端渲染以及切图工作产生了极大的进步,当然这些进步也使得我们的项目变得更加复杂庞大,并且在项目中使用了SPA的应用概念,每个工程的复...

2018-10-06 17:13:47

阅读数:142

评论数:0

Element UI 中可展开表格手风琴效果实现(toggleRowExpansion方法的正确使用方式)

问题讲解:在使用vue版本的ElementUI中的table功能的时候还是遇到了一些问题,可以说饿了么团队在这个UI框架的文档撰写已经非常不错了,不过还是有一些方法乍一看让人摸不着头脑,有些table的常用功能示例代码提供的不是非常详细,所以这次针对这个可展开表格实现手风琴效果写一篇博客探讨一下。...

2017-12-29 09:36:59

阅读数:12322

评论数:12

SAP UI5初步结构分析研究(九)(HAT安装以及云ide部署Android App)

这篇博客的标题可能说的不是很清楚,我在开头细说一下是什么意思,如果我的博客有幸被一样在学习UI5的小伙伴一路跟下来,应该会知道我现在的进度在哪里了。 根据上一篇的进度,我在本章要完成对本地HAT(Hybrid Application Toolkit)软件的安装,以此来达成通过云端版本的web i...

2017-09-26 14:40:53

阅读数:198

评论数:0

SAP UI5初步结构分析研究(八)(BarcodeScanner)

我的天哪,时隔了多久啊这是,我总算是把扫码器集成到web ide中了,可以说SAP是相当第二个苹果了这是,生态封闭到令人发指的地步了,不过鉴于里面集成环境非常的到位,也没啥好吐槽= =下面来总结一下实现方法的代码层,可以使用cordova的写法,也可以使用UI5官方提供的sap.ndc.barco...

2017-09-25 11:16:19

阅读数:351

评论数:0

SAP UI5初步结构分析研究(七)(番外篇)

哎呀呀,距离上一篇博客已经过去了一周了呢,想想上一周好像。。。啥也没干,憋不出啥的东西,索性就浑浑噩噩地过去了吧,这篇为啥叫番外篇呢,就是和UI5也是有联系的,但是由于某些原因我并没有把两种技术都结合在一起,所以暂时算一个番外吧,我过两天再研究技术整合的问题。这篇文章呢我主要讲一下SAP UI5移...

2017-09-19 10:58:45

阅读数:304

评论数:0

SAP UI5初步结构分析研究(六)

这两天研究了一下WEB IDE连接后台数据以及使用本地mockserver进行CRUD操作,连接后台需要对Netweaver进行一些配置,这边就不详细阐述了,直接贴出大神博客的链接,ABAP系列我也不太懂,所以这里不说,我主要说一下在web ide中的见解和配置,这篇博客还会记录image的存储以...

2017-09-12 11:57:08

阅读数:351

评论数:0

SAP UI5初步结构分析研究(五)

这回研究了一下UI5中的fragment 各种过滤器以及odata提供的API,根据这回在git上clone下来的demo,并且我结合了上一篇博客加入了UI组件化以及路由配置实现了产品细节查看效果,总体来说还可以,稍微有些不足的地方我会找时间再继续研究一下 按照惯例,我还是把整个页面都放进了...

2017-09-05 10:50:26

阅读数:188

评论数:0

SAP UI5初步结构分析研究(四)

按照惯例,更新一波,今天的任务是研究数据的绑定bindingContext以及路由跳转,参数传递以及研究官方提供的控件,个人认为今天的进展不够,虽然跌跌撞撞达成了指标,但是也只是移植了别人的代码,离自己的预期还是有很大一段距离的,废话不多说,开始慢慢讲 先上个文件结构,这次因为更改了代码结构所以...

2017-08-30 16:12:40

阅读数:169

评论数:0

SAP UI5初步结构分析研究(三)

使用webide 搭建路由routing并且使用官网控件经过了一番折腾之后,大致对SAP UI5的架构有了一个系统的了解,PO主这里就不再循序渐进地探究其实现的原理,也不经过什么别的实现方法,直接从最优路线开始着手路由的配置问题这里我没有使用eclipse而是webide,一个原因就是后者自动生成...

2017-08-29 17:04:00

阅读数:249

评论数:0

SAP UI5初步结构分析研究(二)

经过了一段时间的研究,大致对这款框架的文件结构做了一个大致的了解,在这里记录以及分享一下,上一篇博客主要是分析整个生产环境的安装以及SAP推出Fiori的意义,还有就是框架笼统结构,有些地方说的不全面也不是特别正确,这篇博客进行补充,全文大白话,见谅~目录大致结构从eclipse和官方的sap w...

2017-08-28 11:51:13

阅读数:265

评论数:0

webpack构建VUE项目使用jquery及其插件 expose-loader

闲来无事先写一篇博客,整合一下最近网上更新的资源,在用webpack构建VUE项目时会遇到仍旧想用jquery以及依赖jQuery的插件,但是引入jq会很麻烦,这里介绍一种比较简单使用的方法,使用expose-loader先简单介绍一下引入jq的两种别的做法,第一种是用Npm下载jquery依赖,...

2017-08-17 09:09:51

阅读数:2388

评论数:1

SAP UI5初步结构分析研究(一)

SAP UI5初步结构分析研究由于公司需要,在一周前开始接触SAP UI5(OPEN UI5)的学习,由于没有前辈指导,所以自己在网上搜寻资料并且初步总结了一些关于这款框架的一些结构和思路,在博客上进行进一步的整理,欢迎大家前来分析探讨和指教,个人想法,有些地方颇有不足还请指出~ 环境及编辑器的安...

2017-08-14 15:42:50

阅读数:414

评论数:0

npm项目运行找不到相关依赖

nodejs

2017-08-07 08:23:50

阅读数:2909

评论数:0

js+jQuery实现网页打字机效果(带光标)

在写网站的时候,有时候可能需要打字机动画去实现一些页面效果的显示,我在网上找了很久也没有很完整的,符合我要求的代码,索性就结合网上的大神们的代码段自己写了一个 HTML CSS .container{ float: left; di...

2017-05-22 18:45:08

阅读数:2125

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭