fix: improve tests to check highlighting index consistency

mui · Mar 7, 2024 · de10310 · de10310
1 parent 9b620c4
commit de10310
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/packages/mui-joy/src/Autocomplete/Autocomplete.test.tsx b/packages/mui-joy/src/Autocomplete/Autocomplete.test.tsx
@@ -1404,6 +1404,10 @@ describe('Joy <Autocomplete />', () => {
       // three option is added and autocomplete re-renders, restore the highlight
       setProps({ options: [{ label: 'one' }, { label: 'two' }, { label: 'three' }] });
       checkHighlightIs(listbox, 'two');
+
+      fireEvent.keyDown(textbox, { key: 'ArrowDown' }); // goes to 'three'
+
+      checkHighlightIs(listbox, 'three');
     });
 
     it("should reset the highlight when previously highlighted option doesn't exists in new options", () => {

diff --git a/packages/mui-material/src/Autocomplete/Autocomplete.test.js b/packages/mui-material/src/Autocomplete/Autocomplete.test.js
@@ -1838,6 +1838,10 @@ describe('<Autocomplete />', () => {
       // three option is added and autocomplete re-renders, restore the highlight
       setProps({ options: [{ label: 'one' }, { label: 'two' }, { label: 'three' }] });
       checkHighlightIs(listbox, 'two');
+
+      fireEvent.keyDown(textbox, { key: 'ArrowDown' }); // goes to 'three'
+
+      checkHighlightIs(listbox, 'three');
     });
 
     it('should reset the highlight when the input changed', () => {