ReactDOMComponent-test.js — react Source File

Source Code

/**
 * 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';

describe('ReactDOMComponent', () => {
  let React;
  let ReactDOM;
  let ReactDOMClient;
  let ReactDOMServer;
  const ReactFeatureFlags = require('shared/ReactFeatureFlags');

  let act;
  let assertLog;
  let Scheduler;
  let assertConsoleErrorDev;

  beforeEach(() => {
    jest.resetModules();
    React = require('react');
    ReactDOM = require('react-dom');
    ReactDOMClient = require('react-dom/client');
    ReactDOMServer = require('react-dom/server');
    Scheduler = require('scheduler');
    act = require('internal-test-utils').act;
    assertConsoleErrorDev =
      require('internal-test-utils').assertConsoleErrorDev;
    assertLog = require('internal-test-utils').assertLog;
  });

  afterEach(() => {
    jest.restoreAllMocks();
  });

  describe('updateDOM', () => {
    it('should handle className', async () => {
      const container = document.createElement('div');
      const root = ReactDOMClient.createRoot(container);
      await act(() => {
        root.render(<div style={{}} />);
      });

      await act(() => {
        root.render(<div className={'foo'} />);
      });
      expect(container.firstChild.className).toEqual('foo');
      await act(() => {
        root.render(<div className={'bar'} />);
      });
      expect(container.firstChild.className).toEqual('bar');
      await act(() => {
        root.render(<div className={null} />);
      });
      expect(container.firstChild.className).toEqual('');
// ... (3803 more lines)