griffinmyers
/ index.html
Created Dec 15, 2014
View index.html
| <!doctype html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> | |
| <title>d3</title> | |
| <script src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.5.2/d3.js" charset="utf-8"></script> | |
| <script src="http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.js" charset="utf-8"></script> | |
| <style type="text/css"> |
griffinmyers
/ Dockerfile
Created Jun 26, 2017
View Dockerfile
| FROM node:5.12 | |
| ARG phantomjs_version=2.1.1 | |
| RUN mkdir /sdk | |
| WORKDIR /sdk | |
| RUN \ | |
| apt-get update && \ | |
| apt-get upgrade -y && \ |
griffinmyers
/ ellipsis.css
Created Jun 26, 2017
View ellipsis.css
| .ellipsis { | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| overflow: hidden; | |
| } |
griffinmyers
/ npm-install.sh
Created Jun 26, 2017
View npm-install.sh
| $ npm install --dev image-diff, jasmine, jasmine-spec-reporter, karma, karma-jasmine, karma-phantomjs-launcher, karma-spec-reporter |
griffinmyers
/ helper.js
Created Jun 26, 2017
View helper.js
| // `name`: The image filename | |
| // `done`: A function provided by jasmine to invoke when we're finished | |
| // rendering | |
| window.renderScreen = function renderScreen(name, done) { | |
| setTimeout(function() { | |
| window.top.callPhantom({ type: 'render', name: name }); | |
| done(); | |
| }, 500); | |
| } |
griffinmyers
/ render-runner.js
Created Jun 26, 2017
View render-runner.js
| const path = require('path'); | |
| const karma = require('karma'); | |
| const Server = karma.Server; | |
| const server = new Server({ | |
| configFile: path.join(__dirname, 'render-karma.conf.js') | |
| }, process.exit.bind(process)); | |
| // Make sure dirPath exists and is clean. |
griffinmyers
/ render-karma.conf.js
Last active Jun 26, 2017
View render-karma.conf.js
| 'use strict'; | |
| module.exports = config => { | |
| config.set({ | |
| basePath: '../../', | |
| frameworks: ['jasmine'], | |
| files: [ |
griffinmyers
/ visual-diff-test.js
Created Jun 26, 2017
View visual-diff-test.js
| describe('visual-diff', function() { | |
| it('renders a Button', function(done) { | |
| var button = new Button({ | |
| title: 'Everythings OK Alarm', | |
| subtitle: 'The alarm will make a sound every three seconds', | |
| cost: '$$$$', | |
| cta: 'Order now', | |
| image: '/base/test/assets/homer.jpg' | |
| }); |
griffinmyers
/ diff-runner.js
Created Jun 26, 2017
View diff-runner.js
| const Jasmine = require('jasmine'); | |
| const SpecReporter = require('jasmine-spec-reporter'); | |
| const runner = new Jasmine(); | |
| runner.configureDefaultReporter({ print: function() {} }); | |
| runner.addReporter(new SpecReporter()); | |
| runner.loadConfig({ | |
| spec_dir: 'test/visual-diff', | |
| spec_files: ['diff-test.js'], |
griffinmyers
/ diff-test.js
Created Jun 26, 2017
View diff-test.js
| const fs = require('fs'); | |
| const path = require('path'); | |
| const imageDiff = require('image-diff'); | |
| const testCases = fs.readdirSync(path.join('/', 'visual-diff', 'results')); | |
| const expectations = fs.readdirSync(path.join(__dirname, 'expectations')); | |
| const localBasePath = path.join('test', 'visual-diff'); | |
| const dockerBasePath = path.join('/', 'visual-diff'); |
OlderNewer