tests: provide regression against #276, custom renderer wrapper prop …

…ignored
meliorence · Jul 18, 2020 · b0e65e8 · b0e65e8
1 parent 338ebca
commit b0e65e8
Showing 1 changed file with 35 additions and 0 deletions.
diff --git a/src/__tests__/regression.276.cusom-renderer-wrapper.test.js b/src/__tests__/regression.276.cusom-renderer-wrapper.test.js
@@ -0,0 +1,35 @@
+import React from "react";
+import { Text, View } from "react-native";
+import HTML from "../index";
+import { render } from "react-native-testing-library";
+
+/**
+ * /~https://github.com/archriss/react-native-render-html/issues/276
+ */
+describe("HTML component", () => {
+  describe("should pass regression #276 regarding customRenderer prop", () => {
+    it("when provided, should use View wrapper to render a tag which has been defined in customRenderers and which default wrapper is Text", () => {
+      const Span = ({ children, ...props }) => (
+        <View {...props}>
+          <Text>{children}</Text>
+        </View>
+      );
+      const customRenderers = {
+        span: {
+          renderer: (_styles, children, _attrs, { key }) => (
+            <Span key={key}>{children}</Span>
+          ),
+          wrapper: "View",
+        },
+      };
+      const { UNSAFE_getByType } = render(
+        <HTML
+          html={"<p>foo<span>hello world</span></p>"}
+          renderers={customRenderers}
+        />
+      );
+      const span = UNSAFE_getByType(Span);
+      expect(span.parent.type).toBe("View");
+    });
+  });
+});