@jetshop/template-trend 5.8.3 → 5.11.0

package/cypress/integration/analytics/releware.spec.js

@@ -1,95 +0,0 @@
-import { PRODUCT_URL } from '../../constants';
-
-// const BASE_EVENT = {
-//   itemId: '155',
-//   accountId: 'jetshop',
-//   siteId: 'localhost'
-// };
-
-function getRelewareCalls(spy) {
-  return spy
-    .getCalls()
-    .filter(call => call.args[0].indexOf('log.releware.net') > -1)
-    .map(call => {
-      const query = new URL(call.args[0]).searchParams;
-      return {
-        itemId: query.get('_item_id'),
-        accountId: query.get('aid'),
-        event: query.get('o'),
-        siteId: query.get('sid')
-      };
-    });
-}
-
-describe('Analytics: Releware', () => {
-  beforeEach(function() {
-    // Stub window.fetch before any app code runs
-    cy.on('window:before:load', win => {
-      const doFetch = win.fetch;
-      cy.stub(win, 'fetch', (path, options) => {
-        if (path.indexOf('log.releware.net') > -1) {
-          return Promise.resolve();
-        }
-        return doFetch(path, options);
-      }).as('fetch');
-    });
-  });
-
-  // FIXME: The heed_recommendation event is not implemented in this template
-  //        yet. This test (modified to target the correct list) should pass
-  //        once it is.
-  //
-  // it('Category Page: Should trigger click events for recommendations', () => {
-  //   cy.visit(CATEGORY_URL);
-
-  //   cy.getByTestId('product')
-  //     .first()
-  //     .click();
-
-  //   cy.get('@fetch').should(spy => {
-  //     const calls = getRelewareCalls(spy);
-
-  //     expect(calls).to.have.lengthOf(1);
-  //     expect(calls).to.deep.equal([
-  //       { ...BASE_EVENT, event: 'heed_recommendation' }
-  //     ]);
-  //   });
-  // });
-
-  it('Product Page: Should trigger view events', () => {
-    cy.visit(PRODUCT_URL);
-    cy.get('@fetch').should(spy => {
-      const calls = getRelewareCalls(spy);
-
-      expect(calls).to.have.lengthOf(1);
-      expect(calls[0].event).to.equal('view_item');
-    });
-  });
-
-  it('Product Page: Should trigger cart events', () => {
-    cy.visit(PRODUCT_URL);
-    cy.findByTestId('add-to-cart').click();
-
-    cy.get('@fetch').should(spy => {
-      const calls = getRelewareCalls(spy);
-      expect(calls).to.have.lengthOf(2);
-      expect(calls[1].event).to.equal('pick_item');
-    });
-
-    // FIXME: How to implement this is not mentioned in any of the releware
-    //        docs, it might be so that they only track add events.
-    //
-    // cy.getByTestId('header-cart')
-    //   .click({ force: true })
-    //   .getByTestId('remove-from-cart')
-    //   .first()
-    //   .click();
-    // cy.get('@fetch').should(spy => {
-    //   const calls = getRelewareCalls(spy);
-    //   expect(calls).to.have.lengthOf(3);
-    //   expect(calls.slice(2)).to.deep.equal([
-    //     { ...BASE_EVENT, event: '???' }
-    //   ]);
-    // });
-  });
-});

package/cypress/integration/auth/login.spec.js

@@ -1,18 +0,0 @@
-describe('Log In', () => {
-  it('Will show an error when the user enters bad credentials', () => {
-    cy.visit('/se/login');
-    cy.get('#email').type('test@test.com');
-    cy.get('#password').type('iamanonsensepassword');
-    cy.get('button[type="submit"]').contains('Log in').click();
-    cy.findByText('Login failed. Please try again').should('exist');
-  });
-
-  it('Will log a user in with correct credentials', () => {
-    cy.visit('/se/login');
-    cy.get('#email').type('wolverine@jetshop.se');
-    cy.get('#password').type('jetshop');
-    cy.get('button[type="submit"]').contains('Log in').click();
-    cy.findByText('Login failed. Please try again').should('not.exist');
-    cy.url().should('contain', 'my-pages');
-  });
-});

package/cypress/integration/auth/signup.spec.js

