dagolap/testcafe-workshop
1
0
Fork 0
forked from boranton/testcafe-workshop
Code Issues Pull Requests Releases Wiki Activity

further setup

Browse Source
This commit is contained in:
Kent C. Dodds 2016-06-27 05:59:37 -06:00
parent fdac1d5226
commit 54653e224e
10 changed files with 61 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
.eslintrc
View File

@ -1,5 +1,5 @@
{ {
"extends": ["kentcdodds"], "extends": ["kentcdodds", "kentcdodds/mocha", "kentcdodds/webpack"],
"rules": { "rules": {
// these are only here because I did not // these are only here because I did not
// want to update the entire codebase ¯\_(ツ)_/¯ // want to update the entire codebase ¯\_(ツ)_/¯
@ -12,8 +12,13 @@
"complexity": [2, 8], "complexity": [2, 8],
"max-depth": [2, 6], "max-depth": [2, 6],
"consistent-return": 0, "consistent-return": 0,
"id-match": 0,
"import/newline-after-import": 0,
// es6 stuff we technically can not do yet // es6 stuff we technically can not do yet
"object-shorthand": 0, "object-shorthand": 0,
"prefer-arrow-callback": 0,
"prefer-template": 0,
"babel/object-shorthand": 0,
}, },
"globals": { "globals": {
"describe": false, "describe": false,

3
index.html
View File

@ -3,7 +3,6 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>VanillaJS • TodoMVC</title> <title>VanillaJS • TodoMVC</title>
<link rel="stylesheet" href="node_modules/todomvc-common/base.css">
<link rel="stylesheet" href="node_modules/todomvc-app-css/index.css"> <link rel="stylesheet" href="node_modules/todomvc-app-css/index.css">
</head> </head>
<body> <body>
@ -40,7 +39,6 @@
<p>Ported to ES6 by <a href="https://twitter.com/kentcdodds">Kent C. Dodds</a></p> <p>Ported to ES6 by <a href="https://twitter.com/kentcdodds">Kent C. Dodds</a></p>
<p>Part of <a href="http://todomvc.com">TodoMVC</a></p> <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
</footer> </footer>
<script src="node_modules/todomvc-common/base.js"></script>
<script src="src/helpers.js"></script> <script src="src/helpers.js"></script>
<script src="src/store.js"></script> <script src="src/store.js"></script>
<script src="src/model.js"></script> <script src="src/model.js"></script>
@ -48,5 +46,6 @@
<script src="src/view.js"></script> <script src="src/view.js"></script>
<script src="src/controller.js"></script> <script src="src/controller.js"></script>
<script src="src/app.js"></script> <script src="src/app.js"></script>
<script src="src/bootstrap.js"></script>
</body> </body>
</html> </html>

32
karma.conf.js
View File

@ -1,32 +0,0 @@
var preprocessors = {}
preprocessors['src/**/*.js'] = ['coverage']
module.exports = function setKarmaConfig(config) {
config.set({
basePath: '',
frameworks: ['mocha', 'chai'],
files: [
'src/**/*.js',
'test/stub/**/*.js',
'test/unit/**/*.js',
],
exclude: [
'src/app.js',
],
reporters: ['progress', 'coverage'],
preprocessors: preprocessors,
coverageReporter: {
reporters: [
{type: 'lcov', dir: 'coverage/', subdir: '.'},
{type: 'json', dir: 'coverage/', subdir: '.'},
{type: 'text-summary'},
],
},
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: false,
browsers: ['Chrome'],
singleRun: true,
concurrency: Infinity
})
}

33
package.json
View File

@ -1,27 +1,14 @@
{ {
"private": true, "private": true,
"dependencies": { "dependencies": {
"todomvc-app-css": "2.0.4", "todomvc-app-css": "2.0.6"
"todomvc-common": "1.0.2"
}, },
"devDependencies": { "devDependencies": {
"babel-eslint": "6.0.4", "eslint": "3.1.1",
"chai": "3.5.0", "eslint-config-kentcdodds": "^8.1.3",
"cpy-cli": "1.0.0", "ghooks": "1.3.2",
"eslint": "2.9.0",
"eslint-config-kentcdodds": "6.2.1",
"ghooks": "1.2.1",
"http-server": "0.9.0", "http-server": "0.9.0",
"istanbul": "0.4.3", "opt-cli": "1.5.1"
"karma": "0.13.22",
"karma-chai": "0.1.0",
"karma-chrome-launcher": "1.0.1",
"karma-coverage": "1.0.0",
"karma-mocha": "1.0.1",
"mocha": "2.5.3",
"npm-run-all": "1.8.0",
"opt-cli": "1.4.2",
"rimraf": "2.5.2"
}, },
"config": { "config": {
"ghooks": { "ghooks": {
@ -29,12 +16,8 @@
} }
}, },
"scripts": { "scripts": {
"test": "karma start", "validate": "npm run lint",
"check-coverage": "istanbul check-coverage --statements 22 --branches 5 --functions 0 --lines 22", "start": "http-server --silent -c-1",
"watch:test": "npm test -- --auto-watch --no-single-run", "lint": "eslint ."
"validate": "npm-run-all --parallel lint test --serial check-coverage",
"start": "http-server",
"lint": "eslint .",
"setup": "npm install && npm run validate"
} }
} }

15
src/app.js
View File

@ -1,5 +1,5 @@
/* global app, $on */ /* global app, log */
(function() { (function(window) {
'use strict' 'use strict'
/** /**
@ -15,11 +15,14 @@
this.controller = new app.Controller(this.model, this.view) this.controller = new app.Controller(this.model, this.view)
} }
function setView() { function onLoad() {
var todo = new Todo('todos-vanillajs') var todo = new Todo('todos-vanillajs')
todo.controller.setView(document.location.hash) todo.controller.setView(document.location.hash)
log('view set')
} }
$on(window, 'load', setView)
$on(window, 'hashchange', setView) // Export to window
})() window.app = window.app || {}
window.app.onLoad = onLoad
})(window)

7
src/bootstrap.js vendored Normal file
View File

@ -0,0 +1,7 @@
/* global app, $on */
(function(window) {
'use strict'
$on(window, 'load', app.onLoad)
$on(window, 'hashchange', app.onLoad)
})(window)

30
src/helpers.js
View File

@ -6,10 +6,18 @@
window.qs = function(selector, scope) { window.qs = function(selector, scope) {
return (scope || document).querySelector(selector) return (scope || document).querySelector(selector)
} }
window.qsa = function(selector, scope) { window.qsa = function(selector, scope) {
return (scope || document).querySelectorAll(selector) return (scope || document).querySelectorAll(selector)
} }
window.log = function log() {
if (window.console && window.console.log) {
window.console.log.apply(window.console, arguments) // eslint-disable-line
}
}
// addEventListener wrapper: // addEventListener wrapper:
window.$on = function(target, type, callback, useCapture) { window.$on = function(target, type, callback, useCapture) {
target.addEventListener(type, callback, !!useCapture) target.addEventListener(type, callback, !!useCapture)
@ -46,6 +54,28 @@
return window.$parent(element.parentNode, tagName) return window.$parent(element.parentNode, tagName)
} }
// removes an element from an array
// const x = [1,2,3]
// remove(x, 2)
// x ~== [1,3]
window.remove = function remove(array, thing) {
const index = array.indexOf(thing)
if (index === -1) {
return array
}
array.splice(index, 1)
}
// pad the left of the given string by the given size with the given character
// leftPad('10', 3, '0') -> 010
window.leftPad = function leftPad(str, size, padWith) {
if (size <= str.length) {
return str
} else {
return Array(size - str.length + 1).join(padWith || '0') + str
}
}
// Allow for looping on nodes by chaining: // Allow for looping on nodes by chaining:
// qsa('.foo').forEach(function () {}) // qsa('.foo').forEach(function () {})
NodeList.prototype.forEach = Array.prototype.forEach NodeList.prototype.forEach = Array.prototype.forEach

8
test/stub/model.js
View File

@ -1,8 +0,0 @@
(function(window) {
'use strict'
window.stubs = window.stubs || {}
window.stubs.getModelStub = function getModelStub() {
return {
}
}
})(window)

9
test/stub/view.js
View File

@ -1,9 +0,0 @@
(function(window) {
'use strict'
window.stubs = window.stubs || {}
window.stubs.getViewStub = function getViewStub() {
return {
bind: function() {}
}
}
})(window)

17
test/unit/controller.js
View File

@ -1,17 +0,0 @@
'use strict'
var Controller, getModelStub, getViewStub
describe('controller', function() {
beforeEach(function() {
Controller = window.app.Controller
getModelStub = window.stubs.getModelStub
getViewStub = window.stubs.getViewStub
})
it('can be created', function() {
var view = getViewStub()
var model = getModelStub()
var controller = new Controller(model, view)
expect(controller).to.exist
})
})