JavaScript代码测试必备的12款工具?

JavaScript014

JavaScript代码测试必备的12款工具?,第1张

1、Jasmine

Jasmine是一个行为驱动的测试开发框架,用于对JavaScript代码进行测试。它不依赖其它任何JavaScript框架,也不需要DOM。它的语法简洁、明确,写测试非常容易。

2、Mocha

Mocha是一个功能丰富的JavaScript测试框架,既运行于Node.js环境中,也可以运行于浏览器环境中。Mocha以串行方式运行测试,能做出灵活而准确的报告,也能将测试中未捕捉的异常映射到正确的测试用例。

3、Chai

Chai是个支持BDD/TDD的库,可用于node和浏览器,可配合任何JavaScript测试框架使用。

4、QUnit

QUnit是个功能强大又易于使用的JavaScript单元测试框架。jQuery、jQueryUI和jQueyMobile项目都使用这个框架,它能测试普通的JavaScript代码。

5、Sinon

Sinon.JS为JavaScript提供了独立的spies、stubs和mocks[译者注:Spy、Stub和Mock都是测试专用名词,Stub常被翻译为桩,spies是Spy的复数形式,是一种可以监视方法、调用和参数的技术]。它不依赖任何东西,可以配合任何单元测试框架工作。

6、Karma

Karma是针对连通浏览器的一个框架无关测试运行器。每一个测试结果对应每个浏览器,它的测试和显示都是通过命令行暴露给开发者的,这样他们就可以看到浏览器测试的通过或失败。

7、Selenium

Selenium有一个简单的目标:就是自动化浏览器。它主要用于自动化测试web应用程序,但是只是很简单地考虑到了基于网络的管理任务。

8、WebdriverIO

WebdriverIO允许用户仅添加几行代码就可以控制浏览器或移动应用程序,使测试代码更简单、简洁、易读。集成的TestRunner同样允许你以同步的方式调用异步命令,这样你不需要关心如何处理Promise以避免竞态条件。此外,它取消了所有的繁琐的设置工作,并且会为您管理的Selenium会话。

9、Nightwatch

Nightwatch.js是一个易于使用的Node.js,它是为基于浏览器的app和网站设计的终端到终端(E2E)的测试方法。它使用强大的W3CWebDriverAPI,用于在DOM元素上执行命令和断言。

10、PhantomCSS

PhantomCSS获得CasperJS捕获的屏幕截图,并使用Resemble.js将其与基准图进行对比,以测试RGB像素差异。java课程http://www.kmbdqn.cn/发现PhantomCSS然后生成图像差异对比,用于帮助您找到原因。

11、PhantomFlow

PhantomFlow使用决策树提供UI测试方案。针对PhantomJS,CasperJS和PhantomCSS的NodeJS包装器——PhantomFlow能够流畅地在代码中描述用户流程,同时生成用于可视化的结构化树数据。

jshint 是一个javaScript语法和风格的检查工具,但检查不出逻辑问题。

安装

一、在sublime text 中使用jshint插件步骤:

(注:在为Sublime Text编辑器安装Sublime-JSHint插件之前,要首先确保安装了node.js)

方法1:

1 Ctrl+Shift+P 呼出Sublime命令面板

2 键入install,并选择Package Control:Install Package

3 键入js gutter,并选择JSHint Gutter

方法2:

1 获取Sublime Text,可通过git命令。

2 打开 Sublime Text Package 文件夹。Preferences ->Browse Packages。

3 将步骤1中获取到的 Sublime-JSHint 文件夹移到 Packages 文件夹中。

4 重启 Sublime Text。

Sublime-JSHint使用

方法1:由菜单 Tools ->Command Palette(或快捷键 Ctrl+Shift+P)打开命令面板。键入 jshint 并选择 JSHint。

方法2:打开一 js 文件,并打开控制台(View ->Show Console),在控制台中键入 view.run_command("jshint")。

方法3:Ctrl+Shift+J(或者Mac使用Cmd+Shift+J)

方法4:右键选择JSHint

设置

配置选项

编辑器 VS Gulp_jshint

1 个人偏向于在编辑器中使用jshint,这样不用在每个项目都配置,同时也能约束项目之外的编辑。

2 在编辑器中使用jshint 比在Gulp_jshint 的更实时,更清晰。jshint有错误,会在每一行有提示。而后者会在命令窗口提示,不方便。

3 Gulp_jshint 还需要进一步探查。

项目中一些问题

无法识别的一些问题:

问题一:word语法错误怎么检查? 可能是你把这个功能隐藏了,试下我说的方法,我只提供大致的操作啊:点击工具--拼写和语法--把检查语法勾上,这里可以看到有哪些错误。另外郸是在打开word,在下面一行有一个书形状,书的右边还有一个叉,右击这个图标,出现三个选择,你自己试下那个是你要的。

希望能对你有帮助!

问题二:word官方版怎么检查语法错误 1、用Word2013打开一篇文档,单击文档左上角的“文件”按钮,并在弹出的“文件”菜单中选择“选项”。

2、此时会弹出一个“Word选项”对话框,单击“校对”选项,并在“在Word中更正拼写和语法时”一栏下勾选需要的选项,然后单击“确定”按钮。

问题三:Word2003有时候检查不出拼写与语法错误,怎么办? 在菜单栏右击――自定义快速仿问工具栏――校对――只隐藏文档的拼写错误或语法不要选择。

如不是这个原因,可以把更改拼音和语法里的所需选项选择。

(检查语法与拼写错误的选项全在菜单栏右击――定义快速仿问工具栏――校对中)

问题四:怎样在word中检查英文语法错误 (1)单击【工具】菜单【选项】菜单项弹【选择】框选择【拼写语】选项卡 (2)【拼写】选项组选【键入检查拼写】复选框【语】选项组选【键入检查语】 (3)清除【拼写】选项组【隐藏文档拼写错误】复选框【语】选项组【隐藏文档语错误】复选框 (4)单击【确定】按钮

问题五:word语法错误怎么检查 /...1

问题六:自己写英语作文怎么才能检查语法上的错误 Well, that all depends on how your English is and nothing else.

问题七:如何忽略word文档中的全部语法错误 解决方法:“工具”―>“选项”―>“拼写和语法” 在“拼写”选项组中取消“键入时检查拼写”,并选中“隐藏文档中的拼写错误”。

在“语法”选项组中取消“键入时检查语法”并选中“隐藏文档中的语法错误” 确定就可以了。

问题八:如何快速检查js语法学习Javascript DreamWeaver的最新版CS5.5就有你说的自动代码提示,就算没有提示的时候你按ctrl+H的组合键也可以弹出代码提示。而且还支持JavaScript,jQuery,Android,iphone等平台开发的代码提示。CS5以上的版本对JavaScript,jQuery等脚本语言和框架都具有良好的及时检测功能,只要软件里的语法出现错误,在代码框的上面就会出现一行红色背景的错误信息,还是很显眼的。也不用但是新版本无法使用的问题,在官网上下载韩文(含中文包)试用版,安装时叫填序列号不填,点试用版,然后在网上去找一个amtlib.dll文件(网上很多,但要表明是Adobe CS5全系列补丁),覆盖在根目录下即可永久试用,享受这个软件的全部功能。

问题九:wps中怎么检查英语语法错误 WPS――工具――拼写。