@@ -1,98 +0,0 @@
-function randomString() {
-  return Math.random().toString(25);
-}
-
-describe('User can sign up', () => {
-  it('as a private customer', () => {
-    cy.visit('/se/signup');
-
-    cy.get("input[name='pid']").type('test');
-    cy.get("input[name='firstName']").type('Private');
-    cy.get("input[name='lastName']").type('Customer');
-    cy.get("input[name='streetName']").type('test');
-    cy.get("input[name='postalCode']").type('51234');
-    cy.get("input[name='city']").type('test');
-    cy.get("input[name='emailAddress']").type(`${randomString()}@test.com`);
-    cy.get("input[name='password']").type('cypresstest');
-    cy.get('[data-testid="sign-up-button"]').click();
-
-    cy.get('h2[data-testid="customer-name"]').should(
-      'contain',
-      'Private Customer'
-    );
-
-    cy.get('a[href="/se/my-pages/profile"]').click();
-
-    cy.get('input[type="checkbox"][name="confirm"]').click({ force: true });
-
-    cy.get('button[type="submit"]').contains('Delete account').click();
-  });
-  it('as a business customer', () => {
-    cy.visit('/se/signup');
-
-    cy.get('input[type="radio"][value="company"]').click({ force: true });
-    cy.get("input[name='organizationNumber']").type('test');
-    cy.get("input[name='company']").type('test');
-    cy.get("input[name='companyAtt']").type('test');
-    cy.get("input[name='department']").type('test');
-    cy.get("input[name='firstName']").type('test');
-    cy.get("input[name='lastName']").type('test');
-    cy.get("input[name='streetName']").type('test');
-    cy.get("input[name='postalCode']").type('51234');
-    cy.get("input[name='city']").type('test');
-    cy.get("input[name='emailAddress']").type(
-      `${randomString()}@business-test.com`
-    );
-    cy.get("input[name='password']").type('cypresstest');
-    cy.get('[data-testid="sign-up-button"]').click();
-
-    cy.get('a[href="/se/my-pages/profile"]').click();
-
-    cy.get('input[type="checkbox"][name="confirm"]').click({ force: true });
-
-    cy.get('button[type="submit"]').contains('Delete account').click();
-
-    cy.get('span').contains('Log in').should('be.visible');
-  });
-  it('with encrypted values', () => {
-    cy.visit('/se/signup');
-
-    cy.get("input[name='pid']").type('test');
-    cy.get("input[name='firstName']").type('eTZ7FGaVn/RAThBesp3unQ==');
-    cy.get("input[name='lastName']").type('Pehrers');
-    cy.get("input[name='streetName']").type('test');
-    cy.get("input[name='postalCode']").type('51234');
-    cy.get("input[name='city']").type('test');
-    cy.get("input[name='emailAddress']").type(`${randomString()}@test.com`);
-    cy.get("input[name='password']").type('cypresstest');
-    cy.get('[data-testid="sign-up-button"]').click();
-
-    cy.get('a[href="/se/my-pages/profile"]').click();
-    cy.get('h2[data-testid="customer-name"]').should('contain', 'Erik Pehrers');
-
-    cy.get('input[type="checkbox"][name="confirm"]').click({ force: true });
-
-    cy.get('button[type="submit"]').contains('Delete account').click();
-
-    cy.get('span').contains('Log in').should('be.visible');
-  });
-
-  it('Displays email validation error', () => {
-    cy.visit('/se/signup');
-
-    cy.get("input[name='pid']").type('test');
-    cy.get("input[name='firstName']").type('integrationtest');
-    cy.get("input[name='lastName']").type('E god');
-    cy.get("input[name='streetName']").type('test');
-    cy.get("input[name='postalCode']").type('51234');
-    cy.get("input[name='city']").type('test');
-    cy.get("input[name='emailAddress']").type('kantarellen@egod.com');
-    cy.get("input[name='password']").type('cypresstest');
-    cy.get('[data-testid="sign-up-button"]').click();
-
-    cy.get('div[data-testid="validation-error"]').should(
-      'contain',
-      'The specified e-mail address is already registered.'
-    );
-  });
-});

package/cypress/integration/category_page_spec.js

