test(dom-to-react): add LaTeX snapshot test

remarkablemark · Dec 16, 2024 · 038bd12 · 038bd12
1 parent b79ac70
commit 038bd12
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 5 deletions.
diff --git a/__tests__/__snapshots__/dom-to-react.test.tsx.snap b/__tests__/__snapshots__/dom-to-react.test.tsx.snap
@@ -6,6 +6,18 @@ exports[`domToReact converts <textarea> correctly 1`] = `
 />
 `;
 
+exports[`domToReact converts LaTeX 1`] = `
+[
+  <span
+    className="math"
+  >
+    \\left(\\right)\\rD\\rightarrow\\reals\\ni
+  </span>,
+  "
+",
+]
+`;
+
 exports[`domToReact converts SVG element with viewBox attribute 1`] = `
 <svg
   id="foo"

diff --git a/__tests__/data/html.ts b/__tests__/data/html.ts
@@ -19,4 +19,6 @@ export const html = {
   form: '<input type="text" value="foo" checked="checked">',
   list: '<ol><li>One</li><li value="2">Two</li></ol>',
   template: '<template><article><p>Test</p></article></template>',
+  latex:
+    '<span class="math">\\left(\\right)\\rD\\rightarrow\\reals\\ni</span>\r\n',
 } as const;
diff --git a/__tests__/dom-to-react.test.tsx b/__tests__/dom-to-react.test.tsx
@@ -56,9 +56,8 @@ describe('domToReact', () => {
   });
 
   it('does not throw an error for void elements', () => {
-    const reactElements = domToReact(htmlToDOM(html.void));
     expect(() => {
-      render(<div>{reactElements}</div>);
+      render(<div>{domToReact(htmlToDOM(html.void))}</div>);
     }).not.toThrow();
   });
 
@@ -80,8 +79,11 @@ describe('domToReact', () => {
   });
 
   it('converts custom element with attributes', () => {
-    const reactElement = domToReact(htmlToDOM(html.customElement));
-    expect(reactElement).toMatchSnapshot();
+    expect(domToReact(htmlToDOM(html.customElement))).toMatchSnapshot();
+  });
+
+  it('converts LaTeX', () => {
+    expect(domToReact(htmlToDOM(html.latex))).toMatchSnapshot();
   });
 });
 
@@ -104,7 +106,7 @@ describe('library option', () => {
     expect(React.isValidElement(parsedElement)).toBe(false);
     expect(Preact.isValidElement(parsedElement)).toBe(true);
     // remove `__v` key since it's causing test equality to fail
-    // @ts-expect-error Property '__v' does not exist on type '...roperty '__v' does not exist on type 'string'.
+    // @ts-expect-error Property '__v' does not exist on type 'string'.
     delete parsedElement.__v;
     delete preactElement.__v;
     expect(parsedElement).toEqual(preactElement);