- 博客(21)
- 收藏
- 关注
RSS订阅原创 端到端测试（三）—— React中引入Cypress
这篇文章比较随意，主要是记录关于在React项目中引入Cypress所遇到的一些坑以及不同于在Vue项目中所使用的技术栈的情况下提供的解决方法。安装我们直接去Cypress的官网，根据教程我们先进入我们项目的根目录，执行npm install cypress --save-dev，在安装完成之后是没有任何的动静的，除了我们的package.json中会多一个版本号的记录，在这里我们根据指引...
2018-10-16 17:04:33
1939
原创 单元测试（三）—— Jest Mock组件方法及axios promise请求
文章目录前言Coverage 测试覆盖率报告模拟Promise请求Mock方法总结前言这篇博客我们主要讲三个方面的东西，在组件中的方法的mock，以及对组件中promise这类异步请求的mock，在中间我们会穿插一下对测试覆盖率报告的讲解。先说一下我们为什么需要测试覆盖率报告和对方法以及请求的模拟操作。首先coverage的存在让我们对我们项目的测试程度有一个客观的认知，它把我们测试用例的覆盖...
2018-10-08 18:10:05
20465
6
原创 端到端测试（二）—— 基础语法入门实战
文章目录前言语法实战spec基本结构生命周期模拟请求文件上传前言在我们写端到端测试之前，我们应该明确我们是基于一个用户的角度去测试我们的页面，所以这无关我们的所有源码，我们应该只专注于浏览器所呈现给我们的资源，包括页面上的element、控制台中network中的所有的请求以及导航栏上的url信息，这是我们可以去测试和观察到的所有的点。语法实战spec基本结构// https://doc...
2018-10-08 16:06:50
2349
原创 单元测试（二）—— Jest结合Vue-test-utils入门实战
文章目录前言介绍语法实战Shallow RenderingDOM结构测试Props总结前言公共组件在我们编写测试用例之前，首先需要确认我们的目标组件到底是什么？我的理解为，在我们的项目中通常会分为两种类型的组件，一种为业务组件，另一种为抽象出来的公共组件。通常，我们在编写测试用例时从公共组件优先考虑，这部分组件变动不大且涉及范围更广泛，优先保证这部分组件的正常运行对于项目而言是基石般的重要...
2018-10-08 14:47:53
6804
1
原创 端到端测试（一）—— 框架介绍及配置
文章目录前言框架介绍框架结构及配置目录结构基础配置运行测试启动器测试用例CI集成设置运行页面总结前言在介绍框架之前，先分析一下为什么我们需要端到端测试？在其他的博客中我们已经介绍过单元测试了，凭借着快照库和DOM抓取，对API的mock等操作，单元测试也可以达到对DOM状态的判断以及样式的断言，所以我们为什么还需要端到端测试呢？这就是黑盒与白盒的区别，白盒更注重数据的流动，黑盒更注重结果的展...
2018-10-07 01:45:42
10466
原创 单元测试（一）—— 技术选型及配置
文章目录技术选型项目配置目录结构配置介绍单元测试架构基础语法结构总结技术选型测试框架及断言库 Jest在第一篇整体介绍中，项目初期是使用mocha + chai组合去做单元测试的框架的，由于项目整体所使用的Typescript来编写，发现在这套选型中对于coverage（测试覆盖率）的输出会有一定的影响，无法检测ts后缀的文件，并且在tsconfig中配置了map设置后，在生成测试覆盖率的...
2018-10-06 20:10:01
1369
原创 前端测试 —— 技术选型及入门
目录为什么要撰写前端的测试？前端测试的类型技术选型为什么要撰写前端的测试？在前端发展日益壮大后，我们在项目中往往引入了工程化、模块化的概念，这和数年前前端极度依赖后端渲染以及切图工作产生了极大的进步，当然这些进步也使得我们的项目变得更加复杂庞大，并且在项目中使用了SPA的应用概念，每个工程的复杂化、代码的高复用性要求和前端代码模块之间的高内聚低耦合的需求，前端工程中的单元测试流程就显得很有其必...
2018-10-06 17:13:47
1547
原创 Element UI 中可展开表格手风琴效果实现（toggleRowExpansion方法的正确使用方式）
问题讲解：在使用vue版本的ElementUI中的table功能的时候还是遇到了一些问题，可以说饿了么团队在这个UI框架的文档撰写已经非常不错了，不过还是有一些方法乍一看让人摸不着头脑，有些table的常用功能示例代码提供的不是非常详细，所以这次针对这个可展开表格实现手风琴效果写一篇博客探讨一下。 先展示一下ElementUI官方提供的示例代码效果图可以看到官方代码中在这边没有让这个可展开tabl
2017-12-29 09:36:59
45438
16
原创 SAP UI5初步结构分析研究（九）（HAT安装以及云ide部署Android App）
这篇博客的标题可能说的不是很清楚，我在开头细说一下是什么意思，如果我的博客有幸被一样在学习UI5的小伙伴一路跟下来，应该会知道我现在的进度在哪里了。 根据上一篇的进度，我在本章要完成对本地HAT（Hybrid Application Toolkit）软件的安装，以此来达成通过云端版本的web ide来在Android设备上测试我的程序，上篇博客说明过，在云端版本中会有一些改变，最根本的改变就是可以
2017-09-26 14:40:53
473
原创 SAP UI5初步结构分析研究（八）（BarcodeScanner）
我的天哪，时隔了多久啊这是，我总算是把扫码器集成到web ide中了，可以说SAP是相当第二个苹果了这是，生态封闭到令人发指的地步了，不过鉴于里面集成环境非常的到位，也没啥好吐槽= =下面来总结一下实现方法的代码层，可以使用cordova的写法，也可以使用UI5官方提供的sap.ndc.barcodescanner API，这两种我都试过，感觉吧，没啥差别。可能大部分人都会直接拷贝原生的代码之后，直
2017-09-25 11:16:19
905
原创 SAP UI5初步结构分析研究（七）（番外篇）
哎呀呀，距离上一篇博客已经过去了一周了呢，想想上一周好像。。。啥也没干，憋不出啥的东西，索性就浑浑噩噩地过去了吧，这篇为啥叫番外篇呢，就是和UI5也是有联系的，但是由于某些原因我并没有把两种技术都结合在一起，所以暂时算一个番外吧，我过两天再研究技术整合的问题。这篇文章呢我主要讲一下SAP UI5移动端的问题，这里使用的主要技术除了我们熟悉的UI5，还要涉及到一个全新的开发环境cordova，以及专属
2017-09-19 10:58:45
596
1
原创 SAP UI5初步结构分析研究（六）
这两天研究了一下WEB IDE连接后台数据以及使用本地mockserver进行CRUD操作，连接后台需要对Netweaver进行一些配置，这边就不详细阐述了，直接贴出大神博客的链接，ABAP系列我也不太懂，所以这里不说，我主要说一下在web ide中的见解和配置，这篇博客还会记录image的存储以及使用假数据的CRUD表格操作，附有详细的代码注释，大致上已经看懂了大神们的思路是啥了web ide配置
2017-09-12 11:57:08
752
原创 SAP UI5初步结构分析研究（五）
这回研究了一下UI5中的fragment 各种过滤器以及odata提供的API，根据这回在git上clone下来的demo,并且我结合了上一篇博客加入了UI组件化以及路由配置实现了产品细节查看效果，总体来说还可以，稍微有些不足的地方我会找时间再继续研究一下 按照惯例，我还是把整个页面都放进了Shell组件中，界面我反正感觉还是美观了不少的，虽然没有了全屏显示数据的感觉，因为我使用了官方提供的A
2017-09-05 10:50:26
728
原创 SAP UI5初步结构分析研究（四）
按照惯例，更新一波，今天的任务是研究数据的绑定bindingContext以及路由跳转，参数传递以及研究官方提供的控件，个人认为今天的进展不够，虽然跌跌撞撞达成了指标，但是也只是移植了别人的代码，离自己的预期还是有很大一段距离的，废话不多说，开始慢慢讲 先上个文件结构，这次因为更改了代码结构所以我并没有使用i18n文件进行绑定数据，上回提到的侧边导航栏感觉不太好用，也是今天拖累我进度的一个非常重要
2017-08-30 16:12:40
719
1
原创 SAP UI5初步结构分析研究（三）
使用webide 搭建路由routing并且使用官网控件经过了一番折腾之后，大致对SAP UI5的架构有了一个系统的了解，PO主这里就不再循序渐进地探究其实现的原理，也不经过什么别的实现方法，直接从最优路线开始着手路由的配置问题这里我没有使用eclipse而是webide，一个原因就是后者自动生成的项目架构更加地完全，并且现在已经基本可以理解文件的具体功能到底是什么，下面先简单地讲一下由WEBIDE
2017-08-29 17:04:00
866
原创 SAP UI5初步结构分析研究（二）
经过了一段时间的研究，大致对这款框架的文件结构做了一个大致的了解，在这里记录以及分享一下，上一篇博客主要是分析整个生产环境的安装以及SAP推出Fiori的意义，还有就是框架笼统结构，有些地方说的不全面也不是特别正确，这篇博客进行补充，全文大白话，见谅~目录大致结构从eclipse和官方的sap web ide创建的项目大有不同啊，准确的来说官方ide创建的模板更全面也更复杂，eclipse就小白很多
2017-08-28 11:51:13
673
原创 webpack构建VUE项目使用jquery及其插件 expose-loader
闲来无事先写一篇博客，整合一下最近网上更新的资源，在用webpack构建VUE项目时会遇到仍旧想用jquery以及依赖jQuery的插件，但是引入jq会很麻烦，这里介绍一种比较简单使用的方法，使用expose-loader先简单介绍一下引入jq的两种别的做法，第一种是用Npm下载jquery依赖，然后在webpack.config.js也就是配置文件中声明$为全局变量，然后import或者requi
2017-08-17 09:09:51
4395
1
原创 SAP UI5初步结构分析研究（一）
SAP UI5初步结构分析研究由于公司需要，在一周前开始接触SAP UI5（OPEN UI5）的学习，由于没有前辈指导，所以自己在网上搜寻资料并且初步总结了一些关于这款框架的一些结构和思路，在博客上进行进一步的整理，欢迎大家前来分析探讨和指教，个人想法，有些地方颇有不足还请指出~环境及编辑器的安装整体结构分析以及与主流框架对比个人总结其他参考信息链接环境及编辑器的安装关于SAP UI5网上
2017-08-14 15:42:50
1104
原创 js+jQuery实现网页打字机效果（带光标）
在写网站的时候，有时候可能需要打字机动画去实现一些页面效果的显示，我在网上找了很久也没有很完整的，符合我要求的代码，索性就结合网上的大神们的代码段自己写了一个HTMLCSS .container{ float: left; display: inline-block; position: rela
2017-05-22 18:45:08
5067
1
原创 webpack import css文件的环境配置遇到的Module build failed: Unknown word 及其他
博主在初学webpack的时候可是吃了不少的苦头，其中就包括导入css文件所带来的各种BUG，其中一些就特别的棘手，顺手就写篇博客分享给大家，希望跟博主遇到同样问题的伙伴们能借此早日解决自己的BUG。（由于博主是第一次写博客，所以有专业术语用的不对的地方希望大家指正哈~） 在使用webpack搭建vue-loader工程时，常遇到的问题可能有babel在es6到es5的转译问题，这个通
2017-05-19 21:04:18
28560
15
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人