import React from "react";
import { render } from "@testing-library/react";
import ReCAPTCHA from "../src/recaptcha-wrapper";

const VALUE = "some value";
const WIDGET_ID = "someWidgetId";

const grecaptchaMock = {
  render(node, options) {
    expect(node).toBeTruthy();
    expect(options).toBeTruthy();
    return WIDGET_ID;
  },

  getResponse(widgetId) {
    expect(widgetId).toBe(WIDGET_ID);
    return VALUE;
  },
};

describe("ReCAPTCHAWrapper", () => {
  beforeEach(() => {
    window.grecaptcha = grecaptchaMock;
  });
  afterEach(() => {
    delete window.grecaptcha;
  });
  it("should be wrapped properly", () => {
    expect(ReCAPTCHA.displayName).toBe("AsyncScriptLoader(ReCAPTCHA)");
  });
  it("should proxy functions", () => {
    const ReCaptchaRef = React.createRef();

    render(<ReCAPTCHA sitekey="xxx" ref={ReCaptchaRef} onChange={jest.fn()} />);
    expect(ReCaptchaRef.current.getValue()).toBe(VALUE);
  });
});