workarea-storefront 3.4.12

data/test/javascripts/analytics_spec.js

@@ -0,0 +1,91 @@
+(function () {
+    'use strict';
+
+    describe('WORKAREA.analytics', function () {
+        describe('registerAdapter', function () {
+            it('adds to callbacks', function () {
+                WORKAREA.analytics.registerAdapter('foo', function () {
+                    return { test: $.noop };
+                });
+
+                WORKAREA.analytics.registerAdapter('bar', function () {
+                    return { test: $.noop };
+                });
+
+                expect(WORKAREA.analytics.callbacks.test).to.have.length(2);
+
+                expect(WORKAREA.analytics.callbacks.test[0]).to.be.a('function');
+                expect(WORKAREA.analytics.callbacks.test[1]).to.be.a('function');
+            });
+        });
+
+        describe('fireCallback', function () {
+            it('runs the callbacks for the event with data', function () {
+                var foo = null,
+                    bar = null;
+
+                WORKAREA.analytics.registerAdapter('foo', function () {
+                    return { test: function (data) { foo = data; } };
+                });
+
+                WORKAREA.analytics.registerAdapter('bar', function () {
+                    return { test: function (data) { bar = data; } };
+                });
+
+                WORKAREA.analytics.fireCallback('test', 'data');
+
+                expect(foo).to.equal('data');
+                expect(bar).to.equal('data');
+            });
+        });
+
+        describe('setupFormSubmissions', function () {
+            it('adds the quantity to the payload', function () {
+                this.fixtures = fixture.load(
+                    'analytics_add_to_cart_form.html', false
+                );
+
+                var result = null;
+
+                WORKAREA.analytics.registerAdapter('gdfg', function () {
+                    return {
+                        addToCart: function (payload) { result = payload; }
+                    };
+                });
+
+                WORKAREA.analytics.init($(this.fixtures));
+
+                $('input[name="quantity"]', this.fixtures).val('2');
+
+                $('.product-details__add-to-cart-form', this.fixtures)
+                .on('submit', function(e) { e.preventDefault(); })
+                .submit();
+
+                expect(result.foo).to.equal('baz');
+                expect(result.quantity).to.equal('2');
+            });
+        });
+
+        describe('init', function () {
+            it('sets up product clicks with list and position', function () {
+                this.fixtures = fixture.load('analytics_product_click.html', false);
+
+                var result = null;
+
+                WORKAREA.analytics.registerAdapter('test', function () {
+                    return {
+                        productClick: function (payload) { result = payload; }
+                    };
+                });
+
+                WORKAREA.analytics.init($(this.fixtures));
+
+                $('#product-list p:eq(1)', this.fixtures).click();
+
+                expect(result.foo).to.equal('bar');
+                expect(result.list).to.equal('Foo List');
+                expect(result.position).to.equal(4);
+            });
+        });
+    });
+}());

data/test/javascripts/authenticity_token_spec.js

@@ -0,0 +1,26 @@
+(function () {
+    'use strict';
+
+    describe('WORKAREA.authenticityToken', function () {
+        it('appends authenticity token within jQuery.ajax#beforeSend', function() {
+            this.fixtures = fixture.load('authenticity_token.html', false);
+            WORKAREA.initModules($(this.fixtures));
+
+            $.get('/')
+                .then(function(response, event, xhr) {
+                    expect(xhr.getResponseHeader('X-CSRF-Token')).to.equal('foo');
+                })
+                .done();
+        });
+
+        describe('init', function() {
+            it('appends user authenticity token to forms', function() {
+                WORKAREA.authenticityToken.init($(this.fixtures));
+
+                var $input = $('form > input[type="hidden"][name="authenticity_token"]');
+
+                expect($input).not.to.be.empty;
+            });
+        });
+    });
+}());

data/test/javascripts/back_to_top_button_spec.js

@@ -0,0 +1,41 @@
+(function () {
+    'use strict';
+
+    describe('WORKAREA.backToTopButton', function () {
+        describe('init', function () {
+            beforeEach(function () {
+                this.fixtures = fixture.load('back_to_top_button.html');
+                WORKAREA.backToTopButton.init($(this.fixtures));
+            });
+
+            afterEach(function () {
+                $('#back-to-top-button').remove();
+            });
+
+            it('injects a button', function () {
+                expect(_.isEmpty($('#back-to-top-button'))).to.equal(false);
+            });
+
+            it('saves a waypoint instance to the element', function () {
+                var $trigger = $('[data-back-to-top-button]'),
+                    waypoint = $trigger.data('backToTopWaypoint');
+
+                expect(waypoint).to.be.an('object');
+                expect(waypoint.element).to.equal($trigger[0]);
+                expect(waypoint.key).to.include('waypoint');
+            });
+
+            it('handles the visibility of the button', function () {
+                var $trigger = $('[data-back-to-top-button]'),
+                    waypoint = $trigger.data('backToTopWaypoint');
+
+                waypoint.callback('down');
+                expect(_.isEmpty($('.back-to-top-button--visible'))).to.equal(false);
+
+                waypoint.callback('up');
+                expect(_.isEmpty($('.back-to-top-button--visible'))).to.equal(true);
+            });
+        });
+    });
+}());
+

