реагировать опасно SetInnerHTML выводит дополнительные символы новой строки по сравнению с исходным кодом HTML

При рендеринге простого HTML-кода с @testing-library/react, выходной HTML добавляет много пустых строк во входной HTML(посмотрите код после toMatchInlineSnapshot ).

Как мне от этого избавиться? Я просто хочу получить HTML как есть.

      import React from "react";
import { render } from '@testing-library/react'
const html = `
<div
  class="hello"
>
  <p>
    How do you do!
  </p>
</div>
`;
it("renders correctly", async () => {
  expect(await render(<div dangerouslySetInnerHTML={{ __html: html }} />).baseElement)
    .toMatchInlineSnapshot(`
    <body>
      <div>
        <div>
          

          <div
            class="hello"
          >
            
      
            <p>
              
        How do you do!
      
            </p>
            

          </div>
          

        </div>
      </div>
    </body>
  `);
});
Источник

0 ответов

Другие вопросы по тегам