test: update cases for calculateNodeHeight

components/input/__tests__/index.test.js

@@ -2,9 +2,11 @@ import React from 'react';
 
 import { mount } from 'enzyme';
 
+/* eslint-disable import/no-unresolved */
 import Form from '../../form';
 import Input from '..';
 import focusTest from '../../../tests/shared/focusTest';
+import calculateNodeHeight, { calculateNodeStyling } from '../calculateNodeHeight';
 
 const { TextArea } = Input;
 
@@ -70,6 +72,52 @@ describe('TextArea', () => {
     const wrapper = mount(<TextArea maxLength={10} />);
     expect(wrapper).toMatchSnapshot();
   });
+
+  it('calculateNodeStyling works correctly', () => {
+    const wrapper = document.createElement('textarea');
+    wrapper.id = 'test';
+    wrapper.wrap = 'wrap';
+    calculateNodeStyling(wrapper, true);
+    const value = calculateNodeStyling(wrapper, true);
+    expect(value).toEqual({
+      borderSize: 2,
+      boxSizing: '',
+      paddingSize: 4,
+      sizingStyle:
+        'letter-spacing:normal;line-height:normal;padding-top:2px;padding-bottom:2px;font-family:-webkit-small-control;font-weight:;font-size:;font-variant:;text-rendering:auto;text-transform:none;width:;text-indent:0;padding-left:2px;padding-right:2px;border-width:1px;box-sizing:',
+    });
+  });
+
+  it('boxSizing === "border-box"', () => {
+    const wrapper = document.createElement('textarea');
+    wrapper.style.boxSizing = 'border-box';
+    const { height } = calculateNodeHeight(wrapper);
+    expect(height).toBe(2);
+  });
+
+  it('boxSizing === "content-box"', () => {
+    const wrapper = document.createElement('textarea');
+    wrapper.style.boxSizing = 'content-box';
+    const { height } = calculateNodeHeight(wrapper);
+    expect(height).toBe(-4);
+  });
+
+  it('minRows or maxRows is not null', () => {
+    const wrapper = document.createElement('textarea');
+    expect(calculateNodeHeight(wrapper, 1, 1)).toEqual({
+      height: 0,
+      maxHeight: 9007199254740991,
+      minHeight: -4,
+      overflowY: undefined,
+    });
+    wrapper.style.boxSizing = 'content-box';
+    expect(calculateNodeHeight(wrapper, 1, 1)).toEqual({
+      height: -4,
+      maxHeight: 9007199254740991,
+      minHeight: -4,
+      overflowY: undefined,
+    });
+  });
 });
 
 describe('As Form Control', () => {

components/input/calculateNodeHeight.tsx

@@ -45,7 +45,7 @@ export interface NodeType {
 const computedStyleCache: { [key: string]: NodeType } = {};
 let hiddenTextarea: HTMLTextAreaElement;
 
-function calculateNodeStyling(node: HTMLElement, useCache = false) {
+export function calculateNodeStyling(node: HTMLElement, useCache = false) {
   const nodeRef = (node.getAttribute('id') ||
     node.getAttribute('data-reactid') ||
     node.getAttribute('name')) as string;