gitlab-org--gitlab-foss/spec/frontend/ide/stores/mutations_spec.js

import { TEST_HOST } from 'helpers/test_constants';
import mutations from '~/ide/stores/mutations';
import state from '~/ide/stores/state';
import { file } from '../helpers';

describe('Multi-file store mutations', () => {
  let localState;
  let entry;

  beforeEach(() => {
    localState = state();
    entry = file();

    localState.entries[entry.path] = entry;
  });

  describe('SET_INITIAL_DATA', () => {
    it('sets all initial data', () => {
      mutations.SET_INITIAL_DATA(localState, {
        test: 'test',
      });

      expect(localState.test).toBe('test');
    });
  });

  describe('TOGGLE_LOADING', () => {
    it('toggles loading of entry', () => {
      mutations.TOGGLE_LOADING(localState, {
        entry,
      });

      expect(entry.loading).toBeTruthy();

      mutations.TOGGLE_LOADING(localState, {
        entry,
      });

      expect(entry.loading).toBeFalsy();
    });

    it('toggles loading of entry and sets specific value', () => {
      mutations.TOGGLE_LOADING(localState, {
        entry,
      });

      expect(entry.loading).toBeTruthy();

      mutations.TOGGLE_LOADING(localState, {
        entry,
        forceValue: true,
      });

      expect(entry.loading).toBeTruthy();
    });
  });

  describe('CLEAR_STAGED_CHANGES', () => {
    it('clears stagedFiles array', () => {
      localState.stagedFiles.push('a');

      mutations.CLEAR_STAGED_CHANGES(localState);

      expect(localState.stagedFiles.length).toBe(0);
    });
  });

  describe('UPDATE_VIEWER', () => {
    it('sets viewer state', () => {
      mutations.UPDATE_VIEWER(localState, 'diff');

      expect(localState.viewer).toBe('diff');
    });
  });

  describe('UPDATE_ACTIVITY_BAR_VIEW', () => {
    it('updates currentActivityBar', () => {
      mutations.UPDATE_ACTIVITY_BAR_VIEW(localState, 'test');

      expect(localState.currentActivityView).toBe('test');
    });
  });

  describe('SET_EMPTY_STATE_SVGS', () => {
    it('updates empty state SVGs', () => {
      mutations.SET_EMPTY_STATE_SVGS(localState, {
        emptyStateSvgPath: 'emptyState',
        noChangesStateSvgPath: 'noChanges',
        committedStateSvgPath: 'committed',
      });

      expect(localState.emptyStateSvgPath).toBe('emptyState');
      expect(localState.noChangesStateSvgPath).toBe('noChanges');
      expect(localState.committedStateSvgPath).toBe('committed');
    });
  });

  describe('CREATE_TMP_ENTRY', () => {
    beforeEach(() => {
      localState.currentProjectId = 'gitlab-ce';
      localState.currentBranchId = 'main';
      localState.trees['gitlab-ce/main'] = {
        tree: [],
      };
    });

    it('creates temp entry in the tree', () => {
      const tmpFile = file('test');
      mutations.CREATE_TMP_ENTRY(localState, {
        data: {
          entries: {
            test: { ...tmpFile, tempFile: true, changed: true },
          },
          treeList: [tmpFile],
        },
      });

      expect(localState.trees['gitlab-ce/main'].tree.length).toEqual(1);
      expect(localState.entries.test.tempFile).toEqual(true);
    });
  });

  describe('UPDATE_TEMP_FLAG', () => {
    beforeEach(() => {
      localState.entries.test = { ...file(), tempFile: true, changed: true };
    });

    it('updates tempFile flag', () => {
      mutations.UPDATE_TEMP_FLAG(localState, {
        path: 'test',
        tempFile: false,
      });

      expect(localState.entries.test.tempFile).toBe(false);
    });

    it('updates changed flag', () => {
      mutations.UPDATE_TEMP_FLAG(localState, {
        path: 'test',
        tempFile: false,
      });

      expect(localState.entries.test.changed).toBe(false);
    });
  });

  describe('TOGGLE_FILE_FINDER', () => {
    it('updates fileFindVisible', () => {
      mutations.TOGGLE_FILE_FINDER(localState, true);

      expect(localState.fileFindVisible).toBe(true);
    });
  });

  describe('SET_ERROR_MESSAGE', () => {
    it('updates error message', () => {
      mutations.SET_ERROR_MESSAGE(localState, 'error');

      expect(localState.errorMessage).toBe('error');
    });
  });

  describe('DELETE_ENTRY', () => {
    beforeEach(() => {
      localState.currentProjectId = 'gitlab-ce';
      localState.currentBranchId = 'main';
      localState.trees['gitlab-ce/main'] = {
        tree: [],
      };
    });

    it('sets deleted flag', () => {
      localState.entries.filePath = {
        deleted: false,
      };

      mutations.DELETE_ENTRY(localState, 'filePath');

      expect(localState.entries.filePath.deleted).toBe(true);
    });

    it('removes from root tree', () => {
      localState.entries.filePath = {
        path: 'filePath',
        deleted: false,
      };
      localState.trees['gitlab-ce/main'].tree.push(localState.entries.filePath);

      mutations.DELETE_ENTRY(localState, 'filePath');

      expect(localState.trees['gitlab-ce/main'].tree).toEqual([]);
    });

    it('removes from parent tree', () => {
      localState.entries.filePath = {
        path: 'filePath',
        deleted: false,
        parentPath: 'parentPath',
      };
      localState.entries.parentPath = {
        tree: [localState.entries.filePath],
      };

      mutations.DELETE_ENTRY(localState, 'filePath');

      expect(localState.entries.parentPath.tree).toEqual([]);
    });

    it('adds to changedFiles', () => {
      localState.entries.filePath = {
        deleted: false,
        type: 'blob',
      };

      mutations.DELETE_ENTRY(localState, 'filePath');

      expect(localState.changedFiles).toEqual([localState.entries.filePath]);
    });

    it('does not add tempFile into changedFiles', () => {
      localState.entries.filePath = {
        deleted: false,
        type: 'blob',
        tempFile: true,
      };

      mutations.DELETE_ENTRY(localState, 'filePath');

      expect(localState.changedFiles).toEqual([]);
    });

    it('removes tempFile from changedFiles and stagedFiles when deleted', () => {
      localState.entries.filePath = {
        path: 'filePath',
        deleted: false,
        type: 'blob',
        tempFile: true,
      };

      localState.changedFiles.push({ ...localState.entries.filePath });
      localState.stagedFiles.push({ ...localState.entries.filePath });

      mutations.DELETE_ENTRY(localState, 'filePath');

      expect(localState.changedFiles).toEqual([]);
      expect(localState.stagedFiles).toEqual([]);
    });
  });

  describe('UPDATE_FILE_AFTER_COMMIT', () => {
    it('updates URLs if prevPath is set', () => {
      const f = {
        ...file('test'),
        prevPath: 'testing-123',
        rawPath: `${TEST_HOST}/testing-123`,
      };
      localState.entries.test = f;
      localState.changedFiles.push(f);

      mutations.UPDATE_FILE_AFTER_COMMIT(localState, {
        file: f,
        lastCommit: {
          commit: {},
        },
      });

      expect(f).toEqual(
        expect.objectContaining({
          rawPath: `${TEST_HOST}/test`,
          prevId: undefined,
          prevPath: undefined,
          prevName: undefined,
          prevKey: undefined,
        }),
      );
    });
  });

  describe('RENAME_ENTRY', () => {
    beforeEach(() => {
      localState.trees = {
        'gitlab-ce/main': {
          tree: [],
        },
      };
      localState.currentProjectId = 'gitlab-ce';
      localState.currentBranchId = 'main';
      localState.entries = {
        oldPath: file('oldPath', 'oldPath', 'blob'),
      };
    });

    it('updates existing entry without creating a new one', () => {
      mutations.RENAME_ENTRY(localState, {
        path: 'oldPath',
        name: 'newPath',
        parentPath: '',
      });

      expect(localState.entries).toEqual({
        newPath: expect.objectContaining({
          path: 'newPath',
          prevPath: 'oldPath',
        }),
      });
    });

    it('correctly handles consecutive renames for the same entry', () => {
      mutations.RENAME_ENTRY(localState, {
        path: 'oldPath',
        name: 'newPath',
        parentPath: '',
      });

      mutations.RENAME_ENTRY(localState, {
        path: 'newPath',
        name: 'newestPath',
        parentPath: '',
      });

      expect(localState.entries).toEqual({
        newestPath: expect.objectContaining({
          path: 'newestPath',
          prevPath: 'oldPath',
        }),
      });
    });

    it('correctly handles the same entry within a consecutively renamed folder', () => {
      const oldPath = file('root-folder/oldPath', 'root-folder/oldPath', 'blob');
      localState.entries = {
        'root-folder': { ...file('root-folder', 'root-folder', 'tree'), tree: [oldPath] },
        'root-folder/oldPath': oldPath,
      };
      Object.assign(localState.entries['root-folder/oldPath'], {
        parentPath: 'root-folder',
      });

      mutations.RENAME_ENTRY(localState, {
        path: 'root-folder/oldPath',
        name: 'renamed-folder/oldPath',
        entryPath: null,
        parentPath: '',
      });

      mutations.RENAME_ENTRY(localState, {
        path: 'renamed-folder/oldPath',
        name: 'simply-renamed/oldPath',
        entryPath: null,
        parentPath: '',
      });

      expect(localState.entries).toEqual({
        'root-folder': expect.objectContaining({
          path: 'root-folder',
        }),
        'simply-renamed/oldPath': expect.objectContaining({
          path: 'simply-renamed/oldPath',
          prevPath: 'root-folder/oldPath',
        }),
      });
    });

    it('renames entry, preserving old parameters', () => {
      const oldPathData = localState.entries.oldPath;

      mutations.RENAME_ENTRY(localState, {
        path: 'oldPath',
        name: 'newPath',
        parentPath: '',
      });

      expect(localState.entries.newPath).toEqual({
        ...oldPathData,
        id: 'newPath',
        path: 'newPath',
        name: 'newPath',
        key: expect.stringMatching('newPath'),
        prevId: 'oldPath',
        prevName: 'oldPath',
        prevPath: 'oldPath',
        prevKey: oldPathData.key,
        prevParentPath: oldPathData.parentPath,
      });
    });

    it('does not store previous attributes on temp files', () => {
      Object.assign(localState.entries.oldPath, {
        tempFile: true,
      });
      mutations.RENAME_ENTRY(localState, {
        path: 'oldPath',
        name: 'newPath',
        entryPath: null,
        parentPath: '',
      });

      expect(localState.entries.newPath).not.toEqual(
        expect.objectContaining({
          prevId: expect.anything(),
          prevName: expect.anything(),
          prevPath: expect.anything(),
          prevKey: expect.anything(),
          prevParentPath: expect.anything(),
        }),
      );
    });

    it('properly handles files with spaces in name', () => {
      const path = 'my fancy path';
      const newPath = 'new path';
      const oldEntry = file(path, path, 'blob');

      localState.entries[path] = oldEntry;

      mutations.RENAME_ENTRY(localState, {
        path,
        name: newPath,
        entryPath: null,
        parentPath: '',
      });

      expect(localState.entries[newPath]).toEqual({
        ...oldEntry,
        id: newPath,
        path: newPath,
        name: newPath,
        key: expect.stringMatching(newPath),
        prevId: path,
        prevName: path,
        prevPath: path,
        prevKey: oldEntry.key,
        prevParentPath: oldEntry.parentPath,
      });
    });

    it('adds to parent tree', () => {
      const parentEntry = {
        ...file('parentPath', 'parentPath', 'tree'),
        tree: [localState.entries.oldPath],
      };
      localState.entries.parentPath = parentEntry;

      mutations.RENAME_ENTRY(localState, {
        path: 'oldPath',
        name: 'newPath',
        entryPath: null,
        parentPath: 'parentPath',
      });

      expect(parentEntry.tree.length).toBe(1);
      expect(parentEntry.tree[0].name).toBe('newPath');
    });

    it('sorts tree after renaming an entry', () => {
      const alpha = file('alpha', 'alpha', 'blob');
      const beta = file('beta', 'beta', 'blob');
      const gamma = file('gamma', 'gamma', 'blob');
      localState.entries = {
        alpha,
        beta,
        gamma,
      };

      localState.trees['gitlab-ce/main'].tree = [alpha, beta, gamma];

      mutations.RENAME_ENTRY(localState, {
        path: 'alpha',
        name: 'theta',
        entryPath: null,
        parentPath: '',
      });

      expect(localState.trees['gitlab-ce/main'].tree).toEqual([
        expect.objectContaining({
          name: 'beta',
        }),
        expect.objectContaining({
          name: 'gamma',
        }),
        expect.objectContaining({
          path: 'theta',
          name: 'theta',
        }),
      ]);
    });

    it('updates openFiles with the renamed one if the original one is open', () => {
      Object.assign(localState.entries.oldPath, {
        opened: true,
        type: 'blob',
      });
      Object.assign(localState, {
        openFiles: [localState.entries.oldPath],
      });

      mutations.RENAME_ENTRY(localState, {
        path: 'oldPath',
        name: 'newPath',
      });

      expect(localState.openFiles.length).toBe(1);
      expect(localState.openFiles[0].path).toBe('newPath');
    });

    it('does not add renamed entry to changedFiles', () => {
      mutations.RENAME_ENTRY(localState, {
        path: 'oldPath',
        name: 'newPath',
      });

      expect(localState.changedFiles.length).toBe(0);
    });

    it('updates existing changedFiles entry with the renamed one', () => {
      const origFile = { ...file('oldPath', 'oldPath', 'blob'), content: 'Foo' };

      Object.assign(localState, {
        changedFiles: [origFile],
      });
      Object.assign(localState.entries, {
        oldPath: origFile,
      });

      mutations.RENAME_ENTRY(localState, {
        path: 'oldPath',
        name: 'newPath',
      });

      expect(localState.changedFiles).toEqual([
        expect.objectContaining({
          path: 'newPath',
          content: 'Foo',
        }),
      ]);
    });

    it('correctly saves original values if an entry is renamed multiple times', () => {
      const original = { ...localState.entries.oldPath };
      const paramsToCheck = ['prevId', 'prevPath', 'prevName'];
      const expectedObj = paramsToCheck.reduce(
        (o, param) => ({ ...o, [param]: original[param.replace('prev', '').toLowerCase()] }),
        {},
      );

      mutations.RENAME_ENTRY(localState, {
        path: 'oldPath',
        name: 'newPath',
      });

      expect(localState.entries.newPath).toEqual(expect.objectContaining(expectedObj));

      mutations.RENAME_ENTRY(localState, {
        path: 'newPath',
        name: 'newer',
      });

      expect(localState.entries.newer).toEqual(expect.objectContaining(expectedObj));
    });

    describe('renaming back to original', () => {
      beforeEach(() => {
        const renamedEntry = {
          ...file('renamed', 'renamed', 'blob'),
          prevId: 'lorem/orig',
          prevPath: 'lorem/orig',
          prevName: 'orig',
          prevKey: 'lorem/orig',
          prevParentPath: 'lorem',
        };

        localState.entries = {
          renamed: renamedEntry,
        };

        mutations.RENAME_ENTRY(localState, {
          path: 'renamed',
          name: 'orig',
          parentPath: 'lorem',
        });
      });

      it('renames entry and clears prev properties', () => {
        expect(localState.entries).toEqual({
          'lorem/orig': expect.objectContaining({
            id: 'lorem/orig',
            path: 'lorem/orig',
            name: 'orig',
            prevId: undefined,
            prevPath: undefined,
            prevName: undefined,
            prevKey: undefined,
            prevParentPath: undefined,
          }),
        });
      });
    });

    describe('key updates', () => {
      beforeEach(() => {
        const rootFolder = file('rootFolder', 'rootFolder', 'tree');
        localState.entries = {
          rootFolder,
          oldPath: file('oldPath', 'oldPath', 'blob'),
          'oldPath.txt': file('oldPath.txt', 'oldPath.txt', 'blob'),
          'rootFolder/oldPath.md': file('oldPath.md', 'oldPath.md', 'blob', rootFolder),
        };
      });

      it('sets properly constucted key while preserving the original one', () => {
        const key = 'oldPath.txt-blob-oldPath.txt';
        localState.entries['oldPath.txt'].key = key;
        mutations.RENAME_ENTRY(localState, {
          path: 'oldPath.txt',
          name: 'newPath.md',
        });

        expect(localState.entries['newPath.md'].key).toBe('newPath.md-blob-newPath.md');
        expect(localState.entries['newPath.md'].prevKey).toBe(key);
      });

      it('correctly updates key for an entry without an extension', () => {
        localState.entries.oldPath.key = 'oldPath-blob-oldPath';
        mutations.RENAME_ENTRY(localState, {
          path: 'oldPath',
          name: 'newPath.md',
        });

        expect(localState.entries['newPath.md'].key).toBe('newPath.md-blob-newPath.md');
      });

      it('correctly updates key when new name does not have an extension', () => {
        localState.entries['oldPath.txt'].key = 'oldPath.txt-blob-oldPath.txt';
        mutations.RENAME_ENTRY(localState, {
          path: 'oldPath.txt',
          name: 'newPath',
        });

        expect(localState.entries.newPath.key).toBe('newPath-blob-newPath');
      });

      it('correctly updates key when renaming an entry in a folder', () => {
        localState.entries['rootFolder/oldPath.md'].key =
          'rootFolder/oldPath.md-blob-rootFolder/oldPath.md';
        mutations.RENAME_ENTRY(localState, {
          path: 'rootFolder/oldPath.md',
          name: 'newPath.md',
          entryPath: null,
          parentPath: 'rootFolder',
        });

        expect(localState.entries['rootFolder/newPath.md'].key).toBe(
          'rootFolder/newPath.md-blob-rootFolder/newPath.md',
        );
      });
    });
  });
});