Continuous Integration for front-end JavaScript

Apr 19, 201313 likes6,384 views

Simple demo on setting up continuous integration with GruntJS and PhantomJS of your front-end JavaScript code and Jasmine tests running on Jenkins

Continuous Integration
for front-end JavaScript
Lars Thorup
ZeaLake Software Consulting

April, 2013

Who is Lars Thorup?

● Software developer/architect
● JavaScript, C#
● Test Driven Development
● Continuous Integration

● Coach: Teaching agile and
automated testing

● Advisor: Assesses software
projects and companies

● Founder of ZeaLake

Continuous Integration
Code CI-server Results
function createBoard() {
...
} static analysis
errors

test runner
Tests
test('createBoard', {
... coverage
coverage analysis
});

minification distributables

GruntJS
● Command line ● Good support for
● NodeJS ● RequireJS
● CoffeeScript
● Static analysis
● JSHint ● Lots of other plugins

● Run tests in PhantomJS ● Popular and actively
● QUnit developed
● Jasmine
● and others

● Code Coverage
● Istanbul
● Blanket

src/test/code.test.js
describe('durationInEnglish', function () {

it('should return "now" when duration is 0', function () {
expect(durationInEnglish(0)).toBe('now');
});

it('should return "x seconds ago" when ...', function () {
var now = new Date(2013, 04, 19, 11, 00, 17);
var then = new Date(2013, 04, 19, 11, 00, 00);
expect(durationInEnglish(now - then)).toBe('17 seconds ago');
})

});

src/js/code.js

function durationInEnglish(milliseconds) {
var seconds = milliseconds / 1000;
if(seconds === 0) {
return 'now';
} else if(seconds < 60) {
return seconds + ' seconds ago';
} else {
return 'whenever';
}
}

package.json

{
"name": "gruntdemo",
"version": "0.1.1-1",
"devDependencies": {
"grunt-cli": "0.1.6",
"grunt": "0.4.1",
"grunt-contrib-jshint": "~0.1.1",
"grunt-contrib-jasmine": "0.4.1",
"grunt-template-jasmine-istanbul": "0.2.0"
}
}

>npm install

Gruntfile.js

module.exports = function (grunt) {
var gruntConfig = {};

// task definitions
...

// grunt
grunt.initConfig(gruntConfig);
};

Gruntfile.js - jshint
grunt.loadNpmTasks('grunt-contrib-jshint');
gruntConfig.jshint = {
all: [
'*.js',
'src/**/*.js'
]
};

>grunt jshint
Running "jshint:all" (jshint) task
>> 3 files lint free.

Gruntfile.js - jasmine
grunt.loadNpmTasks('grunt-contrib-jasmine');
gruntConfig.jasmine = {
src: {
src: [
'src/js/**/*.js'
],
options: {
specs: 'src/test/**/*.test.js',
junit: {
path: 'output/testresults'
}
}
} >grunt jasmine:src
}; Running "jasmine:src" (jasmine) task
Testing jasmine specs via phantom
..
2 specs in 0.109s.
>> 0 failures

Gruntfile.js - istanbul
gruntConfig.jasmine.istanbul = {
src: gruntConfig.jasmine.src.src,
options: {
specs: gruntConfig.jasmine.src.options.specs,
template: require('grunt-template-jasmine-istanbul'),
templateOptions: {
coverage: 'output/coverage/coverage.json',
report: [
{type: 'html', options: {dir: 'output/coverage'}},
{type: 'text-summary'}
]
} >grunt jasmine:istanbul
Running "jasmine:istanbul" (jasmine) task
}
Testing jasmine specs via phantom
};
..
========== Coverage summary ===========
Statements : 85.71% ( 6/7 )
Branches : 75% ( 3/4 )
Functions : 100% ( 1/1 )
Lines : 85.71% ( 6/7 )
=======================================

This document discusses using NPM scripts as a build tool. It covers setting up scripts in the package.json file to automate common tasks like linting, testing, building assets, and running dev servers. Examples are provided of setting up scripts for CSS preprocessing, bundling JavaScript, running tests, and more for both AngularJS and React projects. Chaining, piping, and running tasks concurrently with NPM scripts is also covered.

Module, AMD, RequireJS偉格高

This document discusses module patterns in JavaScript and asynchronous module definition (AMD) using RequireJS. It introduces the module pattern as a way to encapsulate code and expose public APIs. AMD and RequireJS are presented as solutions for asynchronously loading JavaScript modules and managing dependencies. Key advantages of the module pattern, AMD and RequireJS include maintaining encapsulation, organizing code into reusable modules, and handling dependency loading order. Challenges with large JavaScript applications using many modules are also addressed.

Grunt & Front-end WorkflowPagepro

System webpack-jspmJesse Warden

This document discusses JavaScript module systems including CommonJS, RequireJS, Browserify, ES6 modules, Webpack, and JSPM. It begins with a history of JavaScript modules and loading external scripts. It then covers CommonJS for Node.js, RequireJS for asynchronous loading in browsers, and Browserify for using CommonJS modules in browsers. ES6 modules are described as the standard module solution. Webpack is presented as a module bundler with many features. Finally, JSPM is discussed as a package manager that works with SystemJS to provide modules from npm and GitHub for both browsers and Node.js.

Production Ready Javascript With GruntXB Software, Ltd.

Hitchhiker's guide to the front end development정윤 김

Javascript Bundling and modularizationstbaechler

This document discusses module bundling tools for JavaScript applications. It introduces the problems of growing code complexity and need for optimized delivery of code. It then summarizes two popular module bundling tools: Webpack and jspm. Webpack supports CommonJS, AMD and ES6 module syntax and uses loaders and plugins to bundle assets. jspm uses the SystemJS module loader and bundles modules for production, while loading them asynchronously for development. Both tools aim to address the challenges of modular code management and optimized delivery.

Bower & Grunt - A practical workflowRiccardo Coppola

This document discusses using Bower and Grunt together to manage front-end dependencies and files in a workflow. Bower is used to declare and install dependencies, while Grunt plugins like grunt-bowercopy and grunt-contrib-clean are used to copy dependencies to consistent locations and clean files. Setting up this workflow with Bower, grunt-bowercopy, grunt-contrib-clean, and Git can help organize a project's dependencies, facilitate tracking without committing all files, and reduce build times.

Angular2 ecosystemKamil Lelonek

Jspm is a package manager that supports npm, GitHub registries and extends package.json, allowing installation of packages like jquery, materialize-css and immutablejs using commands like jspm install. It uses SystemJS as its module loader and supports TypeScript, enabling development of Angular 2 applications with features such as components, services and routing. The document provides an overview of the Angular 2 ecosystem including jspm, SystemJS, TypeScript and highlights of the Angular 2 framework.

Introduction to Express and GruntPeter deHaan