data/test/javascripts/break_points_spec.js

@@ -0,0 +1,41 @@
+(function () {
+    'use strict';
+
+    describe('WORKAREA.breakPoints', function () {
+        describe('currentMatches', function () {
+            it('returns an array', function () {
+                expect(WORKAREA.breakPoints.currentMatches).to.be.instanceof(Array);
+            });
+        });
+
+        describe('currentlyLessThan', function () {
+            var config = WORKAREA.config.storefrontBreakPoints;
+            before(function () {
+                WORKAREA.config.storefrontBreakPoints.sizes = {
+                    small: 320,
+                    medium: 760,
+                    wide: 960,
+                    x_wide: 1160,
+                    test: 999999
+                };
+
+                WORKAREA.breakPoints.createBreakPoints();
+            });
+
+            after(function(){
+                WORKAREA.config.storefrontBreakPoints = config;
+            });
+
+            it('returns correct boolean value depending on current breakpoint', function () {
+                expect(WORKAREA.breakPoints.currentlyLessThan('small')).to.be.false;
+                expect(WORKAREA.breakPoints.currentlyLessThan('test')).to.be.true;
+            });
+
+            it('returns false unless a valid breakpoint name is provided', function () {
+                expect(WORKAREA.breakPoints.currentlyLessThan('foo')).to.be.false;
+                expect(WORKAREA.breakPoints.currentlyLessThan(1)).to.be.false;
+                expect(WORKAREA.breakPoints.currentlyLessThan(undefined)).to.be.false;
+            });
+        });
+    });
+}());

data/test/javascripts/checkout_primary_payments_spec.js

@@ -0,0 +1,32 @@
+(function () {
+    'use strict';
+
+    describe('WORKAREA.checkoutPrimaryPayments', function () {
+        describe('activatePaymentMethod', function () {
+            it('selects only one payment method', function () {
+                var $newCard,
+                    $savedCard,
+                    $scope = fixture.load('checkout_primary_payments.html'),
+                    selected = 'checkout-payment__primary-method--selected';
+
+                WORKAREA.checkoutPrimaryPayments.init($scope);
+
+                $newCard = $('#new_card');
+                $savedCard = $('#saved_card');
+
+                expect($newCard.length).to.equal(1);
+                expect($savedCard.length).to.equal(1);
+
+                expect($newCard.hasClass(selected)).to.equal(true);
+                expect($savedCard.hasClass(selected)).to.equal(false);
+
+                $savedCard.trigger('click');
+                $newCard = $('#new_card');
+                $savedCard = $('#saved_card');
+
+                expect($newCard.hasClass(selected)).to.equal(false);
+                expect($savedCard.hasClass(selected)).to.equal(true);
+            });
+        });
+    });
+}());

data/test/javascripts/dialog_spec.js

