/**

 * Copyright (c) Meta Platforms, Inc. and affiliates.

 *

 * This source code is licensed under the MIT license found in the

 * LICENSE file in the root directory of this source tree.

 *

 * @emails react-core

 * @jest-environment ./scripts/jest/ReactDOMServerIntegrationEnvironment

 */

'use strict';

const ReactDOMServerIntegrationUtils = require('./utils/ReactDOMServerIntegrationTestUtils');

// Set by `yarn test-fire`.

const {disableInputAttributeSyncing} = require('shared/ReactFeatureFlags');

let React;

let ReactDOM;

let ReactDOMServer;

let ReactTestUtils;

function initModules() {

  // Reset warning cache.

  jest.resetModules();

  React = require('react');

  ReactDOM = require('react-dom');

  ReactDOMServer = require('react-dom/server');

  ReactTestUtils = require('react-dom/test-utils');

  // Make them available to the helpers.

  return {

    ReactDOM,

    ReactDOMServer,

    ReactTestUtils,

  };

}

const {resetModules, itRenders} = ReactDOMServerIntegrationUtils(initModules);

// TODO: Run this in React Fire mode after we figure out the SSR behavior.

const desc = disableInputAttributeSyncing ? xdescribe : describe;

desc('ReactDOMServerIntegrationCheckbox', () => {

  beforeEach(() => {

    resetModules();

  });

  itRenders('a checkbox that is checked with an onChange', async render => {

    const e = await render(

      <input type="checkbox" checked={true} onChange={() => {}} />,

    );

    expect(e.checked).toBe(true);

  });

  itRenders('a checkbox that is checked with readOnly', async render => {

    const e = await render(

      <input type="checkbox" checked={true} readOnly={true} />,

    );

    expect(e.checked).toBe(true);

  });

  itRenders(

    'a checkbox that is checked and no onChange/readOnly',

    async render => {

      // this configuration should raise a dev warning that checked without

      // onChange or readOnly is a mistake.

      const e = await render(<input type="checkbox" checked={true} />, 1);

      expect(e.checked).toBe(true);

    },

  );

  itRenders('a checkbox with defaultChecked', async render => {

    const e = await render(<input type="checkbox" defaultChecked={true} />);

    expect(e.checked).toBe(true);

    expect(e.getAttribute('defaultChecked')).toBe(null);

  });

  itRenders('a checkbox checked overriding defaultChecked', async render => {

    const e = await render(

      <input

        type="checkbox"

        checked={true}

        defaultChecked={false}

        readOnly={true}

      />,

      1,

    );

    expect(e.checked).toBe(true);

    expect(e.getAttribute('defaultChecked')).toBe(null);

  });

  itRenders(

    'a checkbox checked overriding defaultChecked no matter the prop order',

    async render => {

      const e = await render(

        <input

          type="checkbox"

          defaultChecked={false}

          checked={true}

          readOnly={true}

        />,

        1,

      );

      expect(e.checked).toBe(true);

      expect(e.getAttribute('defaultChecked')).toBe(null);

    },

  );

});