@@ -1,73 +0,0 @@
-import { CATEGORY_URL } from '../constants';
-
-const ACCESSORIES_URL = '/accessories';
-const FURNITURE_URL = '/furniture';
-const CAMPAIGN_URL = '/campaigns';
-
-describe('Category Page', () => {
-  beforeEach(() => cy.visit(`${ACCESSORIES_URL}?channelCountry=US`));
-  it('Loads the right header', () => {
-    cy.findByTestId('page-header').should('contain', 'Accessories');
-  });
-
-  it('Can handle pagination', () => {
-    cy.visit(`${ACCESSORIES_URL}?channelCountry=US&standardPagination=true`);
-    cy.get('a')
-      .contains('Next')
-      .click();
-    cy.url().should('contain', 'page=2');
-    cy.get('#root').should('contain', 'Page 2 of 2');
-    cy.get('a')
-      .contains('Prev')
-      .click();
-    cy.url().should('not.contain', 'page=2');
-  });
-});
-
-describe('Infinite pagination', () => {
-  it('has non moving scroll position on fetch', () => {
-    let yOffset;
-    cy.visit(CAMPAIGN_URL);
-    cy.scrollTo('bottom');
-    cy.window()
-      .then(win => {
-        yOffset = win.pageYOffset;
-      })
-      .then(() => {
-        cy.get('a')
-          .contains('Show more')
-          .click();
-        cy.wait(2000);
-        cy.window()
-          .its('pageYOffset')
-          .should('equal', yOffset);
-      });
-  });
-  it('paginates correctly when retreiving more products', () => {
-    cy.visit(FURNITURE_URL);
-    cy.get('a')
-      .contains('Show more')
-      .click();
-    cy.wait(2000);
-    cy.scrollTo('bottom');
-    cy.url().should('contain', 'page=2');
-    cy.scrollTo('top');
-    cy.url().should('not.contain', 'page=2');
-  });
-});
-
-describe('product browsing', () => {
-  describe('news category', () => {
-    beforeEach(() => cy.visit(`${CATEGORY_URL}?channelCountry=US`));
-
-    it('contains a category description', () => {
-      cy.findByTestId('category-description');
-    });
-
-    it('contains a product grid with products', () => {
-      cy.findByTestId('product-grid').within(() =>
-        cy.findAllByTestId('product')
-      );
-    });
-  });
-});

package/cypress/integration/filters.spec.js