@@ -0,0 +1,347 @@
+(function () {
+    'use strict';
+
+    describe('WORKAREA.dialog', function () {
+        var resetDialogZIndexes = function () {
+                $('.ui-dialog', document).each(function (index, dialog) {
+                    $(dialog).css({ zIndex: 40 + index });
+                });
+            },
+
+            hasContent = function ($collection, selector) {
+                var $result =  $collection.filter(function (index, element) {
+                        return $.contains(element, selector);
+                    });
+
+                return _.isEmpty($result);
+            },
+
+            openDialogCount = function () {
+                return WORKAREA.dialog.all().filter(function (index, dialog) {
+                    return $(dialog).dialog('isOpen');
+                }).length;
+            },
+
+            $fixture,
+            server;
+
+        beforeEach(function () {
+            // load dialog fixture
+            $fixture = $(fixture.load('dialog.html', true));
+
+            // autocreate first three dialogs
+            $('.auto-dialog', $fixture).each(function (index, content) {
+                WORKAREA.dialog.create(content);
+            });
+
+            // adjust the dialogs z-indexes
+            resetDialogZIndexes();
+
+            // start up the server
+            server = sinon.fakeServer.create();
+        });
+
+        afterEach(function () {
+            // destroy all open dialogs
+            _.forEach(WORKAREA.dialog.all(), function (dialog) {
+                $(dialog).dialog('destroy');
+            });
+
+            // teardown the server
+            server.restore();
+        });
+
+
+        describe('all', function () {
+            it('returns all dialogs', function () {
+                expect(WORKAREA.dialog.all().length).to.equal(3);
+            });
+        });
+
+        describe('closest', function () {
+            it('returns the dialog closest to the given element', function () {
+                var secondContent = $('#content-2')[0],
+                    $dialog = WORKAREA.dialog.closest(secondContent);
+
+                expect(hasContent($dialog, '#content-2')).to.equal(true);
+            });
+        });
+
+        describe('top', function () {
+            it('returns the dialog in the foreground', function () {
+                var $dialog = WORKAREA.dialog.top();
+
+                expect(hasContent($dialog, '#content-3')).to.equal(true);
+            });
+        });
+
+        describe('current', function () {
+            it('returns the closest dialog, if element is found', function () {
+                var secondContent = $('#content-2')[0],
+                    $dialog = WORKAREA.dialog.current(secondContent);
+
+                expect(hasContent($dialog, '#content-2')).to.equal(true);
+            });
+
+            it('returns the top dialog, if element is not found', function () {
+                var unknownContent = $('#content-foo')[0],
+                    $dialog = WORKAREA.dialog.current(unknownContent);
+
+                expect(hasContent($dialog, '#content-3')).to.equal(true);
+            });
+        });
+
+
+        describe('closeAll', function () {
+            it('closes all dialogs', function () {
+                expect(openDialogCount()).to.equal(3);
+
+                WORKAREA.dialog.closeAll();
+
+                expect(openDialogCount()).to.equal(0);
+            });
+        });
+
+        describe('closeClosest', function () {
+            it('closes the dialog closest to the given element', function () {
+                expect(openDialogCount()).to.equal(3);
+
+                WORKAREA.dialog.closeClosest('#content-2');
+
+                expect(openDialogCount()).to.equal(2);
+
+                expect(
+                    WORKAREA.dialog.withinDialog($('#content-2'))
+                ).to.equal(false);
+            });
+        });
+
+        describe('closeTop', function () {
+            it('closes the dialog in the foreground', function () {
+                expect(openDialogCount()).to.equal(3);
+
+                WORKAREA.dialog.closeTop();
+
+                expect(openDialogCount()).to.equal(2);
+
+                expect(
+                    WORKAREA.dialog.withinDialog($('#content-3'))
+                ).to.equal(false);
+            });
+        });
+
+        describe('closeCurrent', function () {
+            it('closes the closest dialog, if element is found', function () {
+                expect(openDialogCount()).to.equal(3);
+
+                WORKAREA.dialog.closeCurrent('#content-2');
+
+                expect(openDialogCount()).to.equal(2);
+
+                expect(
+                    WORKAREA.dialog.withinDialog($('#content-2'))
+                ).to.equal(false);
+            });
+
+            it('closes the top dialog, if element is found', function () {
+                expect(openDialogCount()).to.equal(3);
+
+                WORKAREA.dialog.closeCurrent('#foo-bar');
+
+                expect(openDialogCount()).to.equal(2);
+
+                expect(
+                    WORKAREA.dialog.withinDialog($('#content-3'))
+                ).to.equal(false);
+            });
+        });
+
+
+        describe('withinDialog', function () {
+            it('determines if a collection is within a dialog', function () {
+                expect(
+                    WORKAREA.dialog.withinDialog($('#content-1'))
+                ).to.equal(true);
+
+                expect(
+                    WORKAREA.dialog.withinDialog($('#content-2'))
+                ).to.equal(true);
+
+                expect(
+                    WORKAREA.dialog.withinDialog($('#content-3'))
+                ).to.equal(true);
+            });
+        });
+
+
+        describe('create', function () {
+            it('creates a dialog', function () {
+                var content = $('#manual-dialog')[0];
+
+                WORKAREA.dialog.create(content);
+
+                expect(
+                    hasContent(WORKAREA.dialog.all(), '#content-4')
+                ).to.equal(true);
+            });
+
+            it('creates a dialog, closing all others if told', function () {
+                var content = $('#manual-dialog')[0];
+
+                expect(openDialogCount()).to.equal(3);
+
+                WORKAREA.dialog.create(content, {
+                    closeAll: true
+                });
+
+                expect(openDialogCount()).to.equal(1);
+
+                expect(
+                    WORKAREA.dialog.withinDialog($('#content-4'))
+                ).to.equal(true);
+            });
+
+            it('creates and replaces the current dialog if told', function () {
+                var content = $('#manual-dialog')[0];
+
+                expect(
+                    hasContent(WORKAREA.dialog.current(), '#content-3')
+                ).to.equal(true);
+
+                WORKAREA.dialog.create(content, {
+                    replace: true
+                });
+
+                expect(
+                    hasContent(WORKAREA.dialog.current(), '#content-4')
+                ).to.equal(true);
+            });
+
+            it('adds appropriate aria role to dialog', function () {
+                var $dialog = WORKAREA.dialog.current(),
+                    markup = $dialog.prop('outerHTML');
+
+                expect(markup).to.match(/role.+complementary/);
+            });
+        });
+
+        describe('createFromTemplate', function () {
+            it('creates a dialog from a JST template', function () {
+                WORKAREA.dialog.createFromTemplate({
+                    path: 'workarea/core/templates/lorem_ipsum_view'
+                });
+
+                expect($('.ui-dialog-content').text()).to.include('Lorem Ipsum');
+            });
+        });
+
+        describe('createFromFragmentId', function () {
+            it('fetches and clones content from an on-page ID', function () {
+                server.respondWith('GET', '/foo/bar',
+                    [200, { 'Content-Type': 'text/html; charset=utf-8' },
+                    $fixture[0].outerHTML]
+                );
+
+                sinon.stub(WORKAREA.url, 'current', function () {
+                    return '/foo/bar';
+                });
+
+                WORKAREA.dialog.createFromFragmentId('fragment-dialog');
+
+                server.respond();
+
+                expect(
+                    WORKAREA.dialog.withinDialog($('#content-5-dialog-clone'))
+                ).to.equal(true);
+
+                WORKAREA.url.current.restore();
+            });
+        });
+
+        describe('createFromPromise', function () {
+            it('creates a dialog from a given promise', function () {
+                var promise;
+
+                server.respondWith('GET', '/bar/baz',
+                    [200, { 'Content-Type': 'text/html; charset=utf-8' },
+                    '<div id="promise-content">Dialog Promise Content</div>']
+                );
+
+                promise = $.get('/bar/baz');
+
+                server.respond();
+
+                WORKAREA.dialog.createFromPromise(promise);
+
+                expect(
+                    WORKAREA.dialog.withinDialog($('#promise-content'))
+                ).to.equal(true);
+            });
+        });
+
+        describe('createFromSrc', function () {
+            it('creates an image dialog from a given path', function () {
+                sinon.stub(WORKAREA.image, 'get', function () {
+                    var $image = $('<img id="image-content" src="">'),
+                        deferred = $.Deferred();
+
+                    deferred.resolve.apply(null, [$image]);
+
+                    return deferred.promise();
+                });
+
+                WORKAREA.dialog.createFromSrc('/foo.gif');
+
+                resetDialogZIndexes();
+
+                expect(
+                    WORKAREA.dialog.withinDialog($('#image-content'))
+                ).to.equal(true);
+
+                expect(
+                    WORKAREA.dialog.current()
+                        .closest('.ui-dialog')
+                        .hasClass('ui-dialog-image')
+                ).to.equal(true);
+
+                WORKAREA.image.get.restore();
+            });
+        });
+
+        describe('createFromUrl', function () {
+            it('creates a dialog from a given url', function () {
+                server.respondWith('GET', '/baz/qux',
+                    [200, { 'Content-Type': 'text/html; charset=utf-8' },
+                    '<div id="url-content">Dialog URL Content</div>']
+                );
+
+                WORKAREA.dialog.createFromUrl('/baz/qux');
+
+                server.respond();
+
+                expect(
+                    WORKAREA.dialog.withinDialog($('#url-content'))
+                ).to.equal(true);
+            });
+        });
+
+        describe('createFromForm', function () {
+            it('creates a dialog from a given form action', function () {
+                var $form = $('#form-dialog');
+
+                server.respondWith('POST', '/qux/quux',
+                    [200, { 'Content-Type': 'text/html; charset=utf-8' },
+                    '<div id="form-content">Dialog Form Content</div>']
+                );
+
+                WORKAREA.dialog.createFromForm($form);
+
+                server.respond();
+
+                expect(
+                    WORKAREA.dialog.withinDialog($('#form-content'))
+                ).to.equal(true);
+            });
+        });
+    });
+}());