How can I test a normal plain javascript file?
Question
If I have a plain javascript file
// hello.js
function hello(string) {
return 'hello ' + string;
}
How can I use unit test over the functions in this file?
EDIT
Currently I have two ideas (both using nodejs):
eval + mochajs/nodejs
Test with mochajs test framework, for this I need use eval
// test file
var assert = require('assert');
var fs = require('fs');
eval.apply(this, [fs.readFileSync('./hello.js').toString()]);
describe('hello function', function() {
it('test output', function () {
assert.equal('hello world', hello('world'));
});
});
automatically pre-convert the javascript file in a nodejs module
Before to run the test create automatically a copy of hello.js with the structure of a nodejs module and run the test over the copy
// _hello.js to testing
exports.hello = function(string) {
return 'hello ' + string;
}
// test file
var assert = require('assert');
var hello = require('./_hello.js');
describe('hello function', function() {
it('test output', function () {
assert.equal('hello world', hello.hello('world'));
});
});
In the second option, I need to make a script to convert the javascript file into a nodejs module, but I get some things like, in a nodejs module I can get the coverage measure.
4 answers
solution1
8 ACCPTED 2017-04-03 15:18:26
Finally I solved with karma + phantomjs + jasmine
with karma I can load the javacript file and tests files adding lines to the karma configuration file this way
// karma.conf.js
files: [
'hello.js',
'hello_test.js'
],
and write the tests this way
// test_hello.js
describe('test lib', function () {
it('test hello', function () {
expect(hello('world')).toBe('hello world');
});
});
A example available in github
solution2
4 2017-03-17 11:56:08
For this you could use QUnit .
You would setup a test harness like this:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Test Suite</title>
<link rel="stylesheet" href="https://code.jquery.com/qunit/qunit-2.10.1.css">
</head>
<body>
<div id="qunit"></div>
<div id="qunit-fixture"></div>
<script src="https://code.jquery.com/qunit/qunit-2.10.1.js"></script>
<script src="hello.js"></script>
<script>
// This can of course be in a separate file
QUnit.test( "hello test", function( assert ) {
assert.ok( hello('world') === "hello world", "Passed!" );
});
</script>
</body>
</html>
solution3
0 2017-07-25 06:39:53
Use PreemJS , it's good for API\\Unit javascript testing
"use strict";
let Preem = require('preem');
let preem = new Preem();
preem.testModule("Test hello function", function(beforeEach, checkIf) {
function hello(string) {
return 'hello ' + string;
}
let str = hello('world');
checkIf(str).isEqualTo('hello world', "strings are equal", "strings aren't equal");
}
preem.start();
solution4
-3 2017-03-23 13:54:25
1) go to https://jsfiddle.net/ , 2) type in your code in Javascript block. 3) Open Chrome Console window by press F12 on Windows. 4) Click Run on left-top. hope this helps.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.