Add test to simulate autofill

DiegoAndai · Jan 7, 2025 · 515ace9 · 515ace9
1 parent 687e13c
commit 515ace9
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/packages/mui-material/src/TextField/TextField.test.js b/packages/mui-material/src/TextField/TextField.test.js
@@ -303,4 +303,28 @@ describe('<TextField />', () => {
       expect(getByRole('textbox')).to.have.attribute('data-testid', 'input-element');
     });
   });
+
+  describe('autofill', () => {
+    it('should be filled after auto fill event', () => {
+      function AutoFillComponentTest() {
+        const [value, setValue] = React.useState('');
+        return (
+          <TextField
+            value={value}
+            onChange={(event) => setValue(event.target.value)}
+            label="test"
+            variant="standard"
+            slotProps={{
+              htmlInput: { 'data-testid': 'htmlInput' },
+              inputLabel: { 'data-testid': 'label' },
+            }}
+          />
+        );
+      }
+
+      const { getByTestId } = render(<AutoFillComponentTest />);
+      fireEvent.animationStart(getByTestId('htmlInput'), { animationName: 'mui-auto-fill' });
+      expect(getByTestId('label').getAttribute('data-shrink')).to.equal('true');
+    });
+  });
 });