add tests for expired and errored

Author: hartzis

test/recaptcha.spec.js

@@ -37,15 +37,85 @@ describe("ReCAPTCHA", () => {
     });
   });
   it("reset, should call grecaptcha.reset with the widget id", () => {
-    return new Promise(resolve => {
+    const WIDGET_ID = "someWidgetId";
+    const grecaptchaMock = {
+      render() {
+        return WIDGET_ID;
+      },
+      reset: jest.fn(),
+    };
+    const ReCaptchaRef = React.createRef();
+    ReactTestUtils.renderIntoDocument(
+      <ReCAPTCHA
+        sitekey="xxx"
+        grecaptcha={grecaptchaMock}
+        ref={ReCaptchaRef}
+        onChange={jest.fn()}
+      />,
+    );
+    ReCaptchaRef.current.reset();
+    expect(grecaptchaMock.reset).toBeCalledWith(WIDGET_ID);
+  });
+  it("execute, should call grecaptcha.execute with the widget id", () => {
+    const WIDGET_ID = "someWidgetId";
+    const grecaptchaMock = {
+      render() {
+        return WIDGET_ID;
+      },
+      execute: jest.fn(),
+    };
+    // wrapping component example that applies a ref to ReCAPTCHA
+    class WrappingComponent extends React.Component {
+      constructor(props) {
+        super(props);
+        this._internalRef = React.createRef();
+      }
+      render() {
+        return (
+          <div>
+            <ReCAPTCHA
+              sitekey="xxx"
+              size="invisible"
+              grecaptcha={grecaptchaMock}
+              onChange={jest.fn()}
+              ref={this._internalRef}
+            />
+          </div>
+        );
+      }
+    }
+    const instance = ReactTestUtils.renderIntoDocument(React.createElement(WrappingComponent));
+    instance._internalRef.current.execute();
+    expect(grecaptchaMock.execute).toBeCalledWith(WIDGET_ID);
+  });
+  describe("Expired", () => {
+    it("should call onChange with null when response is expired", () => {
       const WIDGET_ID = "someWidgetId";
+      const onChange = jest.fn();
       const grecaptchaMock = {
         render() {
           return WIDGET_ID;
         },
-        reset(widgetId) {
-          expect(widgetId).toBe(WIDGET_ID);
-          resolve();
+      };
+      const ReCaptchaRef = React.createRef();
+      ReactTestUtils.renderIntoDocument(
+        <ReCAPTCHA
+          sitekey="xxx"
+          grecaptcha={grecaptchaMock}
+          ref={ReCaptchaRef}
+          onChange={onChange}
+        />,
+      );
+      ReCaptchaRef.current.handleExpired();
+      expect(onChange).toBeCalledWith(null);
+    });
+    it("should call onExpired when response is expired", () => {
+      const WIDGET_ID = "someWidgetId";
+      const onChange = jest.fn();
+      const onExpired = jest.fn();
+      const grecaptchaMock = {
+        render() {
+          return WIDGET_ID;
         },
       };
       const ReCaptchaRef = React.createRef();
@@ -54,53 +124,36 @@ describe("ReCAPTCHA", () => {
           sitekey="xxx"
           grecaptcha={grecaptchaMock}
           ref={ReCaptchaRef}
-          onChange={jest.fn()}
+          onChange={onChange}
+          onExpired={onExpired}
         />,
       );
-      ReCaptchaRef.current.reset();
+      ReCaptchaRef.current.handleExpired();
+      expect(onChange).not.toHaveBeenCalled();
+      expect(onExpired).toHaveBeenCalled();
     });
   });
-  it("execute, should call grecaptcha.execute with the widget id", () => {
-    return new Promise(resolve => {
+  describe("Errored", () => {
+    it("should call onErrored when grecaptcha errored", () => {
       const WIDGET_ID = "someWidgetId";
+      const onErrored = jest.fn();
       const grecaptchaMock = {
         render() {
           return WIDGET_ID;
         },
-        execute(widgetId) {
-          expect(widgetId).toBe(WIDGET_ID);
-          resolve();
-        },
       };
-      // wrapping component example that applies a ref to ReCAPTCHA
-      class WrappingComponent extends React.Component {
-        constructor(props) {
-          super(props);
-          this._internalRef = React.createRef();
-        }
-        render() {
-          return (
-            <div>
-              <ReCAPTCHA
-                sitekey="xxx"
-                size="invisible"
-                grecaptcha={grecaptchaMock}
-                onChange={jest.fn()}
-                ref={this._internalRef}
-              />
-            </div>
-          );
-        }
-      }
-      const instance = ReactTestUtils.renderIntoDocument(React.createElement(WrappingComponent));
-      instance._internalRef.current.execute();
+      const ReCaptchaRef = React.createRef();
+      ReactTestUtils.renderIntoDocument(
+        <ReCAPTCHA
+          sitekey="xxx"
+          grecaptcha={grecaptchaMock}
+          ref={ReCaptchaRef}
+          onChange={jest.fn()}
+          onErrored={onErrored}
+        />,
+      );
+      ReCaptchaRef.current.handleErrored();
+      expect(onErrored).toHaveBeenCalled();
     });
   });
-  describe.skip("Expired", () => {
-    it("should call onChange with null when response is expired");
-    it("should call onExpired when response is expired");
-  });
-  describe.skip("Errored", () => {
-    it("should call onErrored when grecaptcha errored");
-  });
 });