This document introduces Express, a web development framework for Node.js, and Grunt, a JavaScript task runner. It describes Express as fast, lightweight, and minimalist, noting that it includes only necessary features. Grunt is presented as a tool for automating tasks like minification, compilation, unit testing and linting. The document provides instructions on setting up projects with Express and Grunt, demonstrating how to define tasks in a Gruntfile and develop custom tasks.

Future of NodeJSSébastien Pertus

Let s Enjoy Node.jsFred Chien

The SPDY ProtocolFabian Lange

Preprocessor Workflow with GruntVlad Filippov

The document discusses using Grunt, an open source task runner, to automate and optimize workflows for CSS preprocessing, image optimization, and more. It provides an overview of Grunt functionality and plugins, demonstrating how to set up a Gruntfile and common workflows using plugins like grunt-contrib-less, grunt-contrib-imagemin, and grunt-contrib-watch. The document encourages exploring task combinations, sharing workflows, and contributing to existing plugins or building new ones to extend Grunt's capabilities.

Running JavaScript Efficiently in a Java Worldirbull

J2V8 is an open source Java library that provides bindings to the V8 JavaScript engine. It allows JavaScript code to run efficiently in Java environments and enables tight integration between Java and JavaScript. Key features include exposing the V8 API in Java, mapping JavaScript objects to Java collections, calling Java methods from JavaScript and vice versa, and supporting multi-threaded JavaScript execution. Performance benchmarks show J2V8 runs JavaScript faster than alternatives like Nashorn or Rhino.

Asynchronous Module Definition (AMD)xMartin12

AMD (Asynchronous Module Definition) is JavaScript's missing module system for the browser. It's a cosmos of interoperability, efficient loading, dependency resolution, code optimization, etc. At excentos we're using it as part of the Dojo Toolkit to organize our single-page product advisor web apps. I will give a short introduction to the concept and some tools and I'm going to explain why everyone with a reasonably-sized code base should adopt it.

Grunt and BowerGeorge Estebe

The document discusses Grunt and Bower, two JavaScript build tools. Grunt is a task runner that can be used to automate repetitive tasks like minification, compilation, unit testing, and linting. It uses a Gruntfile to configure tasks and load plugins. Bower is a package manager for front-end web development that allows installing dependencies directly from the command line. It uses a bower.json file to specify dependencies that will be downloaded from the Bower registry.

"How to Use Bazel to Manage Monorepos: The Grammarly Front-End Team’s Experie...Fwdays

At some point, we reached the limit of the existing build process in the Grammarly Editor monorepo. Build tools required too much time to support, and each new package increased build time and made dependency management harder. To move further, we had to rethink the architecture of the build process. Our solution: We switched to Bazel. In this talk, I will share our findings and how we made the architecture of the build process scalable and predictable.

Superfast Automated Web Testing with CasperJS & PhantomJS Hervé Vũ Roussel

CasperJS is a navigation scripting and testing utility for PhantomJS that allows testing of web pages and user interactions. It provides functions for navigation, clicking elements, filling forms, taking screenshots, and assertions. CasperJS runs quickly without a browser UI and allows debugging through verbose mode, capturing screenshots, and monitoring network requests and console logs. Tests can be refactored and common functions extracted to improve maintainability.

Node js实践jay li

Node.js实践 is a document about Node.js. It discusses how Node.js allows JavaScript to be used for server-side applications by providing a fast, scalable, and flexible environment. Node.js uses a single thread with non-blocking I/O and the V8 JavaScript engine. It also uses an event-driven architecture. This allows JavaScript to be used beyond just client-side applications in the browser. It also discusses how libraries like YUI3 and jQuery can be used in Node.js applications both on the front-end and back-end.

Java/Spring과 Node.js의 공존 시즌2동수 장

This document discusses strategies for using Node.js alongside Java/Spring applications. It introduces J2V8, which allows running Node.js modules and the V8 JavaScript engine in Java. Examples are given for isomorphic React rendering using Nashorn or Node.js. The document also covers using Nashorn or script templating engines like EJS directly in Spring MVC. Performance benchmarks show J2V8 templating is faster than traditional Java approaches like JSP or Thymeleaf. Source code examples demonstrate setting up J2V8 with Spring Boot for building isomorphic web applications that leverage both Java and JavaScript.

Fundamental of Node.JS - Internship Presentation - Week7Devang Garach

Роман Лютиков "Web Apps Performance & JavaScript Compilers"Fwdays

1) Web app performance can be improved through code splitting techniques that divide JavaScript bundles into smaller chunks to reduce loading time. 2) Compiler optimizations like tree shaking, constant folding, and dead code elimination can help reduce code size and evaluation time by removing unused code. 3) Code splitting libraries like Webpack allow splitting code at the module or route level to preload important chunks and lazily load others on demand to improve performance.

Testing nodejs appsfelipefsilva

The document compares and contrasts several JavaScript testing frameworks for node.js applications including Nodeunit, Vows, Mocha, Jasmine-node, and BusterJS. It outlines the pros and cons of each framework, such as their syntax, support for asynchronous code, browser testing capabilities, and extensibility with other libraries. Additional tools mentioned include assertion libraries, spies, utilities for running client-side tests from the terminal, and links to documentation.

Node4J: Running Node.js in a JavaWorldIan Bull

Node.js and server side JavaScript are powerful technologies, although they do not stand on their own in enterprise environments, where Java has been the reigning force for many years. Bridging Node.js and Java provides a much sought after migration path for many Java developers who are moving to their systems to JavaScript. Last year we opened sourced J2V8, a rich set of bindings for Google's V8 JavaScript runtime, this year we built upon that work to bring Node.js to JVM. In this talk we will introduce Node4J, our NodeJS bindings for the JVM and demonstrate it in action. We will explore the performance characteristics and highlight tools that will help you develop, debug and deploy NodeJS applications running directly on the JVM. We will explain how we integrated NodeJS, with Java through a JNI bridge, and demonstrate how you can use this technology to bridge the gap between JavaScript and Java.

Groovy Ecosystem - JFokus 2011 - Guillaume LaforgeGuillaume Laforge

The document summarizes Guillaume Laforge's background and expertise in Groovy and JVM technologies. It then provides an overview of the rich Groovy ecosystem, including frameworks like Grails and Griffon for building applications, GPars for concurrency, and tools for testing, building projects, and interacting with web services. Specific examples are given of how to create a simple console application in Griffon and use various concurrency abstractions in GPars.

Advanced front-end automation with npm scriptsk88hudson

This document discusses using npm scripts for front-end automation and builds. It argues that npm scripts provide a simple, cross-compatible way to automate tasks like bundling, transpiling, testing and deployment without additional build tools. Npm scripts take advantage of existing CLI tools and allow decomposing complex automation into simple, composable tasks through lifecycle scripts and npm-run-all. Some tradeoffs are less extensibility and ongoing challenges with cross-platform support, but the approach aims to provide simpler mental models than alternative build systems.