@@ -1,103 +0,0 @@
-const BIKES_URL = '/bikes';
-const SEARCH_URL = '/se/search/?term=city';
-const FURNITURE_URL = '/furniture';
-const PRODUCT_NAME_TO_CHECK = 'Toldbod Pendant';
-describe('Filters', () => {
-  it('Has a working default in stock filter on categories', () => {
-    cy.visit(`${BIKES_URL}?channelCountry=US`);
-    cy.get('input[type=checkbox]').should('be.checked');
-    cy.contains('City Racer_ 2').should('not.exist');
-    cy.get('label').contains('In stock').click();
-    cy.url().should('include', 'boolean[150:buyable]=false');
-    cy.contains('City Racer_ 2').should('exist');
-  });
-
-  it('Has a working default in stock filter on search', () => {
-    cy.visit(`${SEARCH_URL}&channelCountry=US`);
-    cy.get('input[type=checkbox]').should('be.checked');
-    cy.contains('City Racer_ 2').should('not.exist');
-    cy.get('label').contains('In stock').click();
-    cy.url().should('include', 'boolean[buyable]=false');
-    cy.contains('City Racer_ 2').should('exist');
-  });
-
-  it('Non-default filters should be un-chcked', () => {
-    cy.visit(`${FURNITURE_URL}?channelCountry=US`);
-    cy.get('input[type=checkbox]').should('not.be.checked');
-  });
-
-  it('Applies filters when returning to category from product', () => {
-    cy.visit(FURNITURE_URL);
-    cy.get('.product-card-detail')
-      .contains(PRODUCT_NAME_TO_CHECK)
-      .should('exist');
-    cy.get('button[data-flight-dropdown-button] > span')
-      .contains('Brand')
-      .click();
-    cy.get('li[data-flight-dropdown-item] > span').contains('Cartels').click();
-    cy.get('.product-card-detail')
-      .contains(PRODUCT_NAME_TO_CHECK)
-      .should('not.exist');
-    cy.get('.product-card-detail').click();
-    cy.go('back');
-    cy.get('.product-card-detail')
-      .contains(PRODUCT_NAME_TO_CHECK)
-      .should('not.exist');
-  });
-
-  it('Persists filters when applying sort', () => {
-    cy.visit(FURNITURE_URL);
-    cy.get('button[data-flight-dropdown-button] > span')
-      .contains('Brand')
-      .click();
-    cy.get('li[data-flight-dropdown-item] > span').contains('Cartels').click();
-    cy.get('button[data-flight-dropdown-button] > span')
-      .contains('Sort By')
-      .click();
-    cy.get('li[data-flight-dropdown-item] > span')
-      .contains('Date added')
-      .click();
-
-    // logically working
-    cy.get('.product-card-detail')
-      .contains(PRODUCT_NAME_TO_CHECK)
-      .should('not.exist');
-
-    // also shown in ui
-    cy.get('aside > button').contains('Clear all filters').should('exist');
-  });
-
-  it('Persists filters when paginating', () => {
-    cy.visit('/accessories?standardPagination=true');
-    cy.get('button[data-flight-dropdown-button] > span')
-      .contains('Categories')
-      .click();
-    cy.get('li[data-flight-dropdown-item] > span').as('listOfCategories');
-    cy.get('@listOfCategories').contains('Watches').click();
-    cy.get('@listOfCategories').contains('Glasses').click();
-    cy.get('@listOfCategories').contains('Bags').click();
-
-    cy.get('.product-card-detail').contains('Belt Light').should('not.exist');
-
-    cy.get('a').contains('Next').click();
-
-    cy.get('.product-card-detail').contains('Belt Light').should('not.exist');
-  });
-
-  it('Persists filters when infinite paginating', () => {
-    cy.visit('/accessories');
-    cy.get('button[data-flight-dropdown-button] > span')
-      .contains('Categories')
-      .click();
-    cy.get('li[data-flight-dropdown-item] > span').as('listOfCategories');
-    cy.get('@listOfCategories').contains('Watches').click();
-    cy.get('@listOfCategories').contains('Glasses').click();
-    cy.get('@listOfCategories').contains('Bags').click();
-
-    cy.get('.product-card-detail').contains('Belt Light').should('not.exist');
-
-    cy.get('a').contains('Show more').click();
-
-    cy.get('.product-card-detail').contains('Belt Light').should('not.exist');
-  });
-});

package/cypress/integration/getbyarticlenumber.spec.js

@@ -1,28 +0,0 @@
-import { ARTICLENUMBER_URL, US_ARTICLENUMBER_URL } from '../constants';
-
-describe('Visiting /articlenumber/:articlenumber', () => {
-  it('does a redirect on the server to the correct product', () => {
-    cy.request(ARTICLENUMBER_URL)
-      .its('body')
-      .should('include', '>Toldbod Pendant</h1>');
-  });
-  it("returns the startpage if the product isn't found", () => {
-    cy.request('/articlenumber/quepasa_quepasa')
-      .its('body')
-      .should('include', 'Selected Categories</h2>');
-  });
-  it('redirect to login if login required', () => {
-    cy.request(
-      US_ARTICLENUMBER_URL +
-        '?culture=en-US&currency=USD&channelCountry=US&channel=M7-GLOBAL'
-    ).then(res => {
-      expect(res.redirects).to.have.length(1);
-      expect(res.redirects[0]).to.include('/login');
-    });
-  });
-  it('handles preselected variants', () => {
-    cy.visit(ARTICLENUMBER_URL + '-170-white');
-    cy.get('button[aria-pressed="true"]').should('contain', '170');
-    cy.get('[data-flight-dropdown-button=""]').should('contain', 'White');
-  });
-});

package/cypress/integration/packages.spec.js

