Skip to content

Instantly share code, notes, and snippets.

@casperin
Last active December 4, 2019 08:09
Show Gist options
  • Save casperin/b3d4aeb825dfb8353825 to your computer and use it in GitHub Desktop.
Save casperin/b3d4aeb825dfb8353825 to your computer and use it in GitHub Desktop.
Karma, PhantomJs, Jasmine setup using npm
/**
* I couldn't find a super simple example of how to run Karma, PhantomJs, with
* Jasmine tests via npm, so eventually I decided to create my own. Maybe
* someone will find it useful.
*
*
* Installation (using npm):
*
* npm install -g karma-cli
* npm install -g karma --save-dev
* npm install -g phantomjs
* npm install -g karma-jasmine --save-dev
* npm install -g karma-phantomjs-launcher --save-dev
*
*
* file structure:
*
* index.js // This file
* test/
* karma.conf.js // This is auto generated
* test.js
*
*
* Once everything is installed, you run:
*
* karma init test/karma.conf.js
*
* And to run the actual tests:
*
* karma start test/karma.conf.js
*
*
* Below is just an object with some functions that are easy to test.
*
*/
var dummy = {
aboveFive: function (n) {
return n > 5;
},
setClass: function (el, classname) {
el.className = classname;
}
};
/**
*
* This file is auto generated when you run
* karma init test/karma.conf.js
*
* I only included it here for you to see.
*
*/
// Karma configuration
module.exports = function(config) {
config.set({
// base path that will be used to resolve all patterns (eg. files, exclude)
basePath: '..',
// frameworks to use
// available frameworks: https://npmjs.org/browse/keyword/karma-adapter
frameworks: ['jasmine'],
// list of files / patterns to load in the browser
files: [
'index.js',
'test/test.js'
],
// list of files to exclude
exclude: [
],
// preprocess matching files before serving them to the browser
// available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
preprocessors: {
},
// test results reporter to use
// possible values: 'dots', 'progress'
// available reporters: https://npmjs.org/browse/keyword/karma-reporter
reporters: ['progress'],
// web server port
port: 9876,
// enable / disable colors in the output (reporters and logs)
colors: true,
// level of logging
// possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
logLevel: config.LOG_INFO,
// enable / disable watching file and executing tests whenever any file changes
autoWatch: true,
// start these browsers
// available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
browsers: ['PhantomJS'],
// Continuous Integration mode
// if true, Karma captures browsers, runs the tests and exits
singleRun: false
});
};
/* globals describe, it, expect, dummy */
describe('Checking that everything is hooked up nicely', function () {
it('Simple function', function () {
expect(dummy.aboveFive(2)).toEqual(false);
});
it('involving the dom', function () {
var el = document.createElement('span');
dummy.setClass(el, 'foo');
expect(el.className).toBe('foo');
});
});
@basherr
Copy link

basherr commented Jan 3, 2018

How to use webpage within tests? I currently get errors

var webPage = require("webpage");
var page = webPage.create();
PhantomJS 2.1.1 (Windows 8 0.0.0) ERROR
  {
    "message": "Error: Cannot find module \"webpage\

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment