使用Karma 来进行 JavaScript 测试

最近接触了一些新的前端开发知识，主要是利用AngularJS做single page application。我也借这个机会，花了几天时间了解了如何对javascript进行测试。 这里将介绍一些使用到的模块及如何进行安装并测试。

技术要求：

  • 熟悉JavaScript

  • 有NodeJS的一些基础

词汇：

  • NodeJS:

  • NPM: NodeJS package manager,即nodejs的包管理器
  • SPA: Single Page Application,即单页面

相关模块

先大概说罗列一下需要的模块，而这些模块需要通过npm来安装：

  • karam

  • karma-cli
  • jasmine-core
  • karma-jasmine
  • karma-coverage
  • karam-mocha-reporter
  • karam-chrome-launcher
  • webpack
  • karam-webpack

好了，直接进入正题

如果您对karma都没了解的话，这里稍微介绍一下：您可以把karma理解成一个web site

相关资源及链接：

时间： 2024-10-24 09:47:36

使用Karma 来进行 JavaScript 测试的相关文章

JavaScript 测试及校验工具

JavaScript 是一款强大的广泛运用于现代Web站点及应用的脚本语言.作为一个技艺精湛的 Web 开发者,掌握JavaScript可以增强用户的使用体验,提供交互及富客户端等功能. 尽管JavaScript 的语法非常简单,但对于写程序而言仍然是困难重重,就是因为它的运行环境:基于Web浏览器. 以下您可以看到收集的8个实用的 JavaScript 测试及效验工具,它们都可以在不同环境下进行单元测试及校验测试您的脚本. JSLintJSLint是基于Web的验证JavaScript错误代码

前端技术之：JavaScript测试工具

Mocha一个用于Node.js与浏览器端的简单.自由.有趣的JavaScript测试框架.https://mochajs.org/https://github.com/mochajs/mocha Jest一个令人愉悦的JavaScript测试框架.https://jestjs.io/https://github.com/facebook/jest Ava测试可能是个负担,AVA帮助你摆脱它.https://github.com/avajs/ava Jasmine一个用于浏览器与Node.js开

关于JavaScript测试工具:QUnit, Jasmine, MoCha

在进行前端开发过程中,在某些场景下,需要通过编写单元测试来提高代码质量.而JavaScript常用的单元测试框架有这几个:QUnit, Jasmine, MoCha.下面就基于这三个工具,简单做一比较: 1. QUnit QUnit是一个JavaScript单元测试框架. 它是个强大,容易使用和上手的JavaScript单元测试框架.它被用于进行 jQuery, jQuery UI and jQuery 移动工程的测试,以及其他通用的JavaScript代码测试. Features:- Simi

karma mocha angular angular-mock 测试

describe('工具方法测试', function () { var utilsModule; beforeEach(function () { module('Admin'); // module('app.menu'); // utilsModule = module('blocks.utils'); } ); it('数组转换方法测试', function () { var dataset = []; var arr = []; var level = 9999; // var uti

JavaScript测试代码

<!-- 在谷歌浏览器上的console运行 --> //变量 var netPrice = 8.99; alert(netPrice); //字符串方法 var string1 = "我是字符串的第一部分+"; var string2 = "我是字符串的第二部分"; var longString = string1.concat(string2); alert(longString); var string1 = "The quick bro

javascript测试三种字符串替换方式效率

//第一种  直接正则表达式替换一次 function replaceTrim1(source){ return source.replace(/^\s|\s$/g,""); } //第二种  正则表达式替换两次,先替换前在替换后 function replaceTrim2(source){ return source.replace(/^\s*/,"").replace(/\s*$/,""); } //第三种 正则表达式替换前部分,后部分则是循

AngularJS开发者常犯的10个错误

Mark Meyer是一个有超过一年angular.js实际开发经验的full stack软件工程师. Mark拥有多种语言的开发经验,从基于C的服务器应用,基于Rails的web应用到使用Swift开发的IOS应用. 简介 AngularJS是目前最流行的Javascript框架之一,AngularJS的目标之一是简化开发过程,这使之非常善于构建小型app原型,但它也能够用于开发功能全面的客户端应用.便于开发,特性广泛以及出众的性能使其被广泛使用,然而,大量常见陷阱也随之而来.以下这份列表摘取

Karma测试环境搭建

Karma是一个JavaScript的测试运行器.Karma更是一个测试环境,使用Karma可以很方便的的运行测试,今天我们简单地介绍一karma测试环境的搭建和基本的测试,我已经写好了一套测试用例,有谁需要可以私信我. 官网如下:http://karma-runner.github.io/0.12/index.html 我们总是实现完feature后再编写测试用例,但是根据TDD的原则,开发的流程一般是这样, 1.编写测试(执行失败的case) 2.运行测试(执行失败) 3.编写代码(让cas

Karma和Jasmine自动化单元测试——本质上还是在要开一个浏览器来做测试

1. Karma的介绍 Karma是Testacular的新名字,在2012年google开源了Testacular,2013年Testacular改名为Karma.Karma是一个让人感到非常神秘的名字,表示佛教中的缘分,因果报应,比Cassandra这种名字更让人猜不透! Karma是一个基于Node.js的JavaScript测试执行过程管理工具(Test Runner).该工具可用于测试所有主流Web浏览器,也可集成到CI(Continuous integration)工具,也可和其他代