CasperJSLearningTech

CasperJS is an open source navigation scripting and testing utility written in JavaScript that eases the process of defining navigation scenarios and provides functions for common tasks like filling forms, clicking links, taking screenshots, and testing websites. It uses the PhantomJS or SlimerJS headless browsers under the hood. The Casper API provides methods like start(), then(), run(), and exit() to control navigation and run test suites, as well as utilities like fill(), click(), evaluate(), and waitForSelector() to interact with pages.

Let Grunt do the work, focus on the fun!Dirk Ginader

The document discusses how Grunt can be used as a JavaScript task runner to automate repetitive tasks like minification. It provides examples of configuring Grunt tasks like Uglify to minify files and integrating it with package.json for an easy setup. Developers are encouraged to use Grunt as it allows configuring tasks in JavaScript instead of XML, is fast to set up, and helps focus on important work instead of repetitive tasks.

Grunt.js and Yeoman, Continous IntegrationDavid Amend

More Related Content

What's hot (20)

Angular2 ecosystemKamil Lelonek

Introduction to Express and GruntPeter deHaan

Future of NodeJSSébastien Pertus

Let s Enjoy Node.jsFred Chien

The SPDY ProtocolFabian Lange

Preprocessor Workflow with GruntVlad Filippov

Running JavaScript Efficiently in a Java Worldirbull

Asynchronous Module Definition (AMD)xMartin12

Grunt and BowerGeorge Estebe

"How to Use Bazel to Manage Monorepos: The Grammarly Front-End Team’s Experie...Fwdays

Superfast Automated Web Testing with CasperJS & PhantomJS Hervé Vũ Roussel

Node js实践jay li

Java/Spring과 Node.js의 공존 시즌2동수 장

Fundamental of Node.JS - Internship Presentation - Week7Devang Garach

Роман Лютиков "Web Apps Performance & JavaScript Compilers"Fwdays

Testing nodejs appsfelipefsilva

Node4J: Running Node.js in a JavaWorldIan Bull

Groovy Ecosystem - JFokus 2011 - Guillaume LaforgeGuillaume Laforge

Advanced front-end automation with npm scriptsk88hudson

CasperJSLearningTech

Angular2 ecosystemKamil Lelonek

Introduction to Express and GruntPeter deHaan

Future of NodeJSSébastien Pertus

Let s Enjoy Node.jsFred Chien

The SPDY ProtocolFabian Lange

Preprocessor Workflow with GruntVlad Filippov

Running JavaScript Efficiently in a Java Worldirbull

Asynchronous Module Definition (AMD)xMartin12

Grunt and BowerGeorge Estebe

"How to Use Bazel to Manage Monorepos: The Grammarly Front-End Team’s Experie...Fwdays

Superfast Automated Web Testing with CasperJS & PhantomJS Hervé Vũ Roussel

Node js实践jay li

Java/Spring과 Node.js의 공존 시즌2동수 장

Fundamental of Node.JS - Internship Presentation - Week7Devang Garach

Роман Лютиков "Web Apps Performance & JavaScript Compilers"Fwdays

Testing nodejs appsfelipefsilva

Node4J: Running Node.js in a JavaWorldIan Bull

Groovy Ecosystem - JFokus 2011 - Guillaume LaforgeGuillaume Laforge

Advanced front-end automation with npm scriptsk88hudson

CasperJSLearningTech

Similar to Continuous Integration for front-end JavaScript (20)

Let Grunt do the work, focus on the fun!Dirk Ginader

Grunt.js and Yeoman, Continous IntegrationDavid Amend

Javascript is your (Auto)mateCodemotion

Js tacktalk team dev js testing performanceАртем Захарченко

This document provides an overview of using Gradle to automate JavaScript application assembly, minification, and deployment tasks. It discusses installing Gradle and relevant plugins, writing a Gradle script to define tasks for combining JS files, minifying with Closure Compiler, and deploying the minified file to FTP. Examples are given for setting up the Gradle script with the necessary inputs, outputs, and dependencies between tasks. The benefits of automating these repetitive tasks with Gradle are highlighted.

Ustream vs Legacy, It's never too late to start your fight! #Jsist 2014Máté Nádasdi

A general talk about Ustream's revolution on our aging codebase. We had to make critical changes on our codebase to achieve more stability and scalability on the client side. This talk is about encouragement with lot of tips and tricks if you are in a similar legacy situation. https://speakerdeck.com/matenadasdi/ustream-vs-legacy-its-never-too-late-to-start-your-fight-jsist-2014

Grunt Continuous Development of the Front End TierErick Brito

This document discusses using Grunt to implement a continuous development process for a front-end node.js tier. It outlines how Grunt plugins can be used for tasks like CoffeeScript compilation, CSS processing, linting, unit testing, and code coverage to improve code quality and boost productivity. The process involves automatically running these tasks on code changes and reloading browsers. Continuous delivery also minifies files. Unit testing with Jasmine and code coverage with Grunt plugins is demonstrated. Lessons learned include benefits of CoffeeScript and starting with behavior-driven development. Next steps propose integrating Grunt into a CI server and SonarQube.

Let Grunt do the work, focus on the fun! [Open Web Camp 2013]Dirk Ginader

Google’s Dirk Ginader thinks great developers are lazy, and there’s nothing wrong with that. After all, would you rather spend your time working on the mundane stuff — like minification, linting, compilation, unit testing, etc — or actually developing your code? In this presentation, Dirk will show you how to set up the Grunt JavaScript Task Runner so that you and your team can focus on the fun!

How do I write Testable Javascript so I can Test my CF API on Server and ClientGavin Pickin

The document discusses various topics related to testing APIs and web applications including: - Different types of tests like unit tests, integration tests, and end-to-end tests - Popular testing frameworks like Jasmine, Mocha, and TestBox - Using testing frameworks like Jasmine with Node.js, Grunt, and in the browser - Examples of writing tests with Jasmine and TestBox for ColdFusion applications and APIs

Zero-config JavaScript apps with RaveJS -- SVCC fall 2014John Hann

Rave eliminates configuration, machinery, and complexity. Stop configuring and tweaking file watchers, minifiers, and transpilers just to get to a runnable app. Instead, go from zero to "hello world" in 30 seconds. In the next 30 seconds, easily add capabilities and frameworks to your application simply by installing *Rave Extensions* and *Rave Starter* packages from npm and Bower, the leading JavaScript package managers. Finally, install additional *Rave Extension* packages to apply your favorite build, deploy, and testing patterns.

An Introduction to the World of Testing for Front-End DevelopersFITC

