test(types): fix dtslint tests for index.test.tsx

Use single line comment instead of mutli-line comment since the
tests get skipped when using the latter.

Replace `ReactElement` with `Element`.

Fix invalid test for `options.replace`.

Author: remarkablemark

test/types/index.test.tsx

@@ -1,43 +1,44 @@
-import parse, { HTMLReactParserOptions, domToReact, htmlToDOM } from 'html-react-parser';
+import parse, {
+  HTMLReactParserOptions,
+  domToReact,
+  htmlToDOM
+} from 'html-react-parser';
 import * as React from 'react';
 
-/* $ExpectType ReactElement | ReactElement[] */
-parse('<div>text</div>');
+// $ExpectType Element | Element[]
+parse('<p>text</p>');
 
-// `options.replace`
-
-// Return React.createElement from `replace`
-parse('<p id="replace">text</p>', {
+// $ExpectType Element | Element[]
+parse('<br id="replace">', {
   replace: domNode => {
     if (domNode.attribs && domNode.attribs.id === 'replace') {
-      return React.createElement('span', {}, 'replaced');
+      return <span>replaced</span>;
     }
   }
 });
 
-// Return ReactElement
-const options: HTMLReactParserOptions = {
+// $ExpectType Element | Element[]
+parse('<br id="remove">', {
   replace({ attribs }) {
-    return attribs && attribs.id === 'remove' && <React.Fragment />;
+    return attribs && attribs.id === 'remove' && <></>;
   }
-};
+});
 
-parse('<p><br id="remove"></p>', options);
+let options: HTMLReactParserOptions;
 
-// Return domhandler node
-parse('<a id="header" href="#">Heading</a>', {
+options = {
   replace: node => {
     if (node.attribs && node.attribs.id === 'header') {
-      return {
-        type: 'h1',
-        props: { children: 'Heading' }
-      };
+      return;
     }
   }
-});
+};
+
+// $ExpectType Element | Element[]
+parse('<a id="header" href="#">Heading</a>', options);
 
 // $ExpectType DomElement[]
-const dom = htmlToDOM('<div>text</div>');
+const domNodes = htmlToDOM('<div>text</div>');
 
-/* $ExpectType ReactElement | ReactElement[] */
-domToReact(dom);
+// $ExpectType Element | Element[]
+domToReact(domNodes);