[test] Type-test event handlers on ListItem (#21298)

mui · Jun 3, 2020 · 1596790 · 1596790
1 parent d9c882c
commit 1596790
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/packages/material-ui/src/ListItem/ListItem.spec.tsx b/packages/material-ui/src/ListItem/ListItem.spec.tsx
@@ -19,3 +19,14 @@ function BooleanButtonTest() {
     return <ListItem>Editable? No</ListItem>;
   }
 }
+
+// verify that https://github.com/mui-org/material-ui/issues/19756 already worked.
+function MouseEnterTest() {
+  function handleMouseEnter(event: React.MouseEvent<HTMLLIElement>) {}
+  <ListItem onMouseEnter={handleMouseEnter} />;
+
+  function handleMouseEnterButton(event: React.MouseEvent<HTMLDivElement>) {}
+  // $ExpectError
+  <ListItem onMouseEnter={handleMouseEnterButton} />; // desired: missing property button
+  <ListItem button onMouseEnter={handleMouseEnterButton} />;
+}