/**

 * 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

 */

'use strict';

let React;

let ReactDOM;

describe('SyntheticClipboardEvent', () => {

  let container;

  beforeEach(() => {

    React = require('react');

    ReactDOM = require('react-dom');

    // The container has to be attached for events to fire.

    container = document.createElement('div');

    document.body.appendChild(container);

  });

  afterEach(() => {

    document.body.removeChild(container);

    container = null;

  });

  describe('ClipboardEvent interface', () => {

    describe('clipboardData', () => {

      describe('when event has clipboardData', () => {

        it("returns event's clipboardData", () => {

          let expectedCount = 0;

          // Mock clipboardData since jsdom implementation doesn't have a constructor

          const clipboardData = {

            dropEffect: null,

            effectAllowed: null,

            files: null,

            items: null,

            types: null,

          };

          const eventHandler = event => {

            expect(event.clipboardData).toBe(clipboardData);

            expectedCount++;

          };

          const div = ReactDOM.render(

            <div

              onCopy={eventHandler}

              onCut={eventHandler}

              onPaste={eventHandler}

            />,

            container,

          );

          let event;

          event = document.createEvent('Event');

          event.initEvent('copy', true, true);

          event.clipboardData = clipboardData;

          div.dispatchEvent(event);

          event = document.createEvent('Event');

          event.initEvent('cut', true, true);

          event.clipboardData = clipboardData;

          div.dispatchEvent(event);

          event = document.createEvent('Event');

          event.initEvent('paste', true, true);

          event.clipboardData = clipboardData;

          div.dispatchEvent(event);

          expect(expectedCount).toBe(3);

        });

      });

    });

  });

  describe('EventInterface', () => {

    it('is able to `preventDefault` and `stopPropagation`', () => {

      let expectedCount = 0;

      const eventHandler = event => {

        expect(event.isDefaultPrevented()).toBe(false);

        event.preventDefault();

        expect(event.isDefaultPrevented()).toBe(true);

        expect(event.isPropagationStopped()).toBe(false);

        event.stopPropagation();

        expect(event.isPropagationStopped()).toBe(true);

        expectedCount++;

      };

      const div = ReactDOM.render(

        <div

          onCopy={eventHandler}

          onCut={eventHandler}

          onPaste={eventHandler}

        />,

        container,

      );

      let event;

      event = document.createEvent('Event');

      event.initEvent('copy', true, true);

      div.dispatchEvent(event);

      event = document.createEvent('Event');

      event.initEvent('cut', true, true);

      div.dispatchEvent(event);

      event = document.createEvent('Event');

      event.initEvent('paste', true, true);

      div.dispatchEvent(event);

      expect(expectedCount).toBe(3);

    });

  });

});