Add test for the redux store of the Explorer

Author: Alenar

mithril-explorer/__tests__/helpers.js

@@ -0,0 +1,12 @@
+import {saveToLocalStorage, storeBuilder} from "../store/store";
+
+function initStore(default_state = undefined) {
+  if (default_state) {
+    saveToLocalStorage(default_state);
+  }
+  return storeBuilder();
+}
+
+module.exports = {
+  initStore
+}

mithril-explorer/__tests__/store.test.js

@@ -0,0 +1,90 @@
+import {saveToLocalStorage, storeBuilder} from "../store/store";
+import {
+  removeCustomAggregator,
+  selectAggregator,
+  settingsSlice,
+  setUpdateInterval,
+  toggleAutoUpdate
+} from "../store/settingsSlice";
+import default_available_aggregators from "../aggregators-list";
+import {initStore} from "./helpers";
+
+describe('Store Initialization', () => {
+  it('init with settings initialState without local storage', () => {
+    const store = initStore();
+
+    expect(store.getState().settings).toEqual(settingsSlice.getInitialState());
+  });
+
+  it('init with local storage saved state', () => {
+    let aggregators = [...default_available_aggregators, "https://aggregator.test"];
+    let expected = {
+      settings: {
+        ...settingsSlice.getInitialState(),
+        selectedAggregator: aggregators.at(aggregators.length - 1),
+        availableAggregators: aggregators,
+        updateInterval: 12345,
+      }
+    };
+    saveToLocalStorage(expected);
+    const store = storeBuilder();
+
+    expect(store.getState()).toEqual(expected);
+  });
+
+  it('Can toggle autoUpdate', () => {
+    const store = initStore();
+
+    store.dispatch(toggleAutoUpdate());
+    expect(store.getState().settings.autoUpdate).toEqual(false);
+
+    store.dispatch(toggleAutoUpdate());
+    expect(store.getState().settings.autoUpdate).toEqual(true);
+  });
+
+  it('Can change updateInterval', () => {
+    const store = initStore();
+    const expected = 124325;
+
+    store.dispatch(setUpdateInterval(expected));
+    expect(store.getState().settings.updateInterval).toEqual(expected);
+  });
+
+  it('Can change selectedAggregator', () => {
+    const store = initStore();
+    const expected = default_available_aggregators[2];
+
+    store.dispatch(selectAggregator(expected));
+    expect(store.getState().settings.selectedAggregator).toEqual(expected);
+  });
+
+  it('Add a custom aggregator when selectAggregator is called with an unknown aggregator', () => {
+    const store = initStore();
+    const expected = "http://aggregator.test";
+
+    store.dispatch(selectAggregator(expected));
+    expect(store.getState().settings.selectedAggregator).toEqual(expected);
+    expect(store.getState().settings.availableAggregators).toContain(expected);
+  });
+
+  it('Can\'t remove a default aggregator', () => {
+    const store = initStore();
+
+    store.dispatch(removeCustomAggregator(default_available_aggregators[0]));
+    expect(store.getState().settings.availableAggregators).toContain(default_available_aggregators[0]);
+  });
+
+  it('Can remove a custom aggregator', () => {
+    const customAggregator = "http://aggregator.test";
+    const store = initStore({
+      settings: {
+        ...settingsSlice.getInitialState(),
+        selectedAggregator: customAggregator,
+        availableAggregators: [...default_available_aggregators, customAggregator],
+      }
+    });
+
+    store.dispatch(removeCustomAggregator(customAggregator));
+    expect(store.getState().settings.availableAggregators).not.toContain(customAggregator);
+  });
+});

mithril-explorer/jest.config.js

@@ -14,6 +14,7 @@ const customJestConfig = {
   // if using TypeScript with a baseUrl set to the root directory then you need the below for alias' to work
   moduleDirectories: ['node_modules', '<rootDir>/'],
   testEnvironment: 'jest-environment-jsdom',
+  testPathIgnorePatterns: ['__tests__/helpers.*'],
 }
 
 // createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async

mithril-explorer/store/store.js

@@ -57,7 +57,7 @@ function initStore() {
   return state;
 }
 
-const storeBuilder = () => configureStore({
+export const storeBuilder = () => configureStore({
   reducer: {
     settings: settingsSlice.reducer,
   },