Add test cases for Card and Breadcrumb

nanqiu · Aug 23, 2017 · 72f7232 · 72f7232
1 parent 8bdad3d
commit 72f7232
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 1 deletion.
diff --git a/components/breadcrumb/__tests__/Breadcrumb.test.js b/components/breadcrumb/__tests__/Breadcrumb.test.js
@@ -14,7 +14,7 @@ describe('Breadcrumb', () => {
   });
 
   // https://github.com/airbnb/enzyme/issues/875
-  xit('warns on non-Breadcrumb.Item children', () => {
+  it('warns on non-Breadcrumb.Item children', () => {
     const MyCom = () => <div>foo</div>;
     mount(
       <Breadcrumb>

diff --git a/components/card/__tests__/index.test.js b/components/card/__tests__/index.test.js
@@ -0,0 +1,27 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Card from '../index';
+
+const delay = timeout => new Promise(resolve => setTimeout(resolve, timeout));
+
+describe('Card', () => {
+  function fakeResizeWindowTo(wrapper, width) {
+    Object.defineProperties(wrapper.node.container, {
+      offsetWidth: {
+        get() { return width; },
+        configurable: true,
+      },
+    });
+    window.resizeTo(width);
+  }
+
+  it('resize card will trigger different padding', async () => {
+    const wrapper = mount(<Card title="xxx">xxx</Card>);
+    fakeResizeWindowTo(wrapper, 1000);
+    await delay(0);
+    expect(wrapper.hasClass('ant-card-wider-padding')).toBe(true);
+    fakeResizeWindowTo(wrapper, 800);
+    await delay(0);
+    expect(wrapper.hasClass('ant-card-wider-padding')).toBe(false);
+  });
+});
diff --git a/tests/setup.js b/tests/setup.js
@@ -1,3 +1,5 @@
+import { jsdom } from 'jsdom';
+
 // fixed jsdom miss
 if (typeof window !== 'undefined') {
   const matchMediaPolyfill = function matchMediaPolyfill() {
@@ -11,3 +13,17 @@ if (typeof window !== 'undefined') {
   };
   window.matchMedia = window.matchMedia || matchMediaPolyfill;
 }
+
+global.requestAnimationFrame = global.requestAnimationFrame || function (cb) {
+  return setTimeout(cb, 0);
+};
+
+const documentHTML = '<!doctype html><html><body><div id="root"></div></body></html>';
+global.document = jsdom(documentHTML);
+global.window = document.parentWindow;
+
+global.window.resizeTo = (width, height) => {
+  global.window.innerWidth = width || global.window.innerWidth;
+  global.window.innerHeight = height || global.window.innerHeight;
+  global.window.dispatchEvent(new Event('resize'));
+};