fix: pass down disabled prop in the rowComp Hoc

iCHEF · Apr 8, 2024 · 723ba8b · 723ba8b
1 parent 68da905
commit 723ba8b
Show file tree

Hide file tree

Showing 2 changed files with 195 additions and 184 deletions.
diff --git a/packages/core/src/mixins/__tests__/rowComp.test.js b/packages/core/src/mixins/__tests__/rowComp.test.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { render } from '@testing-library/react';
+import { render, screen } from '@testing-library/react';
 import { shallow } from 'enzyme';
 
 import Icon from 'src/Icon';
@@ -146,3 +146,14 @@ it('takes defaults to its <RowComp> wrapper-component', () => {
   expect(Comp.defaultProps.align).toBe('center');
   expect(Comp.defaultProps.minified).toBeTruthy();
 });
+
+it('pass down disabled prop to wrapped component', () => {
+  const Input = ({ children, ...props }) => <input {...props} />;
+  const RowInput = rowComp()(Input);
+
+  render(<RowInput disabled />);
+
+  const wrapper = screen.getByRole('textbox');
+
+  expect(wrapper).toHaveAttribute('disabled');
+});