Presented at Web Unleashed 2017. More info at www.fitc.ca/webu Presented by Haris Mahmood, Shopify Overview As front-end developers become more and more capable of building web applications, the value of testing front-end code is now more valuable than ever. Unfortunately, the testing ecosystem can be confusing, and daunting to those just getting started with the vast number of libraries and testing frameworks offering various tools and capabilities. This talk aims to navigate the world of testing front-end code, and provide steps for front-end developers to incorporate testing into their work and projects quickly and with ease! Objective Provide an introduction and overview of the world of testing for front-end development, and tips and steps to get started today. Target Audience Front-end developers with no or little experience with testing. Five Things Audience Members Will Learn Understanding on why testing is important What options exist for testing today What type of tests are best for what scenario How to assess what frameworks and libraries to use Steps on getting started with testing

FITC Web Unleashed 2017 - Introduction to the World of Testing for Front-End ...Haris Mahmood

The document provides an introduction to testing for front-end developers. It discusses why testing is important, common test types like unit, integration and functional tests, popular testing frameworks like Jest and Mocha, and how to set up a basic testing environment and write tests using Jest. It also covers test concepts like assertions, spies and stubs. An example movie app is used to demonstrate setting up Jest and writing tests to validate functions.

Get Gulping with Javascript Task RunnersColdFusionConference

This document provides an overview of using JavaScript task runners like Grunt to manage front-end assets and automate common development tasks. It discusses setting up Grunt with NPM, configuring Grunt tasks for CSS concatenation, minification, caching, and JavaScript linting, minification. It also covers using Grunt to watch for file changes and reload a local server. The document demonstrates how Grunt can simplify and standardize front-end workflows.

Get Grulping with Javascript task runnersdevObjective

This document provides an overview of using JavaScript task runners like Grunt to manage frontend assets and automate common development tasks. It discusses setting up Grunt, installing plugins to concatenate, minify and cache bust CSS and JavaScript files. It also covers using Grunt to lint JavaScript, watch files for changes, make HTTP requests to reload apps, and inject assets. The document recommends simplifying processes by creating Grunt tasks that run sequences of steps with a single command.

Full Stack Unit TestingGlobalLogic Ukraine

This presentation deals with a complex approach to application testing in back end and front end parts, tests writing and common mistakes. It also includes a short overview of libraries and frameworks for creation of tests, as well as practical examples of code. Presentation by Pavlo Iuriichuk, Lead Software Engineer, GlobalLogic, Kyiv), delivered at an open techtalk on December 11, 2014. More details - http://globallogic.com.ua/report-web-testing-techtalk-2014

How to write Testable JavascriptColdFusionConference

Everyone who wasn't writing JavaScript, probably is now. Atwood's Law: any application that can be written in JavaScript, will eventually be written in JavaScript. That's great, but how do we test it? In ColdFusion we have CFCs, most languages have classes... but JavaScript doesn't have classes (yet). So how do I write unit tests, what units are there, and how do I make my code look like that? JavaScript is a flexible language, and with great flexibility comes great complexity and responsibility. Take your JavaScript spaghetti and make it unit testable. Attendees should have some exposure to JavaScript, but this is for the Professional Newbie... who always needs to learn and adapt.

How do I write Testable Javascript - Presented at dev.Objective() June 16, 2016Gavin Pickin

How do I Write Testable Javascript so I can Test my CF API on Server and ClientColdFusionConference

The document provides an overview of testing APIs and web applications using various testing tools and frameworks like Jasmine and Testbox. It discusses different types of tests like unit tests, integration tests, end-to-end tests etc. and how to structure code to make it more testable. It also demonstrates how to set up testing environments using standalone Jasmine, Jasmine with Node.js, Grunt and Testbox and write tests with examples. The document emphasizes the importance of testing and provides tips to improve testing workflow.

Grunt to automate JS buildTejaswita Takawale

Grunt is a JavaScript task runner that can be used for development, building, and deployment of JavaScript projects. It uses tasks to automate common workflows like running tests, minifying files, and more. Grunt allows teams to write consistent code, maintain standards, and automate their build and release processes. Common tasks include running linters, compiling code, running tests, and deploying code.

AngularJS Unit TestChiew Carol

GruntAndrés Callejas González

This document provides an overview of Grunt, a JavaScript task runner. It explains that Grunt automates repetitive tasks like linting, minifying, and compiling files. The basics of using Grunt are described, including installing Grunt and plugins via npm, defining tasks in a Gruntfile.js, and some common tasks like linting JS, minifying files, compiling LESS. It also discusses running multiple tasks at once and using the watch task to automatically rerun tasks when files change.

Let Grunt do the work, focus on the fun!Dirk Ginader

Grunt.js and Yeoman, Continous IntegrationDavid Amend

Javascript is your (Auto)mateCodemotion

Js tacktalk team dev js testing performanceАртем Захарченко

Ustream vs Legacy, It's never too late to start your fight! #Jsist 2014Máté Nádasdi

Grunt Continuous Development of the Front End TierErick Brito

Let Grunt do the work, focus on the fun! [Open Web Camp 2013]Dirk Ginader

How do I write Testable Javascript so I can Test my CF API on Server and ClientGavin Pickin

Zero-config JavaScript apps with RaveJS -- SVCC fall 2014John Hann

An Introduction to the World of Testing for Front-End DevelopersFITC

FITC Web Unleashed 2017 - Introduction to the World of Testing for Front-End ...Haris Mahmood

Get Gulping with Javascript Task RunnersColdFusionConference

Get Grulping with Javascript task runnersdevObjective

Full Stack Unit TestingGlobalLogic Ukraine

How to write Testable JavascriptColdFusionConference

How do I write Testable Javascript - Presented at dev.Objective() June 16, 2016Gavin Pickin

How do I Write Testable Javascript so I can Test my CF API on Server and ClientColdFusionConference

Grunt to automate JS buildTejaswita Takawale

AngularJS Unit TestChiew Carol

GruntAndrés Callejas González

More from Lars Thorup (19)

100 tests per second - 40 releases per weekLars Thorup

This talk shows how the Triggerz engineering team continuously deliver new software versions to our users. The Triggerz product is a web application built with React, Node.js and PostgreSQL. The product has been live since October 2017 with users worldwide. We have built a simple continuous deployment pipeline, also mostly in JavaScript, that we use to validate every push to master before deploying it automatically to production. This talk demonstrates how we write tests and how the pipeline is scripted. We discuss the thinking behind and the tools that we've used to do continuous delivery.

SQL or NoSQL - how to chooseLars Thorup

The past years, a number of new database systems have appeared, like MongoDB and Redis. Most of them have radically new ways to look at data persistance, where efficient replication is prioritized over advanced query support. In this talk we will discuss some of the benefits and drawbacks of the new key/value stores and document databases. As an example, we will demonstrate Redis, an advanced key/value store. Redis is different from most other key/value stores on two dimensions: It runs entirely in RAM and it supports a number of advanced data structures with accompanying specialized algorithms.

Super fast end-to-end-testsLars Thorup

