前戏 面向模型编程: 测试驱动开发: 先保障交互逻辑,再调整细节.---by 雪狼. 为什么要自动化测试? 1,提高产出质量. 2,减少重构时的痛.反正我最近重构多了,痛苦经历多了. 3,便于新人接手. angular自动化测试主要分:端到端测试和单元测试,很明显两者都要熟练掌握. 端到端测试是从用户的角度出发,认为整个系统是个黑盒,只会有UI暴露给用户,主要是模仿人工操作测试. 单元测试认为整个系统是白盒,可以用来测试服务,控制器,过滤器还有基础函数等. 端到端测试使用protractor,今…

前戏 面向模型编程: 测试驱动开发: 先保障交互逻辑,再调整细节.---by 雪狼. 为什么要自动化测试? 1,提高产出质量. 2,减少重构时的痛.反正我最近重构多了,痛苦经历多了. 3,便于新人接手. angular自动化测试主要分:端到端测试和单元测试,很明显两者都要熟练掌握. 端到端测试是从用户的角度出发,认为整个系统是个黑盒,只会有UI暴露给用户,主要是模仿人工操作测试. 单元测试认为整个系统是白盒,可以用来测试服务,控制器,过滤器还有基础函数等. 端到端测试使用protractor,今…

要想快速完成一个项目, 自动化是很关键很有用的一块. 自动化测试比人工测试快很多. 特别是在回归测试中. 实践证明, 虽然投入了时间在写自动化测试代码上, 但是在回归测试中节省了大量的时间,同时及时发现bug挽救回来时间收益大大超过了早期写自动化测试代码的投入. 特别是要测试浏览器兼容性的时候,只写一遍自动化测试代码,就能自动的快速的在所有浏览器跑完测试. 我们这系列文章是使用abp里的asp.net core + angular结构. angular里的UI自动化测试(简称e2e)使用的是pr…

做为一个程序员, 深深知道计算机自动化的速度是比人手动的速度快的, 所以”快速”完成项目的一个重要武器就是: 能自动化就不要手动.   BDD/TDD有很多优势, 其中之一就是自动化, 我们这节文章先讲自动化, 在后面的文章里面会讲到BDD/TDD的其他优势.   在ABP .NET Core + SPA版本和52ABP里面, 可以在以下层面做自动化测试: 前端Angular项目的e2e自动化测试 前端Angular项目的unit test 后端.NET Core项目的unit test 后端.…

npm uninstall -g protractor  && cnpm install -g protractor && protractor --version 复制 驱动等到指定位置  &&  webdriver-manager update && webdriver-manager start protractor --version Version 5.2.0 卸载的时候区分大小写 npm uninstall -g protract…

组件Component 组件是构成angular应用的核心,angular的有序运行依赖于组件的协同工作,组件之于angular应用就像是汽车和汽车零部件的意思. 概述 近几年的前端发展迅速,各种工程化的工具层出不穷:Browserify,Grunt,Gulp,Webpack等,有一些工具没等你学会,已经过时了.为了解决这个问题,W3C提出了Web Component标准.通过标准化的非侵入方式封装组件,每个组件都包含自己的HTML.CSS.JavaScript代码,并且不会对页面上的其他组件产…

昨天发表了<如何用ABP框架快速完成项目 - 自动化测试 - 前端angular e2e protractor>后,大家十分热情,几个小时内就收到了不少问题,包括: 对于ui自动化测试这方面,是不是ui变化了,无论使用何种测试框架,都避免不了重新编写测试用例的代码? 12月的活动是不是只讲angular,不讲MVC了? abp怎么一个人搞定一个项目的? 坐等群主来开DDD培训 按照老师您的文章来做,跑测试时在最后一步捕捉“注销”按钮处失败了. 特别是最后一个问题,证明了这个同学有按照我的文章去…

介绍 ESLint最初是由Nicholas C. Zakas于2013年6月创建的开源项目.它的目标是提供一个插件化的javascript代码检测工具.因此,ESLint就是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确.风格统一的代码. 安装和使用 先决条件:Node.js(> = 4.x),npm版本2+.有两种方式安装ESLint:全局安装和本地安装. 本地安装和使用 当前项目安装 ESLint,运行 npm install eslint 或者,全局安装 npm install…

工欲善其事,必先利其器 本文版权归翟士丹(Stan Zhai)和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利. 原文地址:http://www.cnblogs.com/jasondan/p/it-memo.html 技术站点 Hacker News:非常棒的针对编程的链接聚合网站 Programming reddit:同上 MSDN:微软相关的官方技术集中地,主要是文档类 infoq:企业级应用,关注软件开发领域 OSChin…

1. 配置bower 1.安装bower npm install -g bower 2.创建.bowerrc文件 { "directory": "src/bower" } 3.添加依赖 bower install angular 4.创建配置文件 bower init 结果如下: { "name": "UnitTest", "description": "Unit test descritpion…