updated with new proxy in async-script 0.3

Author: dozoisch

README.md

@@ -50,8 +50,6 @@ Other properties can be used to customised the rendering.
 
 ## Component API
 
-**To retrieve the component, when using the wrapper, do `this.refs.recaptcha.getComponent()`**
-
 The component also has some utility functions that can be called.
 
 - `getValue()` returns the value of the captcha field

package.json

@@ -9,7 +9,7 @@
   "scripts": {
     "build": "node run-babel tools/build.js",
     "lint": "eslint src test tools webpack karma.conf.js",
-    "test": "karma start --single-run",
+    "test": "karma start --single-run && npm run build",
     "test-watch": "karma start"
   },
   "repository": {
@@ -60,6 +60,6 @@
     "yargs": "~3.7.1"
   },
   "dependencies": {
-    "react-async-script": "~0.2.2"
+    "react-async-script": "~0.3.0"
   }
 }

src/recaptcha-wrapper.js

@@ -9,4 +9,5 @@ const globalName = "grecaptcha";
 export default makeAsyncScriptLoader(ReCAPTCHA, URL, {
   callbackName: callbackName,
   globalName:globalName,
+  exposeFuncs: ["getValue", "reset"]
 });

src/recaptcha.js

@@ -73,7 +73,9 @@ const ReCAPTCHA = React.createClass({
 
   render() {
     // consume properties owned by the reCATPCHA, pass the rest to the div so the user can style it.
+    /* eslint-disable no-unused-vars */
     let { sitekey, onChange, theme, type, tabindex, onExpired, ...childProps } = this.props;
+    /* eslint-enable no-unused-vars */
     return (
       <div {...childProps} ref="captcha" />
     );

test/recaptcha-spec.js

@@ -2,21 +2,14 @@ import React from "react";
 import ReactTestUtils from "react/lib/ReactTestUtils";
 import ReCAPTCHA from "../src/recaptcha";
 
-describe("ReCAPTCHA", function () {
-  let callbackName = "onloadcallback";
-
-  afterEach(function () {
-    delete window.grecaptcha;
-    delete window.callbackName;
-  });
-
-  it("Rendered Component should be a div", function () {
+describe("ReCAPTCHA", () => {
+  it("Rendered Component should be a div", () => {
     let instance = ReactTestUtils.renderIntoDocument(
-      <ReCAPTCHA sitekey="xxx" onloadCallbackName={callbackName} />
+      <ReCAPTCHA sitekey="xxx" />
     );
     assert.equal(instance.getDOMNode().nodeName, "DIV");
   });
-  it("Rendered Component should contained passed props", function () {
+  it("Rendered Component should contained passed props", () => {
     let props = {
       className: "TheClassName",
       id: "superdefinedId",
@@ -28,7 +21,7 @@ describe("ReCAPTCHA", function () {
     assert.match(instance.getDOMNode().className, new RegExp(props.className));
   });
 
-  it("should call grecaptcha.render, when it is already loaded", function (done) {
+  it("should call grecaptcha.render, when it is already loaded", (done) => {
     let grecaptchaMock = {
       render(node, options) {
         assert.isNotNull(node);
@@ -41,7 +34,7 @@ describe("ReCAPTCHA", function () {
     );
     assert.ok(instance);
   });
-  it("reset, should call grecaptcha.reset with the widget id", function (done) {
+  it("reset, should call grecaptcha.reset with the widget id", (done) => {
     let grecaptchaMock = {
       render() {
         return "someWidgetId";
@@ -57,7 +50,7 @@ describe("ReCAPTCHA", function () {
     );
     instance.reset();
   });
-  describe("Expired", function () {
+  describe("Expired", () => {
     it("should call onChange with null when response is expired");
     it("should call onExpired when response is expired");
   });

test/recaptcha-wrapper-spec.js

@@ -0,0 +1,34 @@
+import React from "react";
+import ReactTestUtils from "react/lib/ReactTestUtils";
+import ReCAPTCHA from "../src/recaptcha-wrapper";
+
+const VALUE = "some value";
+const WIDGET_ID = "someWidgetId";
+
+let grecaptchaMock = {
+  render(node, options) {
+    assert.ok(node, options);
+    return WIDGET_ID;
+  },
+
+  getResponse(widgetId) {
+    assert.equal(widgetId, WIDGET_ID);
+    return VALUE;
+  }
+};
+
+describe("ReCAPTCHAWrapper", () => {
+  beforeEach(() => {
+    window.grecaptcha = grecaptchaMock;
+  });
+  it("should proxy functions", () => {
+    let instance = ReactTestUtils.renderIntoDocument(
+      <ReCAPTCHA sitekey="xxx"/>
+    );
+    assert.ok(instance);
+    assert.equal(instance.getValue(), VALUE);
+  });
+  afterEach(() => {
+    delete window.grecaptcha;
+  });
+});