@@ -1,85 +0,0 @@
-const PRODUCT_URL = '/living-room-furniture-pack';
-
-describe('Package products', () => {
-  it('will preselect the cheapest variants', () => {
-    cy.visit(PRODUCT_URL);
-    cy.get('[aria-pressed="true"]')
-      .should('contain', 'Black')
-      .should('contain', '140');
-
-    cy.get('[data-testid=package-product-add-to-cart]')
-      .contains('Add to cart') // check that the button reads 'add to cart' (after transitioning from 'updating price')
-      .click();
-    cy.get('[data-testid="cart-button"]').click();
-    cy.get('[data-testid="item-name"').should('have.length', 5);
-  });
-
-  it('should update the price when variants are selected', () => {
-    cy.visit(PRODUCT_URL);
-
-    cy.get('[data-testid="package-price-total"] > div').should($div => {
-      const totalPrice = parseFloat($div.text().replace(/\D+/g, ''));
-      expect(totalPrice).to.be.eq(104498);
-    });
-
-    cy.get('[data-testid=ColorWhite]').click();
-    cy.get('[data-testid=Height120]').click();
-
-    cy.get('[data-testid=package-product-add-to-cart]').contains('Add to cart'); // check that the button reads 'add to cart' (after transitioning from 'updating price')
-
-    cy.get('[data-testid="package-price-total"] > div').should($div => {
-      const totalPrice = parseFloat($div.text().replace(/\D+/g, ''));
-      expect(totalPrice).to.be.eq(106298);
-    });
-  });
-
-  it('should update the item price when variants are selected', () => {
-    cy.visit(PRODUCT_URL);
-
-    cy.get('.package-product-price')
-      .first()
-      .children()
-      .last()
-      .as('item-price');
-
-    cy.get('@item-price')
-      .last()
-      .should($div => {
-        const totalPrice = parseFloat($div.text().replace(/\D+/g, ''));
-        expect(totalPrice).to.be.eq(8000);
-      });
-
-    cy.get('[data-testid=ColorWhite]').click();
-    cy.get('[data-testid=Height120]').click();
-
-    cy.get('@item-price')
-      .last()
-      .should($div => {
-        const totalPrice = parseFloat($div.text().replace(/\D+/g, ''));
-        expect(totalPrice).to.be.eq(10000);
-      });
-  });
-
-  it('can not be added to the cart without selected variants', () => {
-    cy.visit(PRODUCT_URL);
-    cy.get('[data-testid=ColorWhite]').click();
-    cy.get('[data-testid=package-product-add-to-cart]').click();
-    cy.get('[data-testid="cart-button"]').click();
-    // Wait for cart to update
-    cy.get('[data-testid=package-product-add-to-cart]').contains(
-      'Select the variants'
-    );
-    cy.get('[data-testid="item-name"').should('not.exist');
-  });
-
-  it('can be added to the cart after selecting the appropriate options', () => {
-    cy.visit(PRODUCT_URL);
-    cy.get('[data-testid=ColorWhite]').click();
-    cy.get('[data-testid=Height120]').click();
-    cy.get('[data-testid=package-product-add-to-cart]')
-      .contains('Add to cart') // check that the button reads 'add to cart' (after transitioning from 'updating price')
-      .click();
-    cy.get('[data-testid="cart-button"]').click();
-    cy.get('[data-testid="item-name"').should('have.length', 5);
-  });
-});

package/cypress/integration/prefetch_headers_spec.js

@@ -1,26 +0,0 @@
-import { CATEGORY_URL, PRODUCT_URL } from '../constants';
-
-describe('Preload Link header', () => {
-  it('Sets appropriate preload Link header on the home page', () => {
-    cy.request({
-      url: '/'
-    }).then(res => {
-      expect(res.headers).to.have.property('link');
-      expect(res.headers.link).to.match(/^<([^\s>]+.[js|css])>/);
-    });
-  });
-
-  it('Sets appropriate preload Link header on Category page', () => {
-    cy.request(`/${CATEGORY_URL}?channelCountry=US`).then(res => {
-      expect(res.headers).to.have.property('link');
-      expect(res.headers.link).to.include('static/js/');
-    });
-  });
-  it('Sets appropriate preload Link header on Product page for both jss and css', () => {
-    cy.request(`/${PRODUCT_URL}?channelCountry=US`).then(res => {
-      expect(res.headers).to.have.property('link');
-      expect(res.headers.link).to.include('static/js/');
-      expect(res.headers.link).to.include('static/css/');
-    });
-  });
-});

package/cypress/integration/product_browsing_spec.js

@@ -1,17 +0,0 @@
-import { CATEGORY_URL } from '../constants';
-
-describe('product browsing', () => {
-  describe('news category', () => {
-    beforeEach(() => cy.visit(`${CATEGORY_URL}?channelCountry=US`));
-
-    it('contains a category description', () => {
-      cy.findByTestId('category-description');
-    });
-
-    it('contains a product grid with products', () => {
-      cy.findByTestId('product-grid').within(() =>
-        cy.findAllByTestId('product')
-      );
-    });
-  });
-});

