All Projects → gabel → Karma Webpack Example

gabel / Karma Webpack Example

Licence: mit
Karma + Webpack + Mocha + Chai + Istanbul

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Karma Webpack Example

react-testing-mocha-chai-enzyme
A solid test setup for React components with Mocha, Chai, Sinon, Enzyme in a Webpack/Babel application.
Stars: ✭ 48 (-45.45%)
Mutual labels:  coverage, mocha, chai
Tvrboreact
Dream starter project: React, Redux, React Router, Webpack
Stars: ✭ 13 (-85.23%)
Mutual labels:  webpack, mocha, chai
React Progressive Web App
An opinionated React based repository which is optimized for Progressive Web App development.
Stars: ✭ 548 (+522.73%)
Mutual labels:  webpack, mocha, chai
React Base
atSistemas React/Redux Isomorphic Platform
Stars: ✭ 82 (-6.82%)
Mutual labels:  coverage, mocha, chai
Node Express Mongodb Jwt Rest Api Skeleton
This is a basic API REST skeleton written on JavaScript using async/await. Great for building a starter web API for your front-end (Android, iOS, Vue, react, angular, or anything that can consume an API). Demo of frontend in VueJS here: https://github.com/davellanedam/vue-skeleton-mvp
Stars: ✭ 603 (+585.23%)
Mutual labels:  mocha, chai
Vue Skeleton Mvp
VueJs, Vuetify, Vue Router and Vuex skeleton MVP written on JavaScript using async/await built to work with API REST skeleton: https://github.com/davellanedam/node-express-mongodb-jwt-rest-api-skeleton
Stars: ✭ 406 (+361.36%)
Mutual labels:  mocha, chai
Cookiecutter Webpack
Boilerplate for webpack 2, babel, react + redux + hmr, and karma. Can be inserted into existing django projects.
Stars: ✭ 87 (-1.14%)
Mutual labels:  webpack, mocha
Jobsort
job board that queries hacker news who is hiring job listings from a database and sorts by tech the user knows and how well the user knows them
Stars: ✭ 20 (-77.27%)
Mutual labels:  mocha, chai
Grunt Mocha
[MOVED] Grunt task for running mocha specs in a headless browser (PhantomJS)
Stars: ✭ 371 (+321.59%)
Mutual labels:  mocha, phantomjs
Jest Codemods
Codemods for migrating to Jest https://github.com/facebook/jest 👾
Stars: ✭ 731 (+730.68%)
Mutual labels:  mocha, chai
Chakram
REST API test framework. BDD and exploits promises
Stars: ✭ 912 (+936.36%)
Mutual labels:  mocha, chai
Enzyme
JavaScript Testing utilities for React
Stars: ✭ 19,781 (+22378.41%)
Mutual labels:  mocha, chai
Interactive Image
A jQuery plugin to embed interactive images on your website.
Stars: ✭ 53 (-39.77%)
Mutual labels:  webpack, mocha
Public
Repository for wallaby.js questions and issues
Stars: ✭ 662 (+652.27%)
Mutual labels:  webpack, mocha
React Hot Redux Firebase Starter
🌋 React + Redux + Firebase + Webpack + React Hot Loader 3 + React Router in one boilerplate
Stars: ✭ 375 (+326.14%)
Mutual labels:  webpack, mocha
Node Coveralls
lcov posting to coveralls.io
Stars: ✭ 1,024 (+1063.64%)
Mutual labels:  coverage, mocha
Bombanauts
Bombanauts, inspired by the original Bomberman game, is a 3D multiplayer online battle arena (MOBA) game where players can throw bombs at each other, make boxes explode, and even other players!
Stars: ✭ 54 (-38.64%)
Mutual labels:  mocha, chai
Cadence Web
Web UI for visualizing workflows on Cadence
Stars: ✭ 261 (+196.59%)
Mutual labels:  webpack, mocha
Mochify.js
☕️ TDD with Browserify, Mocha, Headless Chrome and WebDriver
Stars: ✭ 338 (+284.09%)
Mutual labels:  coverage, mocha
Angular2 Webpack Boilerplate
A boilerplate for Angular 2 and Webpack
Stars: ✭ 30 (-65.91%)
Mutual labels:  webpack, coverage

Build Status

karma-webpack-example

Karma + Webpack + Mocha + Chai + Istanbul

Hint: This example still shows a valid approach but getting outdated. Please have a look at https://jestjs.io/ a testing framework including istanbul coverage reporter.

Installation

npm install

Run

npm test

Use npm test -- --no-single-run to keep karma running. It will watch any changes on the test files and rerun instantly.

Output

$ npm test

> [email protected] test /Users/d060690/karma-webpack-example
> node ./node_modules/karma/bin/karma start --single-run --browsers PhantomJS

# ...

03 02 2017 08:31:17.038:INFO [karma]: Karma v1.4.1 server started at http://0.0.0.0:9876/
03 02 2017 08:31:17.044:INFO [launcher]: Launching browser PhantomJS with unlimited concurrency
03 02 2017 08:31:17.067:INFO [launcher]: Starting browser PhantomJS
03 02 2017 08:31:18.045:INFO [PhantomJS 2.1.1 (Mac OS X 0.0.0)]: Connected on socket yME3wmuxdm0t5GHIAAAA with id 92073047

  hexColorLuminance
    ✓ should return a luminanced color
    ✓ should change the background of an element

PhantomJS 2.1.1 (Mac OS X 0.0.0): Executed 2 of 2 SUCCESS (0.02 secs / 0.002 secs)
TOTAL: 2 SUCCESS


-----------------------|----------|----------|----------|----------|----------------|
File                   |  % Stmts | % Branch |  % Funcs |  % Lines |Uncovered Lines |
-----------------------|----------|----------|----------|----------|----------------|
 Example/              |    83.33 |       50 |      100 |    83.33 |                |
  hexColorLuminance.js |    83.33 |       50 |      100 |    83.33 |       10,14,17 |
-----------------------|----------|----------|----------|----------|----------------|
All files              |    83.33 |       50 |      100 |    83.33 |                |
-----------------------|----------|----------|----------|----------|----------------|


=============================== Coverage summary ===============================
Statements   : 83.33% ( 15/18 )
Branches     : 50% ( 5/10 )
Functions    : 100% ( 3/3 )
Lines        : 83.33% ( 15/18 )
================================================================================

Gulp

added usage in a gulp scenario

try it via "npm run test-gulp" or simply "gulp" in the projects directory if you have gulp installed globally

Istanbul Coverage

Istanbul-HTML-Coverage

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].