Initial commit: 积分兑换电商平台多商户版 MER-2.2

Made-with: Cursor

mer_mer_admin/tests/unit/components/Hamburger.spec.js

@@ -0,0 +1,18 @@
+import { shallowMount } from '@vue/test-utils';
+import Hamburger from '@/components/Hamburger/index.vue';
+describe('Hamburger.vue', () => {
+  it('toggle click', () => {
+    const wrapper = shallowMount(Hamburger);
+    const mockFn = jest.fn();
+    wrapper.vm.$on('toggleClick', mockFn);
+    wrapper.find('.hamburger').trigger('click');
+    expect(mockFn).toBeCalled();
+  });
+  it('prop isActive', () => {
+    const wrapper = shallowMount(Hamburger);
+    wrapper.setProps({ isActive: true });
+    expect(wrapper.contains('.is-active')).toBe(true);
+    wrapper.setProps({ isActive: false });
+    expect(wrapper.contains('.is-active')).toBe(false);
+  });
+});

mer_mer_admin/tests/unit/components/SvgIcon.spec.js

@@ -0,0 +1,22 @@
+import { shallowMount } from '@vue/test-utils';
+import SvgIcon from '@/components/SvgIcon/index.vue';
+describe('SvgIcon.vue', () => {
+  it('iconClass', () => {
+    const wrapper = shallowMount(SvgIcon, {
+      propsData: {
+        iconClass: 'test',
+      },
+    });
+    expect(wrapper.find('use').attributes().href).toBe('#icon-test');
+  });
+  it('className', () => {
+    const wrapper = shallowMount(SvgIcon, {
+      propsData: {
+        iconClass: 'test',
+      },
+    });
+    expect(wrapper.classes().length).toBe(1);
+    wrapper.setProps({ className: 'test' });
+    expect(wrapper.classes().includes('test')).toBe(true);
+  });
+});