packages/element/src/test/raw-html.js - trunk - githubmirror/gutenberg

packages/element/src/test/raw-html.js

58 строк1 KB

Marco Ciampini

ESLint: Replace strict config with bulk suppressions (#81248)

07 авг 2026, 14:34

07 авг 2026, 14:347f43eaf

import { render } from '@testing-library/react';
import RawHTML from '../raw-html';

describe( 'RawHTML', () => {
	it( 'is dangerous', () => {
		const html = '<p>So scary!</p>';
		const { container } = render( <RawHTML>{ html }</RawHTML> );
		const expected = '<div><p>So scary!</p></div>';

		expect( container.innerHTML ).toBe( expected );
	} );

	it( 'adds other props to container element', () => {
		const html = '<p>So scary!</p>';
		const { container } = render(
			<RawHTML className="foo">{ html }</RawHTML>
		);

		expect( container.innerHTML ).toBe(
			'<div class="foo"><p>So scary!</p></div>'
		);
	} );

	it( 'concatenates children if multiple children present', () => {
		const html = '<p>So scary!</p>';
		const html2 = '<p>Extra paragraph</p>';

		const { container } = render(
			<RawHTML>
				{ html }
				{ html2 }
			</RawHTML>
		);

		const expected = '<div><p>So scary!</p><p>Extra paragraph</p></div>';
		expect( container.innerHTML ).toBe( expected );
	} );

	it( 'renders an empty container if there are no children', () => {
		const { container } = render( <RawHTML></RawHTML> );

		const expected = '<div></div>';
		expect( container.innerHTML ).toBe( expected );
	} );

	it( 'ignores non-string based children', () => {
		const html = '<p>So scary!</p>';
		const { container } = render(
			<RawHTML>
				{ html }
				<p>Ignore this!</p>
			</RawHTML>
		);

		const expected = '<div><p>So scary!</p></div>';
		expect( container.innerHTML ).toBe( expected );
	} );
} );