refactor(client): move to Vite by @phillipthelen

website/client/tests/unit/components/avatar.spec.js

@@ -1,10 +1,13 @@
+import {
+  describe, expect, test, beforeEach, afterEach,
+} from 'vitest';
 import Vue from 'vue';
 import merge from 'lodash/merge';
 
 import Avatar from '@/components/avatar';
 import generateStore from '@/store';
 
-context('avatar.vue', () => {
+describe('avatar.vue', () => {
   let Constructr;
   let vm;
 
@@ -38,7 +41,7 @@ context('avatar.vue', () => {
   });
 
   describe('hasClass', () => {
-    it('returns false if user is too low of level', () => {
+    test('returns false if user is too low of level', () => {
       vm.member = merge({
         stats: { lvl: 3 },
         preferences: { disableClasses: false },
@@ -47,7 +50,7 @@ context('avatar.vue', () => {
       expect(vm.hasClass).to.equal(false);
     });
 
-    it('returns false if user has disabled the class system', () => {
+    test('returns false if user has disabled the class system', () => {
       vm.member = merge({
         stats: { lvl: 17 },
         preferences: { disableClasses: true },
@@ -56,7 +59,7 @@ context('avatar.vue', () => {
       expect(vm.hasClass).to.equal(false);
     });
 
-    it('returns false if user has not yet selected a class', () => {
+    test('returns false if user has not yet selected a class', () => {
       vm.member = merge({
         stats: { lvl: 20 },
         preferences: { disableClasses: false },
@@ -65,7 +68,7 @@ context('avatar.vue', () => {
       expect(vm.hasClass).to.equal(false);
     });
 
-    it('returns true if user meets all prereqs for having a class', () => {
+    test('returns true if user meets all prereqs for having a class', () => {
       vm.member = merge({
         stats: { lvl: 13 },
         preferences: { disableClasses: false },
@@ -76,11 +79,11 @@ context('avatar.vue', () => {
   });
 
   describe('isBuffed', () => {
-    it('returns undefined if user is not buffed', () => {
+    test('returns undefined if user is not buffed', () => {
       expect(vm.isBuffed).to.equal(undefined);
     });
 
-    it('returns a value if user has buffs', () => {
+    test('returns a value if user has buffs', () => {
       vm.member = merge({
         stats: {
           buffs: {
@@ -96,12 +99,12 @@ context('avatar.vue', () => {
   });
 
   describe('paddingTop', () => {
-    xit('defaults to 27px', () => {
+    test('defaults to 24px', () => {
       vm.avatarOnly = true;
-      expect(vm.paddingTop).to.equal('27px');
+      expect(vm.paddingTop).to.equal('24px');
     });
 
-    it('is 24px if user has a pet', () => {
+    test('is 24px if user has a pet', () => {
       vm.member.items = merge({
         currentPet: { name: 'Foo' },
       }, baseMember.items);
@@ -109,7 +112,7 @@ context('avatar.vue', () => {
       expect(vm.paddingTop).to.equal('24px');
     });
 
-    it('is 0px if user has a mount', () => {
+    test('is 0px if user has a mount', () => {
       vm.member.items = merge({
         currentMount: 'Bar',
       }, baseMember.items);
@@ -117,18 +120,18 @@ context('avatar.vue', () => {
       expect(vm.paddingTop).to.equal('0px');
     });
 
-    it('can be overriden', () => {
+    test('can be overriden', () => {
       vm.overrideTopPadding = '27px';
       expect(vm.paddingTop).to.equal('27px');
     });
   });
 
   describe('costumeClass', () => {
-    it('returns if showing equipped gear', () => {
+    test('returns if showing equipped gear', () => {
       expect(vm.costumeClass).to.equal('equipped');
     });
 
-    it('returns if wearing a costume', () => {
+    test('returns if wearing a costume', () => {
       vm.member.preferences = { costume: true, hair: {} };
       vm.member.items.gear.costume = {};
 
@@ -137,7 +140,7 @@ context('avatar.vue', () => {
   });
 
   describe('visualBuffs', () => {
-    it('returns an array of buffs', () => {
+    test('returns an array of buffs', () => {
       vm.member = merge({
         stats: {
           class: 'warrior',
@@ -159,17 +162,17 @@ context('avatar.vue', () => {
       };
     });
 
-    it('shows the background', () => {
+    test('shows the background', () => {
       expect(vm.backgroundClass).to.equal('background_pony');
     });
 
-    it('can be overridden', () => {
+    test('can be overridden', () => {
       vm.overrideAvatarGear = { background: 'character' };
 
       expect(vm.backgroundClass).to.equal('background_character');
     });
 
-    it('returns to a blank string if not showing background', () => {
+    test('returns to a blank string if not showing background', () => {
       vm.withBackground = false;
       vm.avatarOnly = true;
 
@@ -178,11 +181,11 @@ context('avatar.vue', () => {
   });
 
   describe('specialMountClass', () => {
-    it('returns null if not riding a Kangaroo', () => {
+    test('returns null if not riding a Kangaroo', () => {
       expect(vm.specialMountClass).to.equal(null);
     });
 
-    it('returns corresponding offset class if riding a Kangaroo', () => {
+    test('returns corresponding offset class if riding a Kangaroo', () => {
       vm.member.items.currentMount = 'Kangaroo-Base';
 
       expect(vm.specialMountClass).to.equal('offset-kangaroo');
@@ -190,7 +193,7 @@ context('avatar.vue', () => {
   });
 
   describe('skinClass', () => {
-    it('returns current skin color', () => {
+    test('returns current skin color', () => {
       vm.member = merge({
         preferences: {
           skin: 'blue',
@@ -201,7 +204,7 @@ context('avatar.vue', () => {
       expect(vm.skinClass).to.equal('skin_blue');
     });
 
-    it('adds sleep if Dailies paused', () => {
+    test('adds sleep if Dailies paused', () => {
       vm.member = merge({
         preferences: {
           skin: 'blue',
@@ -213,7 +216,7 @@ context('avatar.vue', () => {
     });
   });
 
-  context('methods', () => {
+  describe('methods', () => {
     describe('getGearClass', () => {
       beforeEach(() => {
         vm.member = merge({
@@ -226,15 +229,15 @@ context('avatar.vue', () => {
         }, baseMember);
       });
 
-      it('returns undefined if no match', () => {
+      test('returns undefined if no match', () => {
         expect(vm.getGearClass('foo')).to.equal(undefined);
       });
 
-      it('returns the matching gear', () => {
+      test('returns the matching gear', () => {
         expect(vm.getGearClass('Hat')).to.equal('Fancy Tophat');
       });
 
-      it('can be overridden', () => {
+      test('can be overridden', () => {
         vm.overrideAvatarGear = { Hat: 'Dapper Bowler' };
 
         expect(vm.getGearClass('Hat')).to.equal('Dapper Bowler');
@@ -242,7 +245,7 @@ context('avatar.vue', () => {
     });
 
     describe('hideGear', () => {
-      it('returns no weapon equipped', () => {
+      test('returns no weapon equipped', () => {
         vm.member.items.gear.equipped = {};
         expect(vm.hideGear('weapon')).to.equal(false);
       });
@@ -277,7 +280,7 @@ context('avatar.vue', () => {
           },
         }, baseMember);
       });
-      it('does if not showing visual buffs', () => {
+      test('does if not showing visual buffs', () => {
         expect(vm.showAvatar()).to.equal(true);
 
         const { buffs } = vm.member.stats;