1 files changed, 218 insertions, 0 deletions
diff --git a/spec/frontend/pages/sessions/new/signin_tabs_memoizer_spec.js b/spec/frontend/pages/sessions/new/signin_tabs_memoizer_spec.js
new file mode 100644
index 00000000000..738498edbd3
--- /dev/null
+++ b/spec/frontend/pages/sessions/new/signin_tabs_memoizer_spec.js
@@ -0,0 +1,218 @@
+import AccessorUtilities from '~/lib/utils/accessor';
+import SigninTabsMemoizer from '~/pages/sessions/new/signin_tabs_memoizer';
+import trackData from '~/pages/sessions/new/index';
+import Tracking from '~/tracking';
+import { useLocalStorageSpy } from 'helpers/local_storage_helper';
+
+useLocalStorageSpy();
+
+describe('SigninTabsMemoizer', () => {
+  const fixtureTemplate = 'static/signin_tabs.html';
+  const tabSelector = 'ul.new-session-tabs';
+  const currentTabKey = 'current_signin_tab';
+  let memo;
+
+  function createMemoizer() {
+    memo = new SigninTabsMemoizer({
+      currentTabKey,
+      tabSelector,
+    });
+    return memo;
+  }
+
+  preloadFixtures(fixtureTemplate);
+
+  beforeEach(() => {
+    loadFixtures(fixtureTemplate);
+
+    jest.spyOn(AccessorUtilities, 'isLocalStorageAccessSafe').mockReturnValue(true);
+  });
+
+  it('does nothing if no tab was previously selected', () => {
+    createMemoizer();
+
+    expect(document.querySelector(`${tabSelector} > li.active a`).getAttribute('href')).toEqual(
+      '#ldap',
+    );
+  });
+
+  it('shows last selected tab on boot', () => {
+    createMemoizer().saveData('#ldap');
+    const fakeTab = {
+      click: () => {},
+    };
+    jest.spyOn(document, 'querySelector').mockReturnValue(fakeTab);
+    jest.spyOn(fakeTab, 'click').mockImplementation(() => {});
+
+    memo.bootstrap();
+
+    // verify that triggers click on the last selected tab
+    expect(document.querySelector).toHaveBeenCalledWith(`${tabSelector} a[href="#ldap"]`);
+    expect(fakeTab.click).toHaveBeenCalled();
+  });
+
+  it('clicks the first tab if value in local storage is bad', () => {
+    createMemoizer().saveData('#bogus');
+    const fakeTab = {
+      click: jest.fn().mockName('fakeTab_click'),
+    };
+    jest
+      .spyOn(document, 'querySelector')
+      .mockImplementation(selector =>
+        selector === `${tabSelector} a[href="#bogus"]` ? null : fakeTab,
+      );
+
+    memo.bootstrap();
+
+    // verify that triggers click on stored selector and fallback
+    expect(document.querySelector.mock.calls).toEqual([
+      ['ul.new-session-tabs a[href="#bogus"]'],
+      ['ul.new-session-tabs a'],
+    ]);
+
+    expect(fakeTab.click).toHaveBeenCalled();
+  });
+
+  it('saves last selected tab on change', () => {
+    createMemoizer();
+
+    document.querySelector('a[href="#login-pane"]').click();
+
+    expect(memo.readData()).toEqual('#login-pane');
+  });
+
+  it('overrides last selected tab with hash tag when given', () => {
+    window.location.hash = '#ldap';
+    createMemoizer();
+
+    expect(memo.readData()).toEqual('#ldap');
+  });
+
+  describe('class constructor', () => {
+    beforeEach(() => {
+      memo = createMemoizer();
+    });
+
+    it('should set .isLocalStorageAvailable', () => {
+      expect(AccessorUtilities.isLocalStorageAccessSafe).toHaveBeenCalled();
+      expect(memo.isLocalStorageAvailable).toBe(true);
+    });
+  });
+
+  describe('trackData', () => {
+    beforeEach(() => {
+      jest.spyOn(Tracking, 'event').mockImplementation(() => {});
+    });
+
+    describe('with tracking data', () => {
+      beforeEach(() => {
+        gon.tracking_data = {
+          category: 'Growth::Acquisition::Experiment::SignUpFlow',
+          action: 'start',
+          label: 'uuid',
+          property: 'control_group',
+        };
+        trackData();
+      });
+
+      it('should track data when the "click" event of the register tab is triggered', () => {
+        document.querySelector('a[href="#register-pane"]').click();
+
+        expect(Tracking.event).toHaveBeenCalledWith(
+          'Growth::Acquisition::Experiment::SignUpFlow',
+          'start',
+          {
+            label: 'uuid',
+            property: 'control_group',
+          },
+        );
+      });
+    });
+
+    describe('without tracking data', () => {
+      beforeEach(() => {
+        gon.tracking_data = undefined;
+        trackData();
+      });
+
+      it('should not track data when the "click" event of the register tab is triggered', () => {
+        document.querySelector('a[href="#register-pane"]').click();
+
+        expect(Tracking.event).not.toHaveBeenCalled();
+      });
+    });
+  });
+
+  describe('saveData', () => {
+    beforeEach(() => {
+      memo = {
+        currentTabKey,
+      };
+    });
+
+    describe('if .isLocalStorageAvailable is `false`', () => {
+      beforeEach(() => {
+        memo.isLocalStorageAvailable = false;
+
+        SigninTabsMemoizer.prototype.saveData.call(memo);
+      });
+
+      it('should not call .setItem', () => {
+        expect(localStorage.setItem).not.toHaveBeenCalled();
+      });
+    });
+
+    describe('if .isLocalStorageAvailable is `true`', () => {
+      const value = 'value';
+
+      beforeEach(() => {
+        memo.isLocalStorageAvailable = true;
+
+        SigninTabsMemoizer.prototype.saveData.call(memo, value);
+      });
+
+      it('should call .setItem', () => {
+        expect(localStorage.setItem).toHaveBeenCalledWith(currentTabKey, value);
+      });
+    });
+  });
+
+  describe('readData', () => {
+    const itemValue = 'itemValue';
+    let readData;
+
+    beforeEach(() => {
+      memo = {
+        currentTabKey,
+      };
+
+      localStorage.getItem.mockReturnValue(itemValue);
+    });
+
+    describe('if .isLocalStorageAvailable is `false`', () => {
+      beforeEach(() => {
+        memo.isLocalStorageAvailable = false;
+
+        readData = SigninTabsMemoizer.prototype.readData.call(memo);
+      });
+
+      it('should not call .getItem and should return `null`', () => {
+        expect(localStorage.getItem).not.toHaveBeenCalled();
+        expect(readData).toBe(null);
+      });
+    });
+
+    describe('if .isLocalStorageAvailable is `true`', () => {
+      beforeEach(() => {
+        memo.isLocalStorageAvailable = true;
+
+        readData = SigninTabsMemoizer.prototype.readData.call(memo);
+      });
+
+      it('should call .getItem and return the localStorage value', () => {
+        expect(window.localStorage.getItem).toHaveBeenCalledWith(currentTabKey);
+        expect(readData).toBe(itemValue);
+      });
+    });
+  });
+});