Automated end-to-end tests are often seen as a necessary evil. A common example is Selenium-based browser tests. This kind of testing has many drawbacks: 1) They take a long time to run. 2) They require complicated setup. 3) They are fragile. But it doesn't have to be like that! In this talk I describe how we can write automated end-to-end tests that are 1) Superfast. 2) As easy to setup as unit tests. 3) As robust as unit tests. This technique is leveraging existing unit testing techniques. Tests for lower layers (such as server code) is instrumented to record all requests and responses in a log file. Tests for higher layers (like client code) is extended with an mocking layer that automatically configures with the contents of that log file. It is then possible to run a almost a hundred end-to-end tests every second.

Extreme Programming - to the next-levelLars Thorup

This document discusses taking extreme programming principles to the next level by turning traditional practices "up to 11". It explores several ideas for achieving faster feedback including mob programming, continuous deployment, hypothesis-driven user stories, shared product ownership, monitoring-driven development, and continuous learning. The author asks the reader to consider which ideas may work to implement in their organization this month.

Advanced Javascript Unit TestingLars Thorup

This document summarizes best practices for JavaScript unit testing presented by Lars Thorup. It discusses how to test asynchronous code using callbacks and promises, fake timers to test delayed behavior, mock the DOM and AJAX requests, enable cross-browser testing using Karma, and detect memory leaks between tests. Lars Thorup is a software developer who focuses on JavaScript, TDD, and continuous integration.

Unit testing legacy codeLars Thorup

Unit testing and test-driven development are practices that makes it easy and efficient to create well-structured and well-working code. However, many software projects didn't create unit tests from the beginning. In this presentation I will show a test automation strategy that works well for legacy code, and how to implement such a strategy on a project. The strategy focuses on characterization tests and refactoring, and the slides contain a detailed example of how to carry through a major refactoring in many tiny steps

Advanced QUnit - Front-End JavaScript Unit TestingLars Thorup

Code: https://github.com/larsthorup/qunit-demo-advanced Unit testing front-end JavaScript presents its own unique set of challenges. In this session we will look at number of different techniques to tackle these challenges and make our JavaScript unit tests fast and robust. We plan to cover the following subjects: * Mocking and spy techniques to avoid dependencies on - Functions, methods and constructor functions - Time (new Date()) - Timers (setTimeout, setInterval) - Ajax requests - The DOM - Events * Structuring tests for reuse and readability * Testing browser-specific behaviour * Leak testing

Put "fast" back in "fast feedback"Lars Thorup

One of the cornerstones in Agile development is fast feedback. For engineering, "fast" means "instantly" or "in 5 minutes", not "tomorrow" or "this week". Your engineering practices should ensure that you can answer yes to most of the following questions: - Do we get all test results in less than 5 minutes after a commit? - Is our code coverage more than 75% for both front-end and back-end? - Can we start exploratory testing in less than 15 minutes after a commit? - Do all our tests pass more than 90% of our commits? This talk will give you practical advice on how to get to "yes, we get fast feedback".

Database Schema EvolutionLars Thorup

Advanced Jasmine - Front-End JavaScript Unit TestingLars Thorup

This document discusses advanced techniques for front-end JavaScript unit testing using Jasmine, including mocking methods, constructors, timers, and AJX requests to test code in isolation without dependencies and speed up tests. It also covers spying on events, simulating CSS transitions, using custom matchers, structuring test code, and browser-specific testing. The presenter is Lars Thorup, a software developer and coach who founded ZeaLake and teaches agile and automated testing.

Javascript unit testing with QUnit and SinonLars Thorup

This document discusses JavaScript unit testing with QUnit and Sinon. It introduces Lars Thorup and his background in software development, testing, and coaching. It then provides an overview of unit testing, explaining why it is beneficial and how to implement it. Finally, it demonstrates various QUnit and Sinon techniques for writing tests, including assertions, spies, stubs, mocks, asynchronous code, the DOM, and advanced mocking.

Automated Performance TestingLars Thorup

If you are like most test driven developers, you write automated tests for your software to get fast feedback about potential problems. Most of the tests you write will verify the functional behaviour of the software: When we call this function or press this button, the expected result is that value or that message. But what about the non-functional behaviour, such as performance: When we perform this query the expected speed of getting results should be no more than that many milliseconds. It is important to be able to write automated performance tests as well, because they can give us early feedback about potential performance problems. But expected performance is not as clear-cut as expected results. Expected results are either correct or wrong. Expected performance is more like a threshold: If the performance is worse than this, we want the test to fail.

Test and Behaviour Driven Development (TDD/BDD)Lars Thorup

Agile ContractsLars Thorup

How do you sell an agile project? Most clients expect to buy software by time-and-material or by fixed-price-fixed scope contracts based on detailed requirements. These models cannot create a fertile environment for collaboration between client and vendor. In this presentation, we report on our experiments with commercial contracts that supports an agile development process, based on concrete examples of win-win contract types. We will outline the different aspects of these contracts, as well as experiences creating and delivering software solutions under these contracts.

High Performance Software Engineering TeamsLars Thorup

Elephant CarpaccioLars Thorup

Here are some tips for breaking down work in an agile way: - Focus on delivering value to users. Each story and task should provide some value. - Iterate frequently. Stories and tasks should be small enough that you can complete and release them within a sprint or two. - Get early feedback. Small slices allow testing work sooner and adjusting based on feedback. - Prioritize flexibility. Small slices give you options to reorder or drop work as priorities change. - Estimate costs accurately. Tasks should take 1-5 days; if longer, may need refactoring. Consider spikes for technical challenges. - Refactor when repetitive. If work is very similar, look for ways to simplify through ref

Automated Testing for Embedded Software in C or C++Lars Thorup

This document discusses automated testing for embedded C software. It introduces Lars Thorup and provides an agenda for the document. It then defines automated testing, describes the Unity testing framework for embedded C, and provides an example of how to handle dependencies in testing. It advocates for continuous integration, breaking dependencies through abstraction and injection, and explains how automated testing can improve software quality through faster development and preventing bugs.

Unit Testing in JavaScript with MVC and QUnitLars Thorup

Lars Thorup presents on unit testing JavaScript applications with the MVC pattern and QUnit testing framework. He discusses testing views, controllers, models, and services. The document recommends setting up tests for each component in isolation by injecting stubs for their dependencies. Asynchronous testing is also covered, including techniques like stopping/starting to synchronize async calls in tests. The MVC pattern with dependency injection is advocated to make the code more modular and testable.

Introduction to Automated TestingLars Thorup

100 tests per second - 40 releases per weekLars Thorup

SQL or NoSQL - how to chooseLars Thorup

Super fast end-to-end-testsLars Thorup

Extreme Programming - to the next-levelLars Thorup

Advanced Javascript Unit TestingLars Thorup

Unit testing legacy codeLars Thorup

Advanced QUnit - Front-End JavaScript Unit TestingLars Thorup

Put "fast" back in "fast feedback"Lars Thorup

