\n
\n\n {{heading}}\n
\n\n \n
\n')}]),angular.module("uib/template/accordion/accordion.html",[]).run(["$templateCache",function(a){a.put("uib/template/accordion/accordion.html",'')}]),angular.module("uib/template/alert/alert.html",[]).run(["$templateCache",function(a){a.put("uib/template/alert/alert.html",'\n\n')}]),angular.module("uib/template/carousel/carousel.html",[]).run(["$templateCache",function(a){a.put("uib/template/carousel/carousel.html",'\n\n \n previous\n\n\n \n next\n\n- \n
- \n slide {{ $index + 1 }} of {{ slides.length }}, currently active\n \n
\n \n \n \n
\n')}]),angular.module("uib/template/datepicker/day.html",[]).run(["$templateCache",function(a){a.put("uib/template/datepicker/day.html",'| \n | \n | \n |
|---|---|---|
| \n | {{::label.abbr}} | \n|
| {{ weekNumbers[$index] }} | \n\n \n | \n
| \n | \n | \n |
|---|---|---|
| \n \n | \n
| \n | \n | \n |
|---|---|---|
| \n \n | \n
\n")}]),angular.module("uib/template/pager/pager.html",[]).run(["$templateCache",function(a){a.put("uib/template/pager/pager.html",'
\n \n \n
\n')}]),angular.module("uib/template/popover/popover-template.html",[]).run(["$templateCache",function(a){a.put("uib/template/popover/popover-template.html",'\n\n\n \n \n
\n')}]),angular.module("uib/template/popover/popover.html",[]).run(["$templateCache",function(a){a.put("uib/template/popover/popover.html",'\n\n\n \n \n
\n')}]),angular.module("uib/template/progressbar/bar.html",[]).run(["$templateCache",function(a){a.put("uib/template/progressbar/bar.html",'\n')}]),angular.module("uib/template/progressbar/progress.html",[]).run(["$templateCache",function(a){a.put("uib/template/progressbar/progress.html",'')}]),angular.module("uib/template/progressbar/progressbar.html",[]).run(["$templateCache",function(a){a.put("uib/template/progressbar/progressbar.html",'\n \n
\n')}]),angular.module("uib/template/rating/rating.html",[]).run(["$templateCache",function(a){a.put("uib/template/rating/rating.html",'\n ({{ $index < value ? \'*\' : \' \' }})\n \n\n')}]),angular.module("uib/template/tabs/tab.html",[]).run(["$templateCache",function(a){a.put("uib/template/tabs/tab.html",'\n \n
\n')}]),angular.module("uib/template/timepicker/timepicker.html",[]).run(["$templateCache",function(a){a.put("uib/template/timepicker/timepicker.html",'\n
\n\n
\n | \n | \n | \n | \n | \n | \n |
| \n \n | \n: | \n\n \n | \n: | \n\n \n | \n\n |
| \n | \n | \n | \n | \n | \n |
+
+
+
+
diff --git a/backstop_data/html_report/js/compare.js b/backstop_data/html_report/js/compare.js
new file mode 100644
index 0000000..78effe5
--- /dev/null
+++ b/backstop_data/html_report/js/compare.js
@@ -0,0 +1,136 @@
+/* global angular */
+
+var tests = {};
+
+function report (report) { // eslint-disable-line no-unused-vars
+ tests = report;
+}
+
+var compareApp = angular.module('compareApp', ['ui.bootstrap', 'angular-clipboard', 'revealer']);
+
+var defaultMisMatchThreshold = 1;
+
+var TestPair = function (o) {
+ this.a = {src: o.pair.reference || '', srcClass: 'reference'};
+ this.b = {src: o.pair.test || '', srcClass: 'test'};
+ this.c = {src: o.pair.diffImage || '', srcClass: 'diff'};
+
+ this.report = JSON.stringify(o.pair.diff, null, 2);
+ this.passed = o.status === 'pass';
+ this.meta = o;
+ this.meta.misMatchThreshold = (o && o.misMatchThreshold && o.misMatchThreshold >= 0) ? o.misMatchThreshold : defaultMisMatchThreshold;
+};
+
+compareApp.controller('MainCtrl', ['$scope', '$uibModal', 'clipboard', function ($scope, $uibModal, clipboard) {
+ $scope.name = tests.testSuite;
+ $scope.testPairs = [];
+ $scope.alerts = [];
+ $scope.passedCount = 0;
+ $scope.testDuration = 0;
+ $scope.testIsRunning = true;
+ $scope.isSummaryListCollapsed = true;
+ $scope.showPairStats = false;
+
+ if (!clipboard.supported) {
+ $scope.alerts.push({type: 'danger', msg: 'Sorry, copy to clipboard is not supported'});
+ }
+
+ tests.tests.forEach(function (o) {
+ if (o.status === 'pass') {
+ $scope.passedCount++;
+
+ $scope.testDuration += o.pair.diff.analysisTime;
+ if (o.pair.diff.requireSameDimensions) {
+ delete o.pair.diff.dimensionDifference;
+ }
+ delete o.pair.diff.analysisTime;
+ }
+
+ $scope.testPairs.push(new TestPair(o));
+ });
+
+ $scope.statusFilter = 'failed';
+ if ($scope.passedCount === $scope.testPairs.length) {
+ $scope.statusFilter = 'passed';
+ }
+
+ $scope.detailFilterOptions = ['failed', 'passed', 'all', 'none'];
+
+ $scope.displayOnStatusFilter = function (o) {
+ if ($scope.statusFilter === 'all') {
+ return true;
+ }
+
+ if ($scope.statusFilter === 'failed' && !o.passed) {
+ return true;
+ }
+
+ if ($scope.statusFilter === 'passed' && o.passed) {
+ return true;
+ }
+
+ return false;
+ };
+
+ $scope.copyFailedTestsIds = function () {
+ var failedTests = '';
+ $scope.testPairs.forEach(function (test) {
+ if (!test.passed) {
+ failedTests = failedTests + test.meta.pair.label + ',';
+ }
+ });
+
+ if (failedTests) {
+ clipboard.copyText(failedTests.substring(0, failedTests.length - 1));
+ $scope.alerts.push({type: 'success', msg: 'Failed tests were copied to clipboard'});
+ } else {
+ $scope.alerts.push({type: 'warning', msg: 'No failed tests were found'});
+ }
+ };
+
+ $scope.closeAlert = function (index) {
+ $scope.alerts.splice(index, 1);
+ };
+
+ $scope.openModal = function (size, referenceImg, testImg) {
+ $uibModal.open({
+ animation: true,
+ ariaLabelledBy: 'modal-title',
+ ariaDescribedBy: 'modal-body',
+ templateUrl: 'myModalContent.html',
+ controller: 'ModalInstanceCtrl',
+ windowClass: 'modal',
+ resolve: {
+ referenceImg: function () {
+ return referenceImg;
+ },
+ testImg: function () {
+ return testImg;
+ }
+ }
+ });
+ };
+}]);
+
+// Please note that $uibModalInstance represents a modal window (instance) dependency.
+// It is not the same as the $uibModal service used above.
+compareApp.controller('ModalInstanceCtrl', function ($scope, $uibModalInstance, referenceImg, testImg) {
+ $scope.imgPositionValue = 50;
+
+ $scope.selected = {
+ referenceImg: referenceImg,
+ testImg: testImg
+ };
+
+ $scope.setImgPositionValue = function (value) {
+ $scope.imgPositionValue = value;
+ };
+
+ $scope.ok = function () {
+ $uibModalInstance.close();
+ };
+
+ $scope.cancel = function () {
+ $uibModalInstance.dismiss('cancel');
+ };
+});
diff --git a/backstop_data/html_report/js/revealer.js b/backstop_data/html_report/js/revealer.js
new file mode 100644
index 0000000..5cadf69
--- /dev/null
+++ b/backstop_data/html_report/js/revealer.js
@@ -0,0 +1,317 @@
+/* global define */
+(function (root, factory) {
+ 'use strict';
+
+ if (typeof define === 'function' && define.amd) {
+ // AMD support
+ define(['angular'], factory);
+ } else if (typeof module !== 'undefined' && typeof module.exports === 'object') {
+ // commonJS support
+ module.exports = factory(require('angular'));
+ } else {
+ // no module loading system
+ return factory(root.angular);
+ }
+})(this, function (angular) {
+ 'use strict';
+
+ var module = 'revealer';
+
+ /**
+ * ngDoc module
+ * @name 'revealer'
+ * @description allow two images to be layered on top of each other
+ * and compared using a drag handler
+ */
+ angular
+ .module(module, [])
+ .directive('revealer', revealer);
+
+ var multipleEvents = [{
+ action: 'mousedown',
+ move: 'mousemove',
+ release: 'mouseup'
+ }, {
+ action: 'touchstart',
+ move: 'touchmove',
+ release: 'touchend'
+ }];
+
+ revealer.$inject = ['$document', '$window'];
+
+ /**
+ * @ngdoc directive
+ * @name revealer.directive:revealer
+ * @description directive that will take two images and create a handler * that allows for the top image to be adjusted that reveals
+ * the image below. Images will be inherit the size of its
+ * parent container
+ * @element {{alert.msg}}
+
+ {{name}} Report
+ ++ Passed {{passedCount}} Failed {{testPairs.length-passedCount}} +
+ +
+
+
+
+
+
+
+
+
+ |
+ failed
+ passed
+ |
+ {{ thisTestPair.meta.pair.label }} | +{{ thisTestPair.meta.pair.selector }} | +{{ thisTestPair.meta.pair.fileName }} | +
+
+
+
+
+
+
+
+
+
+ {{ thisTestPair.meta.pair.label }} - {{ thisTestPair.meta.pair.selector }}
+
+
+ {{ thisTestPair.meta.pair.fileName }}
+
+
+ REFERENCE
+ TEST
+ DIFF
+ REPORT
+
+
+
+ ![Reference]()
+
+
+ ![Test]()
+
+
+ ![Difference]()
+
+ 
+
+
+
+
+ failed
+ passed
+ Report: {{ thisTestPair.report }}
+ Threshold: {{ thisTestPair.meta.misMatchThreshold}}
+
+
+
+
+',
+ '![]()
',
+ '{{ bottomLabel}}',
+ '
'].join(''),
+ scope: {
+ bottomLabel: '@',
+ topLabel: '@',
+ bottomImage: '@',
+ topImage: '@',
+ startPosition: '=?',
+ onComplete: '&',
+ scroll: '=?',
+ scrollOffset: '=?'
+ },
+ link: link
+ };
+
+ function link (scope, elem, attr) {
+ // throw error when image path not provided
+ if ((!scope.topImage) ||
+ (!scope.bottomImage)) {
+ throw Error('please provide a valid path for the top and bottom image attributes on the revealer directive');
+ }
+
+ scope.startPosition = (scope.startPosition && scope.startPosition < 100) ? scope.startPosition : 50;
+
+ scope.scroll = scope.scroll === true;
+ scope.scrollOffset = scope.scrollOffset || 0;
+
+ var handle;
+ var topImage;
+ var revealer;
+ var handleClass;
+ var revealerSettings;
+ var handlerSettings;
+ var handleOffset = 0;
+
+ var handleDrag = throttle(_handleDrag, 40);
+ var handleScroll = throttle(_handleScroll, 20);
+
+ $document.ready(function () {
+ // store the needed elements
+ handle = getElem(elem, '.revealer__handle');
+ topImage = getElem(elem, '.revealer__top-image');
+ revealer = getElem(elem, '.revealer__container');
+ handleClass = 'revealer__handle--drag';
+
+ if (scope.scroll) {
+ // $window does not have on method so it must be wrapped
+ // in an angular.element to use this method
+ angular.element($window).on('scroll', handleScroll);
+ }
+
+ (!scope.scroll) ? setRevealPosition(handle, topImage, scope.startPosition) : setRevealPosition(handle, topImage, 0);
+
+ angular.forEach(multipleEvents, function (eventConfig) {
+ handle.on(eventConfig.action, function (e) {
+ var clickPos;
+
+ handle.addClass(handleClass);
+ revealerSettings = getDimensions(revealer);
+ handlerSettings = getDimensions(handle);
+
+ // get the click/touch postiton of the handler
+ clickPos = mousePos(e, handlerSettings).x;
+
+ // if the click position is on the other side of the handler
+ // we have to set a negative offset, also do some maths to
+ // calculate the actual value to offset
+ if (clickPos > handlerSettings.width / 2) {
+ handleOffset = -(clickPos - handlerSettings.width / 2);
+ } else {
+ handleOffset = (handlerSettings.width / 2 - clickPos);
+ }
+
+ // when the handle is dragged, can either
+ // be a 'mousemove' or 'touchmove' event,
+ // calculate the position of the overlay
+ $document.on(eventConfig.move, handleDrag);
+
+ // when the release action is triggered unbind
+ // event listeners on drag an elements
+ $document.on(eventConfig.release, removeListeners);
+ });
+ });
+
+ scope.$watch('startPosition', function (newValue, oldValue) {
+ setRevealPosition(handle, topImage, newValue);
+ });
+ }); // ready
+
+ /**
+ * handle the drag of the handle, if the handle is
+ * dragged outside the container do nothing. Otherwise
+ * calculate the percentage and set the position of
+ * the handle and the width of the topImage container
+ * @param {Event Object} e : Event Object
+ */
+ function _handleDrag (e) {
+ e.preventDefault();
+
+ var eventObject = (e.type === 'mousemove') ? e : e.changedTouches[0];
+ var position = mousePos(eventObject, revealerSettings);
+ var percentage;
+
+ position.x += handleOffset;
+
+ if (position.x < 0 || position.x > revealerSettings.width) {
+ return;
+ }
+
+ percentage = (position.x / revealerSettings.width) * 100;
+
+ setRevealPosition(handle, topImage, percentage);
+ }
+
+ /**
+ * when the pages scrolls calculate if the element is in the
+ * viewport and then set the reveal position in relation to
+ * the scroll position of the element
+ * @param {Event Object} e
+ */
+ function _handleScroll (e) {
+ e.preventDefault();
+
+ // calculate if elem in viewport
+ // if it is, calculate the scroll percentage
+ // in relation to the elem, set percentage for revealer
+ if (inView(elem, $window, scope.scrollOffset)) {
+ var elemTop = getDimensions(elem[0].parentNode).top;
+ var height = window.innerHeight - scope.scrollOffset;
+ var percentage = (height - elemTop) / height * 100;
+
+ if (percentage > 0 && percentage < 100) {
+ setRevealPosition(handle, topImage, percentage);
+ }
+ }
+ }
+
+ /**
+ * ensure only the correct event listener functions
+ * are removed from the 'document' object
+ * @param {Object} config
+ * @param {Event object} e
+ */
+ function removeListeners (e) {
+ var configIndex = (e.type === multipleEvents[0].release) ? 0 : 1;
+ var config = multipleEvents[configIndex];
+
+ if (scope.onComplete) {
+ scope.onComplete();
+ }
+
+ handle.removeClass(handleClass);
+ $document.off(config.move, handleDrag);
+ $document.off(config.release, removeListeners);
+
+ if (scope.pageScroll) {
+ angular.element($window).off('scroll', handleScroll);
+ }
+ }
+ } // link
+ } // revealer
+
+ /**
+ * set the position of the handler and the revealer
+ * @param {DOM Object} handle : drag handler
+ * @param {DOM object} revealer : top image to reveal
+ * @param {Number} position : position of revealer
+ */
+ function setRevealPosition (handle, revealer, position) {
+ handle.css({ left: appendPercentage(position) });
+ revealer.css({ width: appendPercentage(position) });
+ }
+
+ /**
+ * return an angular element based on the querySelector of the elem provided
+ * @param {DOM Element} elem : element to find elements near
+ * @param {String} value : class to search for
+ * @return {DOM Element}
+ */
+ function getElem (elem, value) {
+ return angular.element(elem[0].querySelector(value));
+ }
+
+ /**
+ * get the mouse coordinates based on a target element
+ * @param {Event object} e
+ * @param {Object} target position of target element on page
+ * @return {Object} x and y coordinates of mouse
+ */
+ function mousePos (e, target) {
+ return {
+ x: e.clientX - target.left
+ };
+ }
+
+ /**
+ * get the settings of the DOM element passed as a parameter
+ * @param {DOM element} elem
+ * @return {Object} getBoundingClientRect() results
+ */
+ function getDimensions (elem) {
+ elem = elem[0] || elem;
+ return elem.getBoundingClientRect();
+ }
+
+ /**
+ * return the value as a string with '%' appendPercentage
+ * @param {Number} value
+ * @return {String} string representation of value
+ */
+ function appendPercentage (value) {
+ return value + '%';
+ }
+
+ /**
+ * utility function to throttle the execution
+ * of the callback, this is useful when every
+ * operations need to be done on events that
+ * get executed in rapid succession. The callback
+ * will get executed after the delay
+ * @param {Function} cb
+ * @param {Number} delay
+ * @return {Function}
+ */
+ function throttle (cb, delay) {
+ var _this = this;
+ var wait = false;
+
+ function reset () {
+ wait = false;
+ }
+
+ return function () {
+ if (!wait) {
+ cb.apply(_this, arguments);
+ wait = true;
+ setTimeout(reset, delay);
+ }
+ };
+ }
+
+ /**
+ * return if the DOM element is within the window
+ * viewport, offset can be applied
+ * @param {DOM Object} elem
+ * @param {Object} global
+ * @param {Number} offset
+ * @return {Boolean}
+ */
+ function inView (elem, win, offset) {
+ offset = offset || 0;
+ var dimensions = getDimensions(elem[0].parentNode || elem);
+ return (!!dimensions && dimensions.bottom >= 0 && dimensions.top <= win.innerHeight - offset);
+ }
+
+ return module;
+});
diff --git a/dist/837d4650ed7254801ccba2ae8beb9df2.svg b/dist/837d4650ed7254801ccba2ae8beb9df2.svg
new file mode 100644
index 0000000..1cca2f6
--- /dev/null
+++ b/dist/837d4650ed7254801ccba2ae8beb9df2.svg
@@ -0,0 +1,20 @@
+
+
+
\ No newline at end of file
diff --git a/dist/92345036ee8cc0376891ead78aefc978.ttf b/dist/92345036ee8cc0376891ead78aefc978.ttf
new file mode 100644
index 0000000..40b8e2d
Binary files /dev/null and b/dist/92345036ee8cc0376891ead78aefc978.ttf differ
diff --git a/dist/95469ba42e800657c6840d7020d7ec47.woff b/dist/95469ba42e800657c6840d7020d7ec47.woff
new file mode 100644
index 0000000..7d222d7
Binary files /dev/null and b/dist/95469ba42e800657c6840d7020d7ec47.woff differ
diff --git a/dist/_temp/fake-service.json b/dist/_temp/fake-service.json
new file mode 100644
index 0000000..1a76b57
--- /dev/null
+++ b/dist/_temp/fake-service.json
@@ -0,0 +1,27 @@
+{
+ "pageTitle": "This is a page title",
+ "components": [
+ {
+ "component": "feature",
+ "title": "Test Feature",
+ "copy": "some text for this feature",
+ "id": "id456"
+ },
+ {
+ "component": "feature",
+ "title": "Test Feature 2",
+ "copy": "some text for this feature",
+ "id": "id123"
+ },
+ {
+ "component": "promo",
+ "title": "Test Promo",
+ "copy": "some text for this promo",
+ "id": "id789",
+ "link": {
+ "href": "#",
+ "text": "Link to something"
+ }
+ }
+ ]
+}
\ No newline at end of file
diff --git a/dist/a5a87e387b13a8fdb4b65261ed6c77f1.eot b/dist/a5a87e387b13a8fdb4b65261ed6c77f1.eot
new file mode 100644
index 0000000..4ed2c28
Binary files /dev/null and b/dist/a5a87e387b13a8fdb4b65261ed6c77f1.eot differ
diff --git a/dist/bundle.js b/dist/bundle.js
new file mode 100644
index 0000000..beca3e7
--- /dev/null
+++ b/dist/bundle.js
@@ -0,0 +1,28 @@
+!function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/",e(e.s=171)}([function(t,e,n){var r=n(2),o=n(26),i=n(15),a=n(16),u=n(23),c=function(t,e,n){var l,s,f,p,d=t&c.F,h=t&c.G,v=t&c.S,m=t&c.P,y=t&c.B,g=h?r:v?r[e]||(r[e]={}):(r[e]||{}).prototype,b=h?o:o[e]||(o[e]={}),w=b.prototype||(b.prototype={});h&&(n=e);for(l in n)s=!d&&g&&void 0!==g[l],f=(s?g:n)[l],p=y&&s?u(f,r):m&&"function"==typeof f?u(Function.call,f):f,g&&a(g,l,f,t&c.U),b[l]!=f&&i(b,l,p),m&&w[l]!=f&&(w[l]=f)};r.core=o,c.F=1,c.G=2,c.S=4,c.P=8,c.B=16,c.W=32,c.U=64,c.R=128,t.exports=c},function(t,e,n){var r=n(4);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){"use strict";t.exports=n(375)},function(t,e,n){var r=n(58)("wks"),o=n(37),i=n(2).Symbol,a="function"==typeof i;(t.exports=function(t){return r[t]||(r[t]=a&&i[t]||(a?i:o)("Symbol."+t))}).store=r},function(t,e,n){t.exports=n(387)()},function(t,e,n){t.exports=!n(3)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e,n){var r=n(1),o=n(110),i=n(27),a=Object.defineProperty;e.f=n(8)?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){var r=n(29),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},function(t,e,n){var r=n(28);t.exports=function(t){return Object(r(t))}},function(t,e,n){"use strict";var r=function(){};t.exports=r},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var r=n(9),o=n(36);t.exports=n(8)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r=n(2),o=n(15),i=n(14),a=n(37)("src"),u=Function.toString,c=(""+u).split("toString");n(26).inspectSource=function(t){return u.call(t)},(t.exports=function(t,e,n,u){var l="function"==typeof n;l&&(i(n,"name")||o(n,"name",e)),t[e]!==n&&(l&&(i(n,a)||o(n,a,t[e]?""+t[e]:c.join(String(e)))),t===r?t[e]=n:u?t[e]?t[e]=n:o(t,e,n):(delete t[e],o(t,e,n)))})(Function.prototype,"toString",function(){return"function"==typeof this&&this[a]||u.call(this)})},function(t,e,n){var r=n(0),o=n(3),i=n(28),a=/"/g,u=function(t,e,n,r){var o=String(i(t)),u="<"+e;return""!==n&&(u+=" "+n+'="'+String(r).replace(a,""")+'"'),u+">"+o+""};t.exports=function(t,e){var n={};n[t]=e(u),r(r.P+r.F*o(function(){var e=""[t]('"');return e!==e.toLowerCase()||e.split('"').length>3}),"String",n)}},function(t,e,n){var r=n(52),o=n(28);t.exports=function(t){return r(o(t))}},function(t,e,n){var r=n(53),o=n(36),i=n(18),a=n(27),u=n(14),c=n(110),l=Object.getOwnPropertyDescriptor;e.f=n(8)?l:function(t,e){if(t=i(t),e=a(e,!0),c)try{return l(t,e)}catch(t){}if(u(t,e))return o(!r.f.call(t,e),t[e])}},function(t,e,n){var r=n(14),o=n(11),i=n(76)("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=o(t),r(t,i)?t[i]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},function(t,e,n){"use strict";var r=function(t,e,n,r,o,i,a,u){if(!t){var c;if(void 0===e)c=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var l=[n,r,o,i,a,u],s=0;c=new Error(e.replace(/%s/g,function(){return l[s++]})),c.name="Invariant Violation"}throw c.framesToPop=1,c}};t.exports=r},function(t,e,n){"use strict";function r(t){return"[object Array]"===O.call(t)}function o(t){return"[object ArrayBuffer]"===O.call(t)}function i(t){return"undefined"!=typeof FormData&&t instanceof FormData}function a(t){return"undefined"!=typeof ArrayBuffer&&ArrayBuffer.isView?ArrayBuffer.isView(t):t&&t.buffer&&t.buffer instanceof ArrayBuffer}function u(t){return"string"==typeof t}function c(t){return"number"==typeof t}function l(t){return void 0===t}function s(t){return null!==t&&"object"==typeof t}function f(t){return"[object Date]"===O.call(t)}function p(t){return"[object File]"===O.call(t)}function d(t){return"[object Blob]"===O.call(t)}function h(t){return"[object Function]"===O.call(t)}function v(t){return s(t)&&h(t.pipe)}function m(t){return"undefined"!=typeof URLSearchParams&&t instanceof URLSearchParams}function y(t){return t.replace(/^\s*/,"").replace(/\s*$/,"")}function g(){return("undefined"==typeof navigator||"ReactNative"!==navigator.product)&&"undefined"!=typeof window&&"undefined"!=typeof document}function b(t,e){if(null!==t&&void 0!==t)if("object"==typeof t||r(t)||(t=[t]),r(t))for(var n=0,o=t.length;n',
+ '![]()
',
+ '{{topLabel}}',
+ '
',
+ '',
+ '{props.tagline}
- ) -} - -SomeText.propTypes = { - tagline: React.PropTypes.string.isRequired -} - -export default SomeText; \ No newline at end of file diff --git a/src/Pages/404/404.js b/src/Pages/404/404.js deleted file mode 100644 index d399b27..0000000 --- a/src/Pages/404/404.js +++ /dev/null @@ -1,13 +0,0 @@ -import React from "react"; - -class NotFound extends React.Component { - render() { - return ( -
-
- )
- }
-}
-
-export default NotFound;
\ No newline at end of file
diff --git a/src/Pages/about/about.js b/src/Pages/about/about.js
deleted file mode 100644
index 2afbe48..0000000
--- a/src/Pages/about/about.js
+++ /dev/null
@@ -1,16 +0,0 @@
-import React from "react";
-
-import SomeText from "../../Components/SomeText";
-
-class About extends React.Component {
- render() {
- return (
- 404
-
-
- )
- }
-}
-
-export default About;
\ No newline at end of file
diff --git a/src/Pages/home/home.js b/src/Pages/home/home.js
deleted file mode 100644
index 0792b8c..0000000
--- a/src/Pages/home/home.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import React, { Component } from 'react';
-import '../home/home.css';
-
-class Home extends Component {
- render() {
- return (
- About
-
-
- );
- }
-}
-
-export default Home;
diff --git a/src/index.js b/src/index.js
deleted file mode 100644
index 5b5866a..0000000
--- a/src/index.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import {
- BrowserRouter as Router,
- Route,
- Switch
-} from 'react-router-dom'
-
-import Home from './Pages/home/home';
-import NotFound from "./Pages/404/404";
-import About from "./Pages/about/about";
-
-import './styles/styles.css';
-
-const Root = () => {
- return(
-
- Home
-
-
-
-
-
-
- )
-}
-
-ReactDOM.render(
- BB React Prototype
-
-
-
-
-
-
-
-
-
-
-
+
+`;
+
+exports[`should render an empty feature 1`] = `
+
+
+
+
+
+
+
+
+ + Test Feature +
+ +
+
+`;
diff --git a/test/__snapshots__/footer.test.js.snap b/test/__snapshots__/footer.test.js.snap
new file mode 100644
index 0000000..1bd76cf
--- /dev/null
+++ b/test/__snapshots__/footer.test.js.snap
@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render the footer 1`] = `
+
+`;
diff --git a/test/__snapshots__/header.test.js.snap b/test/__snapshots__/header.test.js.snap
new file mode 100644
index 0000000..02185fe
--- /dev/null
+++ b/test/__snapshots__/header.test.js.snap
@@ -0,0 +1,71 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render the header 1`] = `
+
+
+
+
+
+
+
+
+
+
+ + + Page Header + +
++ + Page Header + +
+
+
+
+`;
+
+exports[`should render the menu with menuIn prop set 1`] = `
+-
+
- + + Home + + +
- + + Test + + +
- + + Dynamic Page + + +
+
+
+`;
+
+exports[`should simulate menu close btn press 1`] = `
+-
+
- + + Home + + +
- + + Test + + +
- + + Dynamic Page + + +
+
+
+`;
+
+exports[`should simulate menu close btn press 2`] = `
+-
+
- + + Home + + +
- + + Test + + +
- + + Dynamic Page + + +
+
+
+`;
diff --git a/test/__snapshots__/promo.test.js.snap b/test/__snapshots__/promo.test.js.snap
new file mode 100644
index 0000000..1c19189
--- /dev/null
+++ b/test/__snapshots__/promo.test.js.snap
@@ -0,0 +1,62 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should render a promo 1`] = `
+-
+
- + + Home + + +
- + + Test + + +
- + + Dynamic Page + + +
+
+`;
+
+exports[`should render an empty promo 1`] = `
+
+
+
+
+
+
+
+
+ + Test Promo +
++ some text for this promo +
+ + Link to something + +
+
+`;
diff --git a/test/feature.test.js b/test/feature.test.js
new file mode 100644
index 0000000..d0d7fe1
--- /dev/null
+++ b/test/feature.test.js
@@ -0,0 +1,28 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import toJson from 'enzyme-to-json';
+import renderer from 'react-test-renderer';
+import Feature from '../app/components/feature';
+
+const testData = {
+ "title": "Test Feature",
+ "copy": "some text for this feature",
+ "id": "id456"
+};
+
+it('should render an empty feature', () => {
+ const tree = renderer.create(
+
+
+
+
+
+
+
+
+
+
+