test: update test and snap

Author: CCherry07

src/components/__test__/LazyLoadComponent.test.tsx

@@ -0,0 +1,14 @@
+// LazyLoadComponent test
+import { mount } from '@vue/test-utils';
+import { expect } from 'vitest';
+import LazyLoadComponent from '../LazyLoadComponent.tsx';
+
+test('LazyLoadComponent', async () => {
+  const wrapper = mount(LazyLoadComponent, {
+    props: {
+      height: 100,
+      width: 100,
+    },
+  });
+  expect(wrapper.html()).toMatchSnapshot();
+});

src/components/__test__/LazyLoadImage.test.tsx

@@ -0,0 +1,49 @@
+import { mount } from '@vue/test-utils';
+import mock from 'mockjs';
+import { expect, describe } from 'vitest';
+import LazyLoadImage from '../LazyLoadImage.tsx';
+describe('LazyLoadImage', async () => {
+  const imgs = mock.mock({
+    'list|10': [
+      {
+        'id|+1': 1,
+        url: '@image(100x100, @color, @color, @word)',
+      },
+    ],
+  }).list;
+
+  it('should render correctly', async () => {
+    const wrapper = mount(LazyLoadImage, {
+      props: {
+        height: 100,
+        width: 100,
+        src: imgs[0].url,
+      },
+    });
+    expect(wrapper.html()).toMatchSnapshot();
+  });
+  it('should render correctly with effect', async () => {
+    const wrapper = mount(LazyLoadImage, {
+      props: {
+        height: 100,
+        width: 100,
+        src: imgs[0].url,
+        effect: 'blur',
+      },
+    });
+    expect(wrapper.html()).toMatchSnapshot();
+  });
+  it('should render correctly with placeholder', async () => {
+    const wrapper = mount(
+      imgs.map((item: any) => (
+        <LazyLoadImage
+          {...item}
+          height={100}
+          width={100}
+          placeholder={<div>loading...</div>}
+        ></LazyLoadImage>
+      )),
+    );
+    expect(wrapper.html()).toMatchSnapshot();
+  });
+});

src/components/__test__/__snapshots__/LazyLoadComponent.test.tsx.snap

@@ -0,0 +1,3 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`LazyLoadComponent 1`] = `""`;

src/components/__test__/__snapshots__/LazyLoadImage.test.tsx.snap

@@ -0,0 +1,7 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`LazyLoadImage > should render correctly 1`] = `"<span class=\\"lazy-load-image-background\\" style=\\"color: transparent; display: inline-block; height: 100px; width: 100px;\\"><!----></span>"`;
+
+exports[`LazyLoadImage > should render correctly with effect 1`] = `"<span class=\\"lazy-load-image-background blur\\" style=\\"color: transparent; display: inline-block; height: 100px; width: 100px;\\"><!----></span>"`;
+
+exports[`LazyLoadImage > should render correctly with placeholder 1`] = `""`;