Merge pull request #779 from remarkablemark/test/types

test(types): refactor dtslint tests

Author: remarkablemark

test/types/error.tsx

@@ -0,0 +1,4 @@
+import parse from 'html-react-parser';
+
+// $ExpectError
+parse();

test/types/exports.tsx

@@ -0,0 +1,7 @@
+import { domToReact, htmlToDOM } from 'html-react-parser';
+
+// $ExpectType (Element | Text | Comment | ProcessingInstruction)[]
+const domNodes = htmlToDOM('<div>text</div>');
+
+// $ExpectType string | Element | Element[]
+domToReact(domNodes);

test/types/index.tsx

@@ -1,13 +1,4 @@
-import parse, {
-  Element,
-  HTMLReactParserOptions,
-  domToReact,
-  htmlToDOM
-} from 'html-react-parser';
-import * as React from 'react';
-
-// $ExpectError
-parse();
+import parse from 'html-react-parser';
 
 // $ExpectType string | Element | Element[]
 parse('');
@@ -20,74 +11,3 @@ parse('<p>text</p>');
 
 // $ExpectType string | Element | Element[]
 parse('<li>1</li><li>2</li>');
-
-// $ExpectType string | Element | Element[]
-parse('<br id="replace">', {
-  replace: domNode => {
-    if (domNode instanceof Element && domNode.attribs.id === 'replace') {
-      return <span>replaced</span>;
-    }
-  }
-});
-
-// $ExpectType string | Element | Element[]
-parse('<br id="remove">', {
-  replace: domNode => {
-    if (domNode instanceof Element && domNode.attribs.id === 'remove') {
-      return <></>;
-    }
-  }
-});
-
-let options: HTMLReactParserOptions;
-
-options = {
-  replace: domNode => {
-    if (domNode instanceof Element && domNode.attribs.id === 'header') {
-      return;
-    }
-  }
-};
-
-options = {
-  replace: domNode => {
-    if (domNode instanceof Element) {
-      return <>{domToReact(domNode.children)}</>;
-    }
-  }
-};
-
-// $ExpectType string | Element | Element[]
-parse('<a id="header" href="#">Heading</a>', options);
-
-// $ExpectType string | Element | Element[]
-parse('<hr>', {
-  library: {
-    cloneElement: (element, props, children) =>
-      React.cloneElement(element, props, children),
-    createElement: (type, props, children) =>
-      React.createElement(type, props, children),
-    isValidElement: element => React.isValidElement(element)
-  }
-});
-
-// $ExpectType string | Element | Element[]
-parse('<p/><p/>', {
-  htmlparser2: {
-    xmlMode: true,
-    decodeEntities: true,
-    lowerCaseTags: false,
-    lowerCaseAttributeNames: false,
-    recognizeCDATA: true,
-    recognizeSelfClosing: true
-  }
-});
-
-// $ExpectType string | Element | Element[]
-parse('\t<p>text \r</p>\n', { trim: true });
-
-// $ExpectType (Element | Text | Comment | ProcessingInstruction)[]
-const domNodes = htmlToDOM('<div>text</div>');
-
-// $ExpectType string | Element | Element[]
-domToReact(domNodes);

test/types/options/htmlparser2.tsx

@@ -0,0 +1,13 @@
+import parse from 'html-react-parser';
+
+// $ExpectType string | Element | Element[]
+parse('<p/><p/>', {
+  htmlparser2: {
+    xmlMode: true,
+    decodeEntities: true,
+    lowerCaseTags: false,
+    lowerCaseAttributeNames: false,
+    recognizeCDATA: true,
+    recognizeSelfClosing: true
+  }
+});

test/types/options/library.tsx

@@ -0,0 +1,13 @@
+import parse from 'html-react-parser';
+import * as React from 'react';
+
+// $ExpectType string | Element | Element[]
+parse('<hr>', {
+  library: {
+    cloneElement: (element, props, children) =>
+      React.cloneElement(element, props, children),
+    createElement: (type, props, children) =>
+      React.createElement(type, props, children),
+    isValidElement: element => React.isValidElement(element)
+  }
+});

test/types/options/replace.tsx

@@ -0,0 +1,45 @@
+import parse, {
+  Element,
+  HTMLReactParserOptions,
+  domToReact
+} from 'html-react-parser';
+import * as React from 'react';
+
+// $ExpectType string | Element | Element[]
+parse('<br id="replace">', {
+  replace: domNode => {
+    if (domNode instanceof Element && domNode.attribs.id === 'replace') {
+      return <span>replaced</span>;
+    }
+  }
+});
+
+// $ExpectType string | Element | Element[]
+parse('<br id="remove">', {
+  replace: domNode => {
+    if (domNode instanceof Element && domNode.attribs.id === 'remove') {
+      return <></>;
+    }
+  }
+});
+
+let options: HTMLReactParserOptions;
+
+options = {
+  replace: domNode => {
+    if (domNode instanceof Element && domNode.attribs.id === 'header') {
+      return;
+    }
+  }
+};
+
+options = {
+  replace: domNode => {
+    if (domNode instanceof Element) {
+      return <>{domToReact(domNode.children)}</>;
+    }
+  }
+};
+
+// $ExpectType string | Element | Element[]
+parse('<a id="header" href="#">Heading</a>', options);

test/types/options/trim.tsx

@@ -0,0 +1,4 @@
+import parse from 'html-react-parser';
+
+// $ExpectType string | Element | Element[]
+parse('\t<p>text \r</p>\n', { trim: true });

tsconfig.json

@@ -16,11 +16,6 @@
     },
     "jsx": "react"
   },
-  "files": [
-    "index.d.ts",
-    "lib/dom-to-react.d.ts",
-    "test/types/index.tsx",
-    "test/types/lib/attributes-to-props.ts",
-    "test/types/lib/dom-to-react.tsx"
-  ]
+  "files": ["index.d.ts", "lib/dom-to-react.d.ts"],
+  "include": ["test/types/**/*.ts", "test/types/**/*.tsx"]
 }