Database Schema EvolutionLars Thorup

Advanced Jasmine - Front-End JavaScript Unit TestingLars Thorup

Javascript unit testing with QUnit and SinonLars Thorup

Automated Performance TestingLars Thorup

Test and Behaviour Driven Development (TDD/BDD)Lars Thorup

Agile ContractsLars Thorup

High Performance Software Engineering TeamsLars Thorup

Elephant CarpaccioLars Thorup

Automated Testing for Embedded Software in C or C++Lars Thorup

Unit Testing in JavaScript with MVC and QUnitLars Thorup

Introduction to Automated TestingLars Thorup

Recently uploaded (12)

Camil Institutional Presentation_mai25_vFR.pdfCAMILRI

Pieter Stalenhoef_ Proven Investment Professional with Expertise in Fund Mana...WilliamClack2

Tax-Deferred Growth & Indexed Annuities_ Secure Your Financial Future.pptxiulfinancial6

Best Practices for NFT Investing and Security.docxtaymormohse7

NFTs are transforming the way we invest, collect, and engage with digital assets—but with rapid innovation comes risk. Whether you're a curious beginner or a seasoned crypto investor, navigating the NFT landscape requires more than just enthusiasm. You need smart strategies, practical tools, and a strong understanding of how to protect your assets. That’s where this comprehensive guide comes in. In “Best Practices for NFT Investing and Security,” we break down the essentials every investor must know to thrive in the NFT space. From evaluating projects and avoiding scams to securing your NFTs with the right tools, this article arms you with actionable insights that can protect your investments and maximize returns. We walk you through how NFTs fit into a balanced crypto portfolio, how to spot truly valuable projects, and why timing and community support matter just as much as the artwork itself. But we don’t stop at the basics. You’ll also learn how to identify common red flags, leverage blockchain tools like smart contract scanners, and apply cold wallet strategies to protect high-value NFTs. And since NFT investing is anything but a solo journey, we highlight the value of community—particularly how Investors Collective empowers its members with real-time crypto signals, expert guidance, and a collaborative space to grow together. Backed by Investors Collective’s holistic approach to crypto investing, this guide blends education, security, and market insight into one compelling read. Whether you're looking to mint your first NFT or optimize your current strategy, this article will help you invest confidently, stay secure, and tap into the real potential of NFTs. 👉 Ready to level up your NFT investing game? Dive into this must-read guide now and discover how to make smarter, safer moves in the world of digital assets—with the support of a trusted crypto community behind you.

最新版西班牙塞维利亚大学毕业证（US毕业证书）原版定制Taqyea

挂科无法毕业鉴于此购买文凭【q薇1954292140】一比一原版(US毕业证)塞维利亚大学毕业证如何办理改成绩单GPA，文凭购买，毕业证办理，文凭办理只是基础业务。【q薇1954292140】一比一还原国外大学毕业证，定制国外大学学历，制作国外大学文凭，复刻国外大学毕业证书。学位证1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。【办理塞维利亚大学成绩单Buy Universidad de Sevilla Transcripts】购买日韩成绩单、英国大学成绩单、美国大学成绩单、澳洲大学成绩单、加拿大大学成绩单（q微1954292140）新加坡大学成绩单、新西兰大学成绩单、爱尔兰成绩单、西班牙成绩单、德国成绩单。成绩单的意义主要体现在证明学习能力、评估学术背景、展示综合素质、提高录取率，以及是作为留信认证申请材料的一部分。塞维利亚大学成绩单能够体现您的的学习能力，包括塞维利亚大学课程成绩、专业能力、研究能力。（q微1954292140）具体来说，成绩报告单通常包含学生的学习技能与习惯、各科成绩以及老师评语等部分，因此，成绩单不仅是学生学术能力的证明，也是评估学生是否适合某个教育项目的重要依据！ Buy Universidad de Sevilla Diploma《正式成绩单论文没过》有文凭却得不到认证。又该怎么办？鉴于此，购买西班牙毕业证【q微1954292140】西班牙文凭购买，西班牙文凭购买，西班牙文凭定制，西班牙文凭补办。专业在线定制西班牙大学文凭，定做西班牙本科文凭，【q微1954292140】复制西班牙Universidad de Sevilla completion letter。在线快速补办西班牙本科毕业证、硕士文凭证书，购买西班牙学位证、塞维利亚大学Offer，西班牙大学文凭在线购买。【主营项目】一、工作未确定，回国需先给父母、亲戚朋友看下文凭的情况，办理毕业证|办理塞维利亚大学毕业证（US毕业证书）文凭: 买大学毕业证|买大学文凭【q薇1954292140】学位证明书如何办理申请？二、回国进私企、外企、自己做生意的情况，这些单位是不查询毕业证真伪的，而且国内没有渠道去查询国外文凭的真假，也不需要提供真实教育部认证。鉴于此，办理塞维利亚大学毕业证【q薇1954292140】西班牙学位证（US毕业证书）塞维利亚大学毕业证书如何办理国外大学毕业证, 文凭办理, 国外文凭办理, 留信网认证三.材料咨询办理、认证咨询办理塞维利亚大学毕业证（US毕业证书）请加学历顾问【微信:1954292140】毕业证购买指大学文凭购买，毕业证办理和文凭办理。学院文凭定制，学校原版文凭补办，扫描件文凭定做，100%文凭复刻。经常操作的国家有美国毕业证，英国毕业证，澳洲毕业证，加拿大毕业证，以及德国毕业证，法国毕业证、荷兰毕业证、瑞士毕业证、日本毕业证、韩国毕业证、新西兰毕业证、新加坡毕业证、泰国毕业证、马来西亚毕业证等。包括了本科毕业证，硕士毕业证。

最新版美国杜肯大学毕业证（DU毕业证书）原版定制Taqyea

