萌小主前端部落

the more you know the more you know you don't know

2016-03-10
- nodejs
  - testing
前端自动化测试（三）- angular和protracor

protractor用于前端UI自动化测试,特别为angular程序定制特点端对端(e2e)测试采用jasmine作为测试框架基于WebDriverJS,(selenium-webdriver) 针对angular应用增加定位器,更加方便实用实现自动等待,告别sleep wait,变异步为同步支持测试代码的调试支持多浏览器的并行UI测试使用方法准备工作 1 安装protra... 阅读全文…
2016-02-10
- Uncategorized
前端自动化测试之单元测试（二）—— react组件的测试工具jest

前面介绍了Polymer的测试框架web-components-tester, 今天来看看React团队出品的Jest.在此,特别感谢婆婆帮忙带宝宝才让我有时间继续书写文章. 前面介绍了Polymer的测试框架web-components-tester, 今天来看看React团队出品的Jest.在此,特别感谢婆婆帮忙带宝宝才让我有时间继续书写文章. Jest的功能内置jasmine 内置m... 阅读全文…
2016-01-24
- javascript
  - es6
ES6的核心语法与应用

一直以来都对ES6嗤之以鼻，本来灵活简单的Javascrit，非得为了提升B格，增加学习的成本，搞那么多鸡肋的语法。但是无奈俺们这些“老年jser”都被历史的车轮碾压了，现在如果不掌握ES6，估计很多代码都看不懂了。没有闲暇的午后时间来系统的学习ES6（其实还是有点抵触心理），但是为了跟上“年轻人”的步伐，随着用随着看随着学吧。力求以最简单的语言讲述。模块定义模块语法为： export ... 阅读全文…
2015-12-31
- Uncategorized
前端自动化测试之单元测试（一）—— polymer组件的测试工具

单元测试的工具们单元测试框架 * Qunit - jquery的单测工具 jasmine - 早期的测试框架 mocha - 常用框架支持BDD和TDD Cucumber - 语义化更好的测试工具断言 * chai 集成 * Karma jenkins travis-ci mock * sinon supertest 组件测试框架 * polym... 阅读全文…
2015-12-26
- nodejs
  - testing
前端自动化测试基础-sinon篇章

sinon用途在测试领域 Test double是很重要的一个概念。Test double主要用在自动化测试领域，会使用简单的对象或者流程模拟对应的行为减少测试的复杂性。用于 JavaScript 的测试监视(spy)、桩(stub)和仿制(mock)功能。不依赖其他类库，兼容任何单元测试框架。 sinon spy（最常用） test spy 是这样的一类函数，它可以记录自己被调用的情... 阅读全文…
2015-11-22
- nodejs
  - testing
    responsive design
响应式设计的自动化测试

响应式设计介绍响应式设计（RWD）从2010年开始就逐渐进入人们的视线，虽然由于网速和网络的制约，目前国内都是采用针对pc和移动分别开发站点的策略，例如淘宝网的首页在pc端网页，在移动端的网页为网页，使用的是基于REM的布局设计。但是没人能否认响应式设计的重要性和简便性。响应式设计其实简单来说就是利用media query针对不同的设备和分辨率采用不同的css样式，用以达到网站在各个设备上... 阅读全文…
2015-11-11
- javascript
  - testing
前端自动化测试基础-断言篇：chai和chai插件的用法

chai概念测试技术的断言框架。特点支持多种BDD/TDD断言语法 BDD：should BDD：expect TDD：assert 可用在browser端和node端。可以和很多测试框架结合例如mocha jasmine等进行单元和UI测试。安装1npm install chai 用法browser端12345<script src="//cdn.bootcss.co... 阅读全文…
2015-10-22
- nodejs
  - testing
Appium的源码编译安装

Appium是现在比较活跃的开源自动化测试平台，因为更新速度很快，建议编译安装，了解其更多有意思的功能。Appium支持ios android selendroid的自动化测试。在mac下配置ios环境还是相对简单的，但是android真机的配置就不是那么简单了，在此详细记录基于源码的编译安装。准备工作 node git clone https://github.com/appium/ap... 阅读全文…
2015-10-13
- nodjs
  - testing
前端自动化测试基础-mocha篇

安装1npm install -g mocha 命令行用法常用的命令行为： 1mocha -u bdd -R spec -t 5000 --recursive -u：测试方式 bdd|tdd|exports -R：选择报表的展现方式，报表展现方式，默认为spec，附加的例如mocha-lcov-reporter（需要自己安装） -t：超时时间设置，当测试中有异步的时候如果超过设定时间会退... 阅读全文…
2015-10-08
- nodejs
  - testing
前端UI自动化测试

测试手段UI测试目前主要有方式： record-and-replay: 主要是指利用录制工具去记录用户的行为，并且把这种“行为“存储到脚本中，以便将来用于检测程序或应用是否能够产出预期的效果。常用的record-and-replay工具有：微软的RPF以及google早期出品的abite。 e2e测试(end-to-end testing)：这种测试方式不光可以测试UI层，还可以将整个系统... 阅读全文…