Soumettre la recherche
Mettre en ligne
前端单元测试
•
2 j'aime
•
939 vues
L
LC2009
Suivre
Ingénierie
Signaler
Partager
Signaler
Partager
1 sur 41
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
單元測試介紹
單元測試介紹
Adison wu
認試軟體測試的世界 & TDD/BDD 入門
認試軟體測試的世界 & TDD/BDD 入門
wantingj
PHP 单元测试
PHP 单元测试
Lan Yanguang
Mobile app的測試v2
Mobile app的測試v2
Mr PM
测试快照
测试快照
jacquesqj
移动开发的性能优化
移动开发的性能优化
foxgem
Clean code 單元測試
Clean code 單元測試
HopenglishRD
CáTedra Smh Red.Es V.2.
CáTedra Smh Red.Es V.2.
muriel sebas
Recommandé
單元測試介紹
單元測試介紹
Adison wu
認試軟體測試的世界 & TDD/BDD 入門
認試軟體測試的世界 & TDD/BDD 入門
wantingj
PHP 单元测试
PHP 单元测试
Lan Yanguang
Mobile app的測試v2
Mobile app的測試v2
Mr PM
测试快照
测试快照
jacquesqj
移动开发的性能优化
移动开发的性能优化
foxgem
Clean code 單元測試
Clean code 單元測試
HopenglishRD
CáTedra Smh Red.Es V.2.
CáTedra Smh Red.Es V.2.
muriel sebas
Multiclick cadastro completo
Multiclick cadastro completo
Rogerio Gomes
134318809 seguranca
134318809 seguranca
Marco Guimarães
Construção civil
Construção civil
Aparecido Batista da Silva
Refrigeraocomercialsemsplit system-140423112648-phpapp02
Refrigeraocomercialsemsplit system-140423112648-phpapp02
paulo cesar pacheco
Como construir a casa no ceu
Como construir a casa no ceu
jrmontanhari
Tokenring
Tokenring
Diogenes Freitas
Curriculum sirlei
Curriculum sirlei
Sirlei13
Cheias de charme slides - ok
Cheias de charme slides - ok
Silmara Rocha da Silva
Apresentação herbalife
Apresentação herbalife
amaurigfernandes
Sombras
Sombras
educacaoxxi
Practica grafica excel
Practica grafica excel
Mayita10
Sessão Encerramento celina_lajoso
Sessão Encerramento celina_lajoso
COIED
CURSO DE FORMAÇÃO CONTINUADA – REDES DE APRENDIZAGEM
CURSO DE FORMAÇÃO CONTINUADA – REDES DE APRENDIZAGEM
Raquel Coelho
126015847 seguranca-de-redes-criptografia-2
126015847 seguranca-de-redes-criptografia-2
Marco Guimarães
COIED2_Albert Sangrá
COIED2_Albert Sangrá
COIED
Slide sara 7° ano a
Slide sara 7° ano a
saralarissaabade
15
15
craziefunky
017 filemom
017 filemom
Diógenes Gimenes
Microsoft-word-questoes-de-concursos-de-progressao-aritmetica-e-geometrica-ce...
Microsoft-word-questoes-de-concursos-de-progressao-aritmetica-e-geometrica-ce...
Marco Guimarães
Trabalho final 1º semestre
Trabalho final 1º semestre
Martinha Sousa
Angular Testing for Book Club Online of Angular Taiwan
Angular Testing for Book Club Online of Angular Taiwan
志龍 陳
TDD (Test-driven development, 測試驅動開發) 基本教學
TDD (Test-driven development, 測試驅動開發) 基本教學
潘 冠辰
Contenu connexe
En vedette
Multiclick cadastro completo
Multiclick cadastro completo
Rogerio Gomes
134318809 seguranca
134318809 seguranca
Marco Guimarães
Construção civil
Construção civil
Aparecido Batista da Silva
Refrigeraocomercialsemsplit system-140423112648-phpapp02
Refrigeraocomercialsemsplit system-140423112648-phpapp02
paulo cesar pacheco
Como construir a casa no ceu
Como construir a casa no ceu
jrmontanhari
Tokenring
Tokenring
Diogenes Freitas
Curriculum sirlei
Curriculum sirlei
Sirlei13
Cheias de charme slides - ok
Cheias de charme slides - ok
Silmara Rocha da Silva
Apresentação herbalife
Apresentação herbalife
amaurigfernandes
Sombras
Sombras
educacaoxxi
Practica grafica excel
Practica grafica excel
Mayita10
Sessão Encerramento celina_lajoso
Sessão Encerramento celina_lajoso
COIED
CURSO DE FORMAÇÃO CONTINUADA – REDES DE APRENDIZAGEM
CURSO DE FORMAÇÃO CONTINUADA – REDES DE APRENDIZAGEM
Raquel Coelho
126015847 seguranca-de-redes-criptografia-2
126015847 seguranca-de-redes-criptografia-2
Marco Guimarães
COIED2_Albert Sangrá
COIED2_Albert Sangrá
COIED
Slide sara 7° ano a
Slide sara 7° ano a
saralarissaabade
15
15
craziefunky
017 filemom
017 filemom
Diógenes Gimenes
Microsoft-word-questoes-de-concursos-de-progressao-aritmetica-e-geometrica-ce...
Microsoft-word-questoes-de-concursos-de-progressao-aritmetica-e-geometrica-ce...
Marco Guimarães
Trabalho final 1º semestre
Trabalho final 1º semestre
Martinha Sousa
En vedette
(20)
Multiclick cadastro completo
Multiclick cadastro completo
134318809 seguranca
134318809 seguranca
Construção civil
Construção civil
Refrigeraocomercialsemsplit system-140423112648-phpapp02
Refrigeraocomercialsemsplit system-140423112648-phpapp02
Como construir a casa no ceu
Como construir a casa no ceu
Tokenring
Tokenring
Curriculum sirlei
Curriculum sirlei
Cheias de charme slides - ok
Cheias de charme slides - ok
Apresentação herbalife
Apresentação herbalife
Sombras
Sombras
Practica grafica excel
Practica grafica excel
Sessão Encerramento celina_lajoso
Sessão Encerramento celina_lajoso
CURSO DE FORMAÇÃO CONTINUADA – REDES DE APRENDIZAGEM
CURSO DE FORMAÇÃO CONTINUADA – REDES DE APRENDIZAGEM
126015847 seguranca-de-redes-criptografia-2
126015847 seguranca-de-redes-criptografia-2
COIED2_Albert Sangrá
COIED2_Albert Sangrá
Slide sara 7° ano a
Slide sara 7° ano a
15
15
017 filemom
017 filemom
Microsoft-word-questoes-de-concursos-de-progressao-aritmetica-e-geometrica-ce...
Microsoft-word-questoes-de-concursos-de-progressao-aritmetica-e-geometrica-ce...
Trabalho final 1º semestre
Trabalho final 1º semestre
Similaire à 前端单元测试
Angular Testing for Book Club Online of Angular Taiwan
Angular Testing for Book Club Online of Angular Taiwan
志龍 陳
TDD (Test-driven development, 測試驅動開發) 基本教學
TDD (Test-driven development, 測試驅動開發) 基本教學
潘 冠辰
软件工程 第七章
软件工程 第七章
浒 刘
有效的单元测试.ppt
有效的单元测试.ppt
test499702
Xpp
Xpp
drewz lin
How+we+make+tests
How+we+make+tests
甘 李
2012/05/23 AU Talk - 讓事情發生
2012/05/23 AU Talk - 讓事情發生
appuniverz
Java DSL与动态代码生成技术的应用 (上集:DSL部分)
Java DSL与动态代码生成技术的应用 (上集:DSL部分)
悦 温
测试驱动的前端开发初探
测试驱动的前端开发初探
hua qiu
Test driven-frontend-develop
Test driven-frontend-develop
fangdeng
單元測試
單元測試
國昭 張
Legacy code 讀書會 1st (Ch1 - Ch5)
Legacy code 讀書會 1st (Ch1 - Ch5)
Fong Liou
Static Code Analysis 靜態程式碼分析
Static Code Analysis 靜態程式碼分析
Bill Lin
Yii phpunit
Yii phpunit
chenjinlong
使用 Pytest 進行單元測試 (PyCon TW 2021)
使用 Pytest 進行單元測試 (PyCon TW 2021)
Max Lai
Foundation of software development 1
Foundation of software development 1
netdbncku
钱宝坤:多浏览器集成的JavaScript单元测试工具
钱宝坤:多浏览器集成的JavaScript单元测试工具
taobao.com
Top100summit 宗刚-全生命周期性能评估体系的实践
Top100summit 宗刚-全生命周期性能评估体系的实践
drewz lin
Tdd with rspec.md
Tdd with rspec.md
Leo Chang
Tip for Editors
Tip for Editors
Chun-Yu Tseng
Similaire à 前端单元测试
(20)
Angular Testing for Book Club Online of Angular Taiwan
Angular Testing for Book Club Online of Angular Taiwan
TDD (Test-driven development, 測試驅動開發) 基本教學
TDD (Test-driven development, 測試驅動開發) 基本教學
软件工程 第七章
软件工程 第七章
有效的单元测试.ppt
有效的单元测试.ppt
Xpp
Xpp
How+we+make+tests
How+we+make+tests
2012/05/23 AU Talk - 讓事情發生
2012/05/23 AU Talk - 讓事情發生
Java DSL与动态代码生成技术的应用 (上集:DSL部分)
Java DSL与动态代码生成技术的应用 (上集:DSL部分)
测试驱动的前端开发初探
测试驱动的前端开发初探
Test driven-frontend-develop
Test driven-frontend-develop
單元測試
單元測試
Legacy code 讀書會 1st (Ch1 - Ch5)
Legacy code 讀書會 1st (Ch1 - Ch5)
Static Code Analysis 靜態程式碼分析
Static Code Analysis 靜態程式碼分析
Yii phpunit
Yii phpunit
使用 Pytest 進行單元測試 (PyCon TW 2021)
使用 Pytest 進行單元測試 (PyCon TW 2021)
Foundation of software development 1
Foundation of software development 1
钱宝坤:多浏览器集成的JavaScript单元测试工具
钱宝坤:多浏览器集成的JavaScript单元测试工具
Top100summit 宗刚-全生命周期性能评估体系的实践
Top100summit 宗刚-全生命周期性能评估体系的实践
Tdd with rspec.md
Tdd with rspec.md
Tip for Editors
Tip for Editors
Plus de LC2009
平台思维
平台思维
LC2009
Thrift 应用与实践
Thrift 应用与实践
LC2009
从学校到职场
从学校到职场
LC2009
HTML5 多媒体入门
HTML5 多媒体入门
LC2009
React vs Flux
React vs Flux
LC2009
编写可阅读的代码
编写可阅读的代码
LC2009
Git入门与实践
Git入门与实践
LC2009
Plus de LC2009
(7)
平台思维
平台思维
Thrift 应用与实践
Thrift 应用与实践
从学校到职场
从学校到职场
HTML5 多媒体入门
HTML5 多媒体入门
React vs Flux
React vs Flux
编写可阅读的代码
编写可阅读的代码
Git入门与实践
Git入门与实践
前端单元测试
1.
前端单元测试
2.
大纲 ・单元测试的概念 ・为什么要做单元测试 ・TDD BDD ・前端单元测试工具 ・前端单元测试实战 ・留在最后的问题
3.
概念 单元测试 断⾔言 用于表达程序设计人员对于系统应达到状态的一种预期, 是单元测试的核心部分 对软件中最小可测试单元进行检查和验证 它把对象设置成已知状态,然后运行他们检测出结果, 并将其与所预测的结果相对照
4.
5.
实例
6.
为什么要单元测试
7.
前端的现状 • javascript语言本身没有提供好的架构模式 • 动态语言的灵活性,导致代码形式多样 •
面向用户,需求灵活多变,需要快速上线 • 很少重构,看不到收益,代码质量没有保障 • 各种浏览器、各种终端让⼈人头疼 • 还有很多头疼的问题
8.
9.
单元测试能够带来什么
10.
能够给予及时反馈 对代码修改或者单元测试出问题后,能够 第一时间发现问题,而不是在线上发现
11.
代码质量 ・代码质量如何度量 ・如果没有测试如何来保证代码质量
12.
回归测试 ・以前解决了一个BUG,后来又出现了 ・发布新版本时,所有功能都要人工测试
13.
重构 ・在没有单元测试的情况下,怎么做重构 ・有可靠的度量来说明重构是否成功么 给你要改变的代码建立一组坚实的测试 -- Martin Fowler
14.
极大减少调试时间 单元测试要求代码解耦,针对每个行为单 元写用例,所以测试失败更容易找到问题 所在位置
15.
促进更好的设计 ・单元测试要求代码松耦合 ・单元测试要求代码接口简单、职责单一 ・单元测试要求函数行为明确
16.
⽤用例即⽂文档 通过⽤用例可以让代码使⽤用者更容易的理解 代码
17.
增强自信心
18.
19.
Test-Driven Development
20.
概念 • 敏捷中常⽤用的⽅方法 • 提倡⽤用测试来驱动应⽤用程序的创建 •
期望短时间内对软件进⾏行渐进式设计
21.
TDD流程
22.
・测试驱动实现,促使每一行代码都可测 ・测试作为实现的正确导向,让开发过程 更高效 ・让应用程序长期处于稳定 TDD的愿景 TDD的问题 对设计和测试的编写没有明确的约束
23.
Behavior-Driven Development
24.
・TDD是方法,BDD是规约 ・针对行为描述的测试,更具体,更直观 ・直白的描述更容易让相关人员介入测试 行为驱动开发,TDD的子集 当⽤用户注册时,应⽤用程序应当接受POST请求,检查 字段是否有效,然后将数据库中的⽤用户数递增1 作为⼀一个⽤用户,当我成功注册时,我应该看到“感 谢注册”
25.
26.
! • TDD能够保证总是先有测试再有代码且 不断迭代 • BDD能够正确的对系统的行为进行设计 •
两者是互补的
27.
前端测试工具
28.
眼花缭乱的测试框架
29.
Jasmine Mocha Qunit should
chai expect sinon blanket jscoverage Vows JsUnit YUITest JsSpec
30.
31.
组装测试套件 • ⼀一套⽀支持BDD⻛风格的测试框架 • ⼀一套灵活全⾯面,符合习惯的断⾔言库 •
⼀一套代码覆盖率的框架 • 能够⽅方便Stub, Spies, Mock数据的框架
32.
Mocha很不错
33.
• 同时⽀支持浏览器和Node • 设计灵活,可以选⽤用TDD和BDD的⻛风格 •
可以选⽤用不同⻛风格的断⾔言库 • 很好的⽀支持异步测试 • 详细的⽂文档 • 稳定的社区 • 当然还有明星的作者TJ...
34.
35.
36.
Sinon的能⼒力 • Spies • Stubs •
Mocks • Fack times • Fack XHR and server
37.
实战演示
38.
留在最后的问题
39.
・我们真的需要测试代码么? ・我该测试什么? ・单元测试是在编写双倍代码,减慢了团队的 开发速度么? ・单元测试是否很容易损坏?每次修改代码都 要重写单元测试呢? ・单元测试要追求100%的覆盖率么? ・怎么才能写出可测试的代码?
Télécharger maintenant