杜肯大学毕业证【q薇1954292140】鉴于此，新版杜肯大学学位证模板复刻【q薇1954292140】帮您解决在美国杜肯大学未毕业难题（Duquesne University）文凭购买、毕业证购买、大学文凭购买、大学毕业证购买、买文凭、日韩文凭、英国大学文凭、美国大学文凭、澳洲大学文凭、加拿大大学文凭（q微1954292140）新加坡大学文凭、新西兰大学文凭、爱尔兰文凭、西班牙文凭、德国文凭、教育部认证，买毕业证，毕业证购买，买大学文凭，【q微1954292140】学位证1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。【学历认证流程杜肯大学毕业证美国本科成绩单制作Buy Duquesne University Transcripts】购买日韩成绩单、英国大学成绩单、美国大学成绩单、澳洲大学成绩单、加拿大大学成绩单（q微1954292140）新加坡大学成绩单、新西兰大学成绩单、爱尔兰成绩单、西班牙成绩单、德国成绩单。成绩单的意义主要体现在证明学习能力、评估学术背景、展示综合素质、提高录取率，以及是作为留信认证申请材料的一部分。杜肯大学成绩单能够体现您的的学习能力，包括杜肯大学课程成绩、专业能力、研究能力。（q微1954292140）具体来说，成绩报告单通常包含学生的学习技能与习惯、各科成绩以及老师评语等部分，因此，成绩单不仅是学生学术能力的证明，也是评估学生是否适合某个教育项目的重要依据！主营项目： 1、真实教育部国外学历学位认证《美国毕业文凭证书快速办理杜肯大学文凭学历制作》【q微1954292140】《论文没过杜肯大学正式成绩单》，教育部存档，教育部留服网站100%可查. 2、办理DU毕业证，改成绩单《DU毕业证明办理杜肯大学文凭购买》【Q/WeChat：1954292140】Buy Duquesne University Certificates《正式成绩单论文没过》，杜肯大学Offer、在读证明、学生卡、信封、证明信等全套材料，从防伪到印刷，从水印到钢印烫金，高精仿度跟学校原版100%相同. 3、真实使馆认证（即留学人员回国证明），使馆存档可通过大使馆查询确认. 4、留信网认证，国家专业人才认证中心颁发入库证书，留信网存档可查.

2025-06-11 North Arrow Update [NT Update]_WEBSITE.pdfnarminerals

Equinox Gold Calibre Mining Corporate PresentationEquinox Gold Corp.

Equinox Gold is a growth-focused Canadian mining company with operating gold mines in Canada, the USA and Brazil and a path to achieve more than one million ounces of annual gold production from a pipeline of expansion projects. Equinox Gold’s common shares are listed on the TSX and the NYSE American under the trading symbol EQX. Further information about Equinox Gold’s portfolio of assets and long-term growth strategy is available at www.equinoxgold.com or by email at [email protected].

最新版德国汉堡造型艺术学院毕业证（HFBK毕业证书）原版定制Taqyea

复刻一套学位证书【q薇1954292140】鉴于此购买汉堡造型艺术学院最新版毕业证图片真实细腻的印刷效果尽收眼底,学位证1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。Buy Hochschule für Bildende Künste Hamburg Diploma《正式成绩单论文没过》有文凭却得不到认证。又该怎么办？鉴于此，购买德国毕业证【q微1954292140】德国文凭购买，德国文凭购买，德国文凭定制，德国文凭补办。专业在线定制德国大学文凭，定做德国本科文凭，【q微1954292140】复制德国Hochschule für Bildende Künste Hamburg completion letter。【学历认证流程汉堡造型艺术学院毕业证德国本科成绩单制作Buy Hochschule für Bildende Künste Hamburg Transcripts】购买日韩成绩单、英国大学成绩单、美国大学成绩单、澳洲大学成绩单、加拿大大学成绩单（q微1954292140）新加坡大学成绩单、新西兰大学成绩单、爱尔兰成绩单、西班牙成绩单、德国成绩单。成绩单的意义主要体现在证明学习能力、评估学术背景、展示综合素质、提高录取率，以及是作为留信认证申请材料的一部分。汉堡造型艺术学院成绩单能够体现您的的学习能力，包括汉堡造型艺术学院课程成绩、专业能力、研究能力。（q微1954292140）具体来说，成绩报告单通常包含学生的学习技能与习惯、各科成绩以及老师评语等部分，因此，成绩单不仅是学生学术能力的证明，也是评估学生是否适合某个教育项目的重要依据！主营项目： 1、真实教育部国外学历学位认证《德国毕业文凭证书快速办理汉堡造型艺术学院办学位证》【q微1954292140】《论文没过汉堡造型艺术学院正式成绩单》，教育部存档，教育部留服网站100%可查. 2、办理HFBK毕业证，改成绩单《HFBK毕业证明办理汉堡造型艺术学院办学位证》【Q/WeChat：1954292140】Buy Hochschule für Bildende Künste Hamburg Certificates《正式成绩单论文没过》，汉堡造型艺术学院Offer、在读证明、学生卡、信封、证明信等全套材料，从防伪到印刷，从水印到钢印烫金，高精仿度跟学校原版100%相同. 3、真实使馆认证（即留学人员回国证明），使馆存档可通过大使馆查询确认. 4、留信网认证，国家专业人才认证中心颁发入库证书，留信网存档可查. 在线制作汉堡造型艺术学院毕业证书1天之内完成【q微1954292140】汉堡造型艺术学院成绩单一站式办理专业技术完美呈现,办理汉堡造型艺术学院成绩单高质量保密的个性化服务高仿真还原德国文凭证书和外壳，定制德国汉堡造型艺术学院成绩单和信封。假学位证HFBK毕业证【q微1954292140】复刻毕业证汉堡造型艺术学院offer/学位证学位证书、留信官方学历认证（永久存档真实可查）采用学校原版纸张、特殊工艺完全按照原版一比一制作。帮你解决汉堡造型艺术学院学历学位认证难题。

Camil Institutional Presentation_mai25_vFR.pdfCAMILRI

Camil Institutional Presentation_May2025CAMILRI

最新版西班牙加那利群岛拉斯帕尔马斯大学毕业证（ULPGC毕业证书）原版定制Taqyea

