Add regression test for double outline

Reported in mui#26493 (comment)
eps1lon · Jun 9, 2021 · bc77276 · bc77276
1 parent 41aae13
commit bc77276
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/test/regressions/fixtures/Rating/PreciseFocusVisibleRating.js b/test/regressions/fixtures/Rating/PreciseFocusVisibleRating.js
@@ -0,0 +1,6 @@
+import * as React from 'react';
+import Rating from '@material-ui/core/Rating';
+
+export default function FocusVisibleRating() {
+  return <Rating name="no-value-precise" precision={0.5} value={null} />;
+}
diff --git a/test/regressions/index.test.js b/test/regressions/index.test.js
@@ -100,6 +100,17 @@ async function main() {
         await page.keyboard.press('ArrowLeft');
         await takeScreenshot({ testcase, route: '/regression-Rating/FocusVisibleRating3' });
       });
+
+      it('should handle focus-visible with precise ratings correctly', async () => {
+        const index = routes.findIndex(
+          (route) => route === '/regression-Rating/PreciseFocusVisibleRating',
+        );
+        const testcase = await renderFixture(index);
+        await page.keyboard.press('Tab');
+        await takeScreenshot({ testcase, route: '/regression-Rating/PreciseFocusVisibleRating2' });
+        await page.keyboard.press('ArrowRight');
+        await takeScreenshot({ testcase, route: '/regression-Rating/PreciseFocusVisibleRating3' });
+      });
     });
 
     describe('DateTimePicker', () => {