habitica/test/client/unit/specs/store/getters/tasks/getTaskClasses.js

import generateStore from 'client/store';

describe('getTaskClasses getter', () => {
  let store, getTaskClasses;

  beforeEach(() => {
    store = generateStore();
    store.state.user.data = {
      preferences: {
      },
    };

    getTaskClasses = store.getters['tasks:getTaskClasses'];
  });

  it('returns reward edit-modal-bg class', () => {
    const task = {type: 'reward'};
    expect(getTaskClasses(task, 'edit-modal-bg')).to.equal('task-purple-modal-bg');
  });

  it('returns worst task edit-modal-bg class', () => {
    const task = {type: 'todo', value: -21};
    expect(getTaskClasses(task, 'edit-modal-bg')).to.equal('task-worst-modal-bg');
  });

  it('returns worse task edit-modal-bg class', () => {
    const task = {type: 'todo', value: -11};
    expect(getTaskClasses(task, 'edit-modal-bg')).to.equal('task-worse-modal-bg');
  });

  it('returns bad task edit-modal-bg class', () => {
    const task = {type: 'todo', value: -6};
    expect(getTaskClasses(task, 'edit-modal-bg')).to.equal('task-bad-modal-bg');
  });

  it('returns neutral task edit-modal-bg class', () => {
    const task = {type: 'todo', value: 0};
    expect(getTaskClasses(task, 'edit-modal-bg')).to.equal('task-neutral-modal-bg');
  });

  it('returns good task edit-modal-bg class', () => {
    const task = {type: 'todo', value: 2};
    expect(getTaskClasses(task, 'edit-modal-bg')).to.equal('task-good-modal-bg');
  });

  it('returns better task edit-modal-bg class', () => {
    const task = {type: 'todo', value: 6};
    expect(getTaskClasses(task, 'edit-modal-bg')).to.equal('task-better-modal-bg');
  });


  it('returns best task edit-modal-bg class', () => {
    const task = {type: 'todo', value: 12};
    expect(getTaskClasses(task, 'edit-modal-bg')).to.equal('task-best-modal-bg');
  });

  it('returns best task edit-modal-text class', () => {
    const task = {type: 'todo', value: 12};
    expect(getTaskClasses(task, 'edit-modal-text')).to.equal('task-best-modal-text');
  });

  it('returns best task edit-modal-icon class', () => {
    const task = {type: 'todo', value: 12};
    expect(getTaskClasses(task, 'edit-modal-icon')).to.equal('task-best-modal-icon');
  });

  it('returns best task edit-modal-option-disabled class', () => {
    const task = {type: 'todo', value: 12};
    expect(getTaskClasses(task, 'edit-modal-option-disabled')).to.equal('task-best-modal-option-disabled');
  });

  it('returns best task edit-modal-control-disabled class', () => {
    const task = {type: 'todo', value: 12};
    expect(getTaskClasses(task, 'edit-modal-habit-control-disabled')).to.equal('task-best-modal-habit-control-disabled');
  });

  it('returns create-modal-bg class', () => {
    const task = {type: 'todo'};
    expect(getTaskClasses(task, 'create-modal-bg')).to.equal('task-purple-modal-bg');
  });

  it('returns create-modal-text class', () => {
    const task = {type: 'todo'};
    expect(getTaskClasses(task, 'create-modal-text')).to.equal('task-purple-modal-text');
  });

  it('returns create-modal-icon class', () => {
    const task = {type: 'todo'};
    expect(getTaskClasses(task, 'create-modal-icon')).to.equal('task-purple-modal-icon');
  });

  it('returns create-modal-option-disabled class', () => {
    const task = {type: 'todo'};
    expect(getTaskClasses(task, 'create-modal-option-disabled')).to.equal('task-purple-modal-option-disabled');
  });

  it('returns create-modal-habit-control-disabled class', () => {
    const task = {type: 'todo'};
    expect(getTaskClasses(task, 'create-modal-habit-control-disabled')).to.equal('task-purple-modal-habit-control-disabled');
  });

  it('returns completed todo classes', () => {
    const task = {type: 'todo', value: 2, completed: true};
    expect(getTaskClasses(task, 'control')).to.deep.equal({
      bg: 'task-disabled-daily-todo-control-bg',
      checkbox: 'task-disabled-daily-todo-control-checkbox',
      inner: 'task-disabled-daily-todo-control-inner',
      content: 'task-disabled-daily-todo-control-content',
    });
  });

  it('returns good todo classes', () => {
    const task = {type: 'todo', value: 2};
    expect(getTaskClasses(task, 'control')).to.deep.equal({
      bg: 'task-good-control-bg',
      checkbox: 'task-good-control-checkbox',
      inner: 'task-good-control-inner-daily-todo',
      icon: 'task-good-control-icon',
    });
  });

  it('returns reward classes', () => {
    const task = {type: 'reward'};
    expect(getTaskClasses(task, 'control')).to.deep.equal({
      bg: 'task-reward-control-bg',
    });
  });

  it('returns habit up classes', () => {
    const task = {type: 'habit', value: 2, up: true};
    expect(getTaskClasses(task, 'control')).to.deep.equal({
      up: {
        bg: 'task-good-control-bg',
        inner: 'task-good-control-inner-habit',
        icon: 'task-good-control-icon',
      },
      down: {
        bg: 'task-disabled-habit-control-bg',
        inner: 'task-disabled-habit-control-inner',
        icon: 'task-good-control-icon',
      },
    });
  });

  it('returns noninteractive classes and padlock icons for group board tasks', () => {
    const task = {type: 'todo', value: 2, group: {id: 'group-id'}};
    expect(getTaskClasses(task, 'control')).to.deep.equal({
      bg: 'task-good-control-bg-noninteractive',
      checkbox: 'task-good-control-checkbox',
      inner: 'task-good-control-inner-daily-todo',
      icon: 'task-good-control-icon',
    });
  });
});