挂科无法毕业鉴于此购买文凭【q薇1954292140】一比一原版(ULPGC毕业证)加那利群岛拉斯帕尔马斯大学毕业证如何办理改成绩单GPA，文凭购买，毕业证办理，文凭办理只是基础业务。【q薇1954292140】一比一还原国外大学毕业证，定制国外大学学历，制作国外大学文凭，复刻国外大学毕业证书。学位证1:1完美还原海外各大学毕业材料上的工艺：水印，阴影底纹，钢印LOGO烫金烫银，LOGO烫金烫银复合重叠。文字图案浮雕、激光镭射、紫外荧光、温感、复印防伪等防伪工艺。【办理加那利群岛拉斯帕尔马斯大学成绩单Buy Universidad de Las Palmas de Gran Canaria Transcripts】购买日韩成绩单、英国大学成绩单、美国大学成绩单、澳洲大学成绩单、加拿大大学成绩单（q微1954292140）新加坡大学成绩单、新西兰大学成绩单、爱尔兰成绩单、西班牙成绩单、德国成绩单。成绩单的意义主要体现在证明学习能力、评估学术背景、展示综合素质、提高录取率，以及是作为留信认证申请材料的一部分。加那利群岛拉斯帕尔马斯大学成绩单能够体现您的的学习能力，包括加那利群岛拉斯帕尔马斯大学课程成绩、专业能力、研究能力。（q微1954292140）具体来说，成绩报告单通常包含学生的学习技能与习惯、各科成绩以及老师评语等部分，因此，成绩单不仅是学生学术能力的证明，也是评估学生是否适合某个教育项目的重要依据！ Buy Universidad de Las Palmas de Gran Canaria Diploma《正式成绩单论文没过》有文凭却得不到认证。又该怎么办？鉴于此，购买西班牙毕业证【q微1954292140】西班牙文凭购买，西班牙文凭购买，西班牙文凭定制，西班牙文凭补办。专业在线定制西班牙大学文凭，定做西班牙本科文凭，【q微1954292140】复制西班牙Universidad de Las Palmas de Gran Canaria completion letter。在线快速补办西班牙本科毕业证、硕士文凭证书，购买西班牙学位证、加那利群岛拉斯帕尔马斯大学Offer，西班牙大学文凭在线购买。【主营项目】一、工作未确定，回国需先给父母、亲戚朋友看下文凭的情况，办理毕业证|办理加那利群岛拉斯帕尔马斯大学毕业证（ULPGC毕业证书）文凭: 买大学毕业证|买大学文凭【q薇1954292140】学位证明书如何办理申请？二、回国进私企、外企、自己做生意的情况，这些单位是不查询毕业证真伪的，而且国内没有渠道去查询国外文凭的真假，也不需要提供真实教育部认证。鉴于此，办理加那利群岛拉斯帕尔马斯大学毕业证【q薇1954292140】西班牙学位证（ULPGC毕业证书）加那利群岛拉斯帕尔马斯大学毕业证书如何办理国外大学毕业证, 文凭办理, 国外文凭办理, 留信网认证三.材料咨询办理、认证咨询办理加那利群岛拉斯帕尔马斯大学毕业证（ULPGC毕业证书）请加学历顾问【微信:1954292140】毕业证购买指大学文凭购买，毕业证办理和文凭办理。学院文凭定制，学校原版文凭补办，扫描件文凭定做，100%文凭复刻。经常操作的国家有美国毕业证，英国毕业证，澳洲毕业证，加拿大毕业证，以及德国毕业证，法国毕业证、荷兰毕业证、瑞士毕业证、日本毕业证、韩国毕业证、新西兰毕业证、新加坡毕业证、泰国毕业证、马来西亚毕业证等。包括了本科毕业证，硕士毕业证。

Camil Institutional Presentation_mai25_vFR.pdfCAMILRI

Pieter Stalenhoef_ Proven Investment Professional with Expertise in Fund Mana...WilliamClack2

Tax-Deferred Growth & Indexed Annuities_ Secure Your Financial Future.pptxiulfinancial6

Best Practices for NFT Investing and Security.docxtaymormohse7

最新版西班牙塞维利亚大学毕业证（US毕业证书）原版定制Taqyea

最新版美国杜肯大学毕业证（DU毕业证书）原版定制Taqyea

2025-06-11 North Arrow Update [NT Update]_WEBSITE.pdfnarminerals

Equinox Gold Calibre Mining Corporate PresentationEquinox Gold Corp.

最新版德国汉堡造型艺术学院毕业证（HFBK毕业证书）原版定制Taqyea

Camil Institutional Presentation_mai25_vFR.pdfCAMILRI

Camil Institutional Presentation_May2025CAMILRI

最新版西班牙加那利群岛拉斯帕尔马斯大学毕业证（ULPGC毕业证书）原版定制Taqyea

Continuous Integration for front-end JavaScript

1. Continuous Integration for front-end JavaScript Lars Thorup ZeaLake Software Consulting April, 2013

2. Who is Lars Thorup? ● Software developer/architect ● JavaScript, C# ● Test Driven Development ● Continuous Integration ● Coach: Teaching agile and automated testing ● Advisor: Assesses software projects and companies ● Founder of ZeaLake

3. Continuous Integration Code CI-server Results function createBoard() { ... } static analysis errors test runner Tests test('createBoard', { ... coverage coverage analysis }); minification distributables

4. GruntJS ● Command line ● Good support for ● NodeJS ● RequireJS ● CoffeeScript ● Static analysis ● JSHint ● Lots of other plugins ● Run tests in PhantomJS ● Popular and actively ● QUnit developed ● Jasmine ● and others ● Code Coverage ● Istanbul ● Blanket

5. src/test/code.test.js describe('durationInEnglish', function () { it('should return "now" when duration is 0', function () { expect(durationInEnglish(0)).toBe('now'); }); it('should return "x seconds ago" when ...', function () { var now = new Date(2013, 04, 19, 11, 00, 17); var then = new Date(2013, 04, 19, 11, 00, 00); expect(durationInEnglish(now - then)).toBe('17 seconds ago'); }) });

6. src/js/code.js function durationInEnglish(milliseconds) { var seconds = milliseconds / 1000; if(seconds === 0) { return 'now'; } else if(seconds < 60) { return seconds + ' seconds ago'; } else { return 'whenever'; } }

7. package.json { "name": "gruntdemo", "version": "0.1.1-1", "devDependencies": { "grunt-cli": "0.1.6", "grunt": "0.4.1", "grunt-contrib-jshint": "~0.1.1", "grunt-contrib-jasmine": "0.4.1", "grunt-template-jasmine-istanbul": "0.2.0" } } >npm install

8. Gruntfile.js module.exports = function (grunt) { var gruntConfig = {}; // task definitions ... // grunt grunt.initConfig(gruntConfig); };

9. Gruntfile.js - jshint grunt.loadNpmTasks('grunt-contrib-jshint'); gruntConfig.jshint = { all: [ '*.js', 'src/**/*.js' ] }; >grunt jshint Running "jshint:all" (jshint) task >> 3 files lint free.

10. Gruntfile.js - jasmine grunt.loadNpmTasks('grunt-contrib-jasmine'); gruntConfig.jasmine = { src: { src: [ 'src/js/**/*.js' ], options: { specs: 'src/test/**/*.test.js', junit: { path: 'output/testresults' } } } >grunt jasmine:src }; Running "jasmine:src" (jasmine) task Testing jasmine specs via phantom .. 2 specs in 0.109s. >> 0 failures

11. Gruntfile.js - istanbul gruntConfig.jasmine.istanbul = { src: gruntConfig.jasmine.src.src, options: { specs: gruntConfig.jasmine.src.options.specs, template: require('grunt-template-jasmine-istanbul'), templateOptions: { coverage: 'output/coverage/coverage.json', report: [ {type: 'html', options: {dir: 'output/coverage'}}, {type: 'text-summary'} ] } >grunt jasmine:istanbul Running "jasmine:istanbul" (jasmine) task } Testing jasmine specs via phantom }; .. ========== Coverage summary =========== Statements : 85.71% ( 6/7 ) Branches : 75% ( 3/4 ) Functions : 100% ( 1/1 ) Lines : 85.71% ( 6/7 ) =======================================

12. Coverage report

13. Coverage details

14. Jenkins job

15. Jenkins report

Continuous Integration for front-end JavaScript

Recommended

More Related Content

What's hot (20)

Similar to Continuous Integration for front-end JavaScript (20)

More from Lars Thorup (19)

Recently uploaded (12)

Continuous Integration for front-end JavaScript