From 978cc2a77f9d14302f919326a4c8504b33f59e6c Mon Sep 17 00:00:00 2001
From: "Jules Sam. Randolph" <jules.sam.randolph@gmail.com>
Date: Thu, 25 Nov 2021 11:33:31 -0300
Subject: [PATCH] test: add counter-regression test for #524

---
 ....524.img-enable-exp-percent-width.test.tsx | 33 +++++++++++++++++++
 .../elements/__tests__/IMGElement.test.tsx    |  7 ++--
 2 files changed, 37 insertions(+), 3 deletions(-)
 create mode 100644 packages/render-html/src/__tests__/regression.524.img-enable-exp-percent-width.test.tsx

diff --git a/packages/render-html/src/__tests__/regression.524.img-enable-exp-percent-width.test.tsx b/packages/render-html/src/__tests__/regression.524.img-enable-exp-percent-width.test.tsx
new file mode 100644
index 000000000..abc63ca4f
--- /dev/null
+++ b/packages/render-html/src/__tests__/regression.524.img-enable-exp-percent-width.test.tsx
@@ -0,0 +1,33 @@
+import React from 'react';
+import RenderHTML from '../RenderHTML';
+import { render } from '@testing-library/react-native';
+
+/**
+ * https://github.com/meliorence/react-native-render-html/issues/524
+ **/
+describe('RenderHTML component', () => {
+  describe('should pass regression regarding percent width', () => {
+    it('dimensions should not be derived from aspect ratio', async () => {
+      const renderersProps = {
+        img: {
+          enableExperimentalPercentWidth: true
+        }
+      };
+      const { findByTestId } = render(
+        <RenderHTML
+          debug={false}
+          contentWidth={300}
+          renderersProps={renderersProps}
+          source={{
+            html: '<img style="width:100%" src="https://img.com/1920x1080" width="800" height="400"/>'
+          }}
+        />
+      );
+      const img = await findByTestId('image-success');
+      expect(img).toHaveStyle({
+        width: 300,
+        height: 400
+      });
+    });
+  });
+});
diff --git a/packages/render-html/src/elements/__tests__/IMGElement.test.tsx b/packages/render-html/src/elements/__tests__/IMGElement.test.tsx
index 2eeb02074..460380bc6 100644
--- a/packages/render-html/src/elements/__tests__/IMGElement.test.tsx
+++ b/packages/render-html/src/elements/__tests__/IMGElement.test.tsx
@@ -313,10 +313,11 @@ describe('IMGElement', () => {
       const image = await findByTestId('image-success');
       expect(image).toBeTruthy();
       expect(image).toHaveStyle({
-        width: 640
+        width: 640,
+        height: 360
       });
     });
-    it('should support strings for width and height which can be parsed to floats', async () => {
+    it('should support strings for width and height which can be parsed to numbers', async () => {
       const source = { uri: 'http://via.placeholder.com/640x360' };
       const style = {
         width: '50'
@@ -340,7 +341,7 @@ describe('IMGElement', () => {
         const { findByTestId } = render(
           <HTMLImgElement
             enableExperimentalPercentWidth
-            contentWidth={250}
+            contentWidth={contentWidth}
             {...style}
             source={source}
           />