test(icon): add unit test (#2884)

jdf2e · Jan 26, 2024 · cad8128 · cad8128
1 parent 855ffd2
commit cad8128
Showing 1 changed file with 26 additions and 0 deletions.
diff --git a/src/packages/__VUE/icon/__tests__/index.spec.tsx b/src/packages/__VUE/icon/__tests__/index.spec.tsx
@@ -0,0 +1,26 @@
+import { mount } from '@vue/test-utils';
+import { Add, IconFont } from '@nutui/icons-vue';
+
+test('Icon: svg color width height', async () => {
+  const wrapper = mount(() => {
+    return <Add color="pink" width={30} height={30} />;
+  });
+
+  const svg = wrapper.find('.nut-icon');
+  expect(svg.classes()).toContain('nut-icon-add');
+  expect(svg.attributes('style')).toContain('color: pink');
+  expect(svg.attributes('style')).toContain('height: 30px');
+  expect(svg.attributes('style')).toContain('width: 30px');
+});
+
+test('Icon: icofnont color width height', async () => {
+  const wrapper = mount(() => {
+    return <IconFont name="add" color="pink" width={30} height={30} />;
+  });
+
+  const svg = wrapper.find('.nut-icon');
+  expect(svg.classes()).toContain('nut-icon-add');
+  expect(svg.attributes('style')).toContain('color: pink');
+  expect(svg.attributes('style')).toContain('height: 30px');
+  expect(svg.attributes('style')).toContain('width: 30px');
+});