habitica/test/client/unit/specs/components/avatar.vue.test.js

import Avatar from 'client/components/avatar';
import Vue from 'vue';
import generateStore from 'client/store';

context('avatar.vue', () => {
  let Constructr;
  let vm;

  beforeEach(() => {
    Constructr = Vue.extend(Avatar);

    vm = new Constructr({
      propsData: {
        member: {
          stats: {
            buffs: {},
          },
          preferences: {
            hair: {},
          },
          items: {
            gear: {
              equipped: {},
            },
          },
        },
      },
    }).$mount();

    vm.$store = generateStore();
  });

  afterEach(() => {
    vm.$destroy();
  });

  describe('hasClass', () => {
    beforeEach(() => {
      vm.member = {
        stats: { lvl: 17 },
        preferences: { disableClasses: true },
        flags: { classSelected: false },
      };
    });

    it('accurately reports class status', () => {
      expect(vm.hasClass).to.equal(false);

      vm.member.preferences.disableClasses = false;
      vm.member.flags.classSelected = true;

      expect(vm.hasClass).to.equal(true);
    });
  });

  describe('isBuffed', () => {
    beforeEach(() => {
      vm.member = {
        stats: {
          buffs: {},
        },
      };
    });

    it('accurately reports if buffed', () => {
      expect(vm.isBuffed).to.equal(undefined);

      vm.member.stats.buffs = { str: 1 };

      expect(vm.isBuffed).to.equal(1);
    });
  });

  describe('paddingTop', () => {
    beforeEach(() => {
      vm.member = {
        items: {},
      };
    });

    it('defaults to 28px', () => {
      vm.avatarOnly = true;
      expect(vm.paddingTop).to.equal('28px');
    });

    it('is 24.5px if user has a pet', () => {
      vm.member.items = {
        currentPet: { name: 'Foo' },
      };

      expect(vm.paddingTop).to.equal('24.5px');
    });

    it('is 0px if user has a mount', () => {
      vm.member.items = {
        currentMount: { name: 'Bar' },
      };

      expect(vm.paddingTop).to.equal('0px');
    });

    it('can be overriden', () => {
      vm.overrideTopPadding = '27px';
      expect(vm.paddingTop).to.equal('27px');
    });
  });

  describe('costumeClass', () => {
    beforeEach(() => {
      vm.member = {
        preferences: {},
      };
    });

    it('returns if showing equiped gear', () => {
      expect(vm.costumeClass).to.equal('equipped');
    });
    it('returns if wearing a costume', () => {
      vm.member.preferences = { costume: true };
      expect(vm.costumeClass).to.equal('costume');
    });
  });

  describe('visualBuffs', () => {
    it('returns an array of buffs', () => {
      vm.member = {
        stats: {
          class: 'Warrior',
        },
      };

      expect(vm.visualBuffs).to.include({snowball: 'snowman'});
      expect(vm.visualBuffs).to.include({spookySparkles: 'ghost'});
      expect(vm.visualBuffs).to.include({shinySeed: 'avatar_floral_Warrior'});
      expect(vm.visualBuffs).to.include({seafoam: 'seafoam_star'});
    });
  });

  describe('backgroundClass', () => {
    beforeEach(() => {
      vm.member.preferences = { background: 'pony' };
    });

    it('shows the background', () => {
      expect(vm.backgroundClass).to.equal('background_pony');
    });

    it('can be overridden', () => {
      vm.overrideAvatarGear = { background: 'character' };

      expect(vm.backgroundClass).to.equal('background_character');
    });

    it('returns to a blank string if not showing background', () => {
      vm.withBackground = false;
      vm.avatarOnly = true;

      expect(vm.backgroundClass).to.equal('');
    });
  });

  describe('specialMountClass', () => {
    it('checks if riding a Kangaroo', () => {
      vm.member = {
        stats: {
          class: 'None',
        },
        items: {},
      };

      expect(vm.specialMountClass).to.equal(undefined);

      vm.member.items = {
        currentMount: ['Kangaroo'],
      };

      expect(vm.specialMountClass).to.equal('offset-kangaroo');
    });
  });

  describe('skinClass', () => {
    it('returns current skin color', () => {
      vm.member = {
        stats: {},
        preferences: {
          skin: 'blue',
        },
      };

      expect(vm.skinClass).to.equal('skin_blue');
    });

    it('returns if sleep or not', () => {
      vm.member = {
        stats: {},
        preferences: {
          skin: 'blue',
          sleep: false,
        },
      };

      expect(vm.skinClass).to.equal('skin_blue');

      vm.member.preferences.sleep = true;

      expect(vm.skinClass).to.equal('skin_blue_sleep');
    });
  });

  context('methods', () => {
    describe('getGearClass', () => {
      beforeEach(() => {
        vm.member = {
          items: {
            gear: {
              equipped: { Hat: 'Fancy Tophat' },
            },
          },
          preferences: { costume: false },
        };
      });

      it('returns undefined if no match', () => {
        expect(vm.getGearClass('foo')).to.equal(undefined);
      });

      it('returns the matching gear', () => {
        expect(vm.getGearClass('Hat')).to.equal('Fancy Tophat');
      });

      it('can be overridden', () => {
        vm.overrideAvatarGear = { Hat: 'Dapper Bowler' };

        expect(vm.getGearClass('Hat')).to.equal('Dapper Bowler');
      });
    });

    describe('hideGear', () => {
      it('returns no weapon equipped', () => {
        vm.member.items.gear.equipped = {};
        expect(vm.hideGear('weapon')).to.equal(false);
      });

      beforeEach(() => {
        vm.member = {
          items: {
            gear: {
              equipped: {
                weapon: {
                  baseWeapon: 'Spoon',
                  twoHanded: false,
                },
              },
            },
          },
          preferences: { costume: false },
        };
      });
    });

    describe('show avatar', () => {
      beforeEach(() => {
        vm.member = {
          stats: {
            buffs: {
              snowball: false,
              seafoam: false,
              spookySparkles: false,
              shinySeed: false,
            },
          },
        };
      });
      it('does if not showing visual buffs', () => {
        expect(vm.showAvatar()).to.equal(true);

        let buffs = vm.member.stats.buffs;

        buffs.snowball = true;
        expect(vm.showAvatar()).to.equal(false);

        buffs.snowball = false;
        buffs.spookySparkles = true;
        expect(vm.showAvatar()).to.equal(false);

        buffs.spookySparkles = false;
        buffs.shinySeed = true;
        expect(vm.showAvatar()).to.equal(false);

        buffs.shinySeed = false;
        buffs.seafoam = true;
        expect(vm.showAvatar()).to.equal(false);

        buffs.seafoam = false;
        vm.showVisualBuffs = false;
        expect(vm.showAvatar()).to.equal(true);
      });
    });
  });
});