Added tests

floating-ui · Sep 25, 2019 · a86c9c6 · a86c9c6
1 parent d221826
commit a86c9c6
Show file tree

Hide file tree

Showing 5 changed files with 228 additions and 89 deletions.
diff --git a/package.json b/package.json
@@ -83,9 +83,9 @@
     "babel-jest": "^24.0.0",
     "cross-env": "^5.1.4",
     "emotion": "^9.1.1",
-    "enzyme": "^3.3.0",
-    "enzyme-adapter-react-16": "^1.1.1",
-    "enzyme-to-json": "^3.3.3",
+    "enzyme": "^3.10.0",
+    "enzyme-adapter-react-16": "^1.14.0",
+    "enzyme-to-json": "^3.4.0",
     "eslint": "^4.19.1",
     "eslint-config-prettier": "^2.9.0",
     "eslint-plugin-flowtype": "^2.46.1",
@@ -100,8 +100,8 @@
     "parcel-bundler": "^1.10.1",
     "prettier": "^1.11.1",
     "pretty-quick": "^1.4.1",
-    "react": "16.2.0",
-    "react-dom": "^16.3.0",
+    "react": "16.9.0",
+    "react-dom": "^16.9.0",
     "react-emotion": "^9.1.1",
     "react-spring": "^4.0.1",
     "recompose": "^0.26.0",

diff --git a/src/Popper.test.js b/src/Popper.test.js
@@ -86,6 +86,40 @@ describe('Popper component', () => {
     ).not.toThrow();
   });
 
+  it('accepts a ref function', () => {
+    const myRef = jest.fn();
+    const referenceElement = document.createElement('div');
+    mount(
+      <InnerPopper referenceElement={referenceElement} innerRef={myRef}>
+        {({ ref, style, placement}) => (
+          <div
+            ref={ref}
+            style={style}
+            data-placement={placement}
+          />
+        )}
+      </InnerPopper>
+    )
+    expect(myRef).toBeCalled();
+  });
+
+  it('accepts a ref object', () => {
+    const myRef = (React: any).createRef();
+    const referenceElement = document.createElement('div');
+    mount(
+      <InnerPopper referenceElement={referenceElement} innerRef={myRef}>
+        {({ ref, style, placement}) => (
+          <div
+            ref={ref}
+            style={style}
+            data-placement={placement}
+          />
+        )}
+      </InnerPopper>
+    )
+    expect(myRef.current).toBeDefined();
+  });
+
   it('accepts a `referenceElement` property', () => {
     class VirtualReference {
       getBoundingClientRect() {

diff --git a/src/__snapshots__/Manager.test.js.snap b/src/__snapshots__/Manager.test.js.snap
@@ -2,20 +2,11 @@
 
 exports[`Manager component renders the expected markup 1`] = `
 <Manager>
-  <Provider
-    value={
-      Object {
-        "referenceNode": undefined,
-        "setReferenceNode": [Function],
-      }
-    }
-  >
-    <div
-      id="reference"
-    />
-    <div
-      id="popper"
-    />
-  </Provider>
+  <div
+    id="reference"
+  />
+  <div
+    id="popper"
+  />
 </Manager>
 `;
diff --git a/src/__snapshots__/Reference.test.js.snap b/src/__snapshots__/Reference.test.js.snap
@@ -1,11 +1,10 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Arrow component renders the expected markup 1`] = `
-<Provider
-  value={
-    Object {
-      "referenceNode": undefined,
-      "setReferenceNode": [MockFunction] {
+<Reference>
+  <InnerReference
+    setReferenceNode={
+      [MockFunction] {
         "calls": Array [
           Array [
             <div />,
@@ -17,32 +16,10 @@ exports[`Arrow component renders the expected markup 1`] = `
             "value": undefined,
           },
         ],
-      },
+      }
     }
-  }
->
-  <Reference>
-    <Consumer>
-      <InnerReference
-        setReferenceNode={
-          [MockFunction] {
-            "calls": Array [
-              Array [
-                <div />,
-              ],
-            ],
-            "results": Array [
-              Object {
-                "type": "return",
-                "value": undefined,
-              },
-            ],
-          }
-        }
-      >
-        <div />
-      </InnerReference>
-    </Consumer>
-  </Reference>
-</Provider>
+  >
+    <div />
+  </InnerReference>
+</Reference>
 `;