package/cypress/integration/search/autocomplete.spec.js

@@ -1,28 +0,0 @@
-const CATEGORY_TERM = 'brand';
-const PRODUCT_TERM = 'bike';
-
-describe('Search autocomplete', () => {
-  it('Returns results', () => {
-    cy.visit('/');
-
-    cy.get('#root > div > header').as('header');
-    cy.get('@header')
-      .find('button')
-      .contains('Search')
-      .click();
-    cy.get('[data-flight-search-autocomplete-field]')
-      .as('searchField')
-      .click()
-      .type(CATEGORY_TERM);
-
-    cy.get('@header')
-      .find('[data-flight-search-autocomplete-result="category"]')
-      .should('be.visible');
-
-    cy.get('@searchField').type(`{selectall}${PRODUCT_TERM}`);
-
-    cy.get('@header')
-      .find('[data-flight-search-autocomplete-result="product"]')
-      .should('be.visible');
-  });
-});

package/cypress/integration/search/search_page.spec.js

@@ -1,39 +0,0 @@
-const PRODUCT_TERM = 'bike';
-const EMPTY_TERM = 'sikeeeeee';
-const PAGED_TERM = 'wa bag';
-
-describe('Search page', () => {
-  it('Returns results', () => {
-    cy.visit(`se/search/?term=${PRODUCT_TERM}`);
-
-    cy.findByTestId('product-grid').as('productGrid').should('exist');
-  });
-
-  it('Returns a no results page if there are no matches', () => {
-    cy.visit(`se/search/?term=${EMPTY_TERM}`);
-
-    cy.findByTestId('product-grid').as('productGrid').should('not.exist');
-
-    cy.findAllByText('No results for').should('exist');
-  });
-
-  it('Can handle pagination on search page', () => {
-    cy.visit(`se/search/?term=${PAGED_TERM}&standardPagination=true`);
-    cy.findByTestId('product-grid').as('productGrid').should('exist');
-    cy.get('li[data-testid="product"]').should('have.length', 24);
-    cy.get('a').contains('Next').click();
-    cy.url().should('contain', 'page=2');
-    cy.findByTestId('product-grid').as('productGrid').should('exist');
-    cy.get('li[data-testid="product"]').should('have.length.lessThan', 24);
-  });
-
-  it('Can handle infinite pagination', () => {
-    cy.visit(`se/search/?term=${PAGED_TERM}`);
-    cy.get('a').contains('Show more').click();
-    cy.wait(2000);
-    cy.scrollTo('bottom');
-    cy.url().should('contain', 'page=2');
-    cy.scrollTo('top');
-    cy.url().should('not.contain', 'page=2');
-  });
-});

package/cypress/integration/ssr/categorySSR.js

@@ -1,9 +0,0 @@
-import { CATEGORY_URL } from '../../constants';
-
-describe('Product Page SSR', () => {
-  it('Gets the full page from the server', () => {
-    cy.request(`${CATEGORY_URL}`)
-      .its('body')
-      .should('include', '>Watches</h1>');
-  });
-});

package/cypress/integration/ssr/productSSR.js

@@ -1,9 +0,0 @@
-import { PRODUCT_URL } from '../../constants';
-
-describe('Product Page SSR', () => {
-  it('Gets the full page from the server', () => {
-    cy.request(`${PRODUCT_URL}`)
-      .its('body')
-      .should('include', '">Watch Classic</h1>');
-  });
-});

package/cypress/integration/ssr/startPageSSR.js

@@ -1,5 +0,0 @@
-describe('Product Page SSR', () => {
-  it('Gets the full page from the server', () => {
-    cy.request('/se').its('body').should('include', 'Selected Categories</h2>');
-  });
-});

package/cypress/integration/start_page_spec.js

@@ -1,5 +0,0 @@
-describe('start page', () => {
-  it('successfully loads', () => {
-    cy.visit('/?channelCountry=US');
-  });
-});

package/cypress/integration/stores_page.spec.js

@@ -1,5 +0,0 @@
-describe('Stores page', () => {
-  it('Successfully loads without errors', () => {
-    cy.visit('/se/stores');
-  });
-});