tests: provide regression against #257, inline display CSS rules

meliorence · Jul 17, 2020 · 64bc62d · 64bc62d
1 parent 4997f2f
commit 64bc62d
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/src/__tests__/regression.257.css-display-rule.test.js b/src/__tests__/regression.257.css-display-rule.test.js
@@ -0,0 +1,19 @@
+import React from "react";
+import { StyleSheet } from "react-native";
+import HTML from "../index";
+import { render } from "react-native-testing-library";
+
+/**
+ * https://github.com/archriss/react-native-render-html/issues/257
+ */
+describe("HTML component", () => {
+ it("should pass regression #257 regarding inline display CSS rules", () => {
+ const { getByText } = render(
+ <HTML
+ html={'<p style="display: inline-block;">hello world</p>'}
+ />
+ );
+ const text = getByText("hello world");
+ expect(StyleSheet.flatten(text.props.style)).toMatchObject({ display: 'flex' });
+ });
+});