test: add loader test

Xutaotaotao · Xutaotaotao · commit 29225eda16e7 · 2021-05-03T12:43:18.000+08:00
diff --git a/test/specs/__snapshots__/loader.spec.js.snap b/test/specs/__snapshots__/loader.spec.js.snap
@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`NLoader renders correctly 1`] = `<span class="loadding"><div style="height: 36px; width: 36px;"></div><span class="loadding-text md-text"></span></span>`;
diff --git a/test/specs/loader.spec.js b/test/specs/loader.spec.js
@@ -0,0 +1,29 @@
+import NLoader from '../../packages/n-loader';
+import { mount } from '@vue/test-utils';
+
+describe('NLoader', () => {
+  it('renders correctly', () => {
+    const wrapper = mount({
+      render () {
+        return <NLoader show={true}/>;
+      }
+    });
+    expect(wrapper.html()).toMatchSnapshot();
+  });
+  it('render size correctly', () => {
+    const wrapper = mount({
+      render () {
+        return <NLoader size="lg" show={true}/>;
+      }
+    });
+    expect(wrapper.find('.lg-text').exists()).toBe(true);
+  });
+  it('render chinese characters correctly', () => {
+    const wrapper = mount({
+      render () {
+        return <NLoader show={true} loaddingText="&#21152;&#36733;&#20013;"/>;
+      }
+    });
+    expect(wrapper.text()).toBe('&#21152;&#36733;&#20013;');
+  });
+});

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+// Jest Snapshot v1, https://goo.gl/fbAQLP`
	`2`	`+`
	`3`	+exports[`NLoader renders correctly 1`] = `<span class="loadding"><div style="height: 36px; width: 36px;"></div><span class="loadding-text md-text"></span></span>`;