WikiEducationFoundation/WikiEduDashboard

import deepFreeze from 'deep-freeze';
import users from '../../app/assets/javascripts/reducers/users';
import '../testHelper';
import {
  RECEIVE_USERS,
  ADD_USER,
  REMOVE_USER,
  SORT_USERS
} from '../../app/assets/javascripts/constants';

describe('users reducer', () => {
  test(
    'should return initial state when no action nor state is provided',
    () => {
      const newState = users(undefined, { type: null });
      expect(Array.isArray(newState.users)).toBe(true);
      expect(newState.isLoaded).toBe(false);
      expect(typeof newState.sort).toBe('object');
    }
  );

  test('returns the previous state and updates users array from action via RECEIVE_USERS, ADD_USER, and REMOVE_USER', () => {
  const initialState = users(undefined, { type: null });
  deepFreeze(initialState);

  const action = (type, users_array) => ({
    type: type,
    data: {
      course: {
        users: users_array
      }
    }
  });

  let users_array = [
    { id: 1, real_name: 'John Doe', role: 'student' },
    { id: 2, real_name: 'Jane Smith', role: 'admin' }
  ];

  users_array = users_array.map((user) => {
    const [first_name, ...rest] = (user.real_name?.trim() || '').split(' ');
    return { ...user, first_name, last_name: rest.join(' ') };
  });

  const mockedReceivedAction = action(RECEIVE_USERS, users_array);
  const receiveUserState = users(initialState, mockedReceivedAction);
  expect(receiveUserState.users).toEqual(users_array);
  expect(receiveUserState.isLoaded).toBe(true);

  users_array = [
    { id: 3, real_name: 'Bob Johnson', role: 'student' },
    { id: 4, real_name: 'Alice Williams', role: 'admin' },
    { id: 5, real_name: 'Eve Brown', role: 'student' }
  ];

  users_array = users_array.map((user) => {
    const [first_name, ...rest] = (user.real_name?.trim().toLowerCase() || '').split(' ');
    return { ...user, first_name, last_name: rest.join(' ') };
  });

  const mockedAddAction = action(ADD_USER, users_array);
  const addUserState = users(receiveUserState, mockedAddAction);
  expect(addUserState.users).toEqual(users_array);
  expect(addUserState.isLoaded).toBe(true);

  users_array = [
    { id: 4, real_name: 'Alice Williams', role: 'admin' },
    { id: 5, real_name: 'Eve Brown', role: 'student' }
  ];

  users_array = users_array.map((user) => {
    const [first_name, ...rest] = (user.real_name?.trim().toLowerCase() || '').split(' ');
    return { ...user, first_name, last_name: rest.join(' ') };
  });

  const mockedRemoveAction = action(REMOVE_USER, users_array);
  const removeUserState = users(addUserState, mockedRemoveAction);
  expect(removeUserState.users).toEqual(users_array);
  expect(removeUserState.isLoaded).toBe(true);
});

  test('sorts users given a key by action via SORT_USERS', () => {
    const initialState = {
      title: 'title',
      isLoaded: false,
      users: [
        { id: 2, name: 'user3' },
        { id: 3, name: 'user2' },
        { id: 1, name: 'user1' }
      ],
      sort: {
        sortKey: null
      }
    };
    deepFreeze(initialState);
    const mockedAction = {
      type: SORT_USERS,
      key: 'id'
    };

    let newState = users(initialState, mockedAction);
    expect(newState.users).toEqual([
      { id: 1, name: 'user1' },
      { id: 2, name: 'user3' },
      { id: 3, name: 'user2' }
    ]);

    mockedAction.key = 'name';
    newState = users(initialState, mockedAction);
    expect(newState.users).toEqual([
      { id: 1, name: 'user1' },
      { id: 3, name: 'user2' },
      { id: 2, name: 'user3' }
    ]);

    expect(newState.title).toBe('title');
  });
});