Add e2e test

test/e2e/fixtures/ClickAwayListener/WithSelect.tsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import Select from '@material-ui/core/Select';
+import MenuItem from '@material-ui/core/MenuItem';
+import ClickAwayListener from '@material-ui/core/ClickAwayListener';
+
+export default function WithSelect() {
+  const [clickedAway, setClickedAway] = React.useState(false);
+
+  return (
+    <React.Fragment>
+      <div>{clickedAway ? 'onClickAway called' : null}</div>
+      <ClickAwayListener onClickAway={() => setClickedAway(true)}>
+        <Select value="">
+          <MenuItem value={10}>One</MenuItem>
+          <MenuItem value={20}>Two</MenuItem>
+          <MenuItem value={30}>Three</MenuItem>
+        </Select>
+      </ClickAwayListener>
+    </React.Fragment>
+  );
+}

test/e2e/index.test.ts

@@ -98,4 +98,13 @@ describe('e2e', () => {
       expect(await page.evaluate(() => document.activeElement?.textContent)).to.equal('ok');
     });
   });
+
+  describe('<ClickAwayListener />', () => {
+    it('should not call onClickAway when opening a select', async () => {
+      await renderFixture('ClickAwayListener/WithSelect');
+      await page.click('[role="button"]');
+      await page.click('text=One');
+      expect(await page.$('text=onClickAway called')).to.equal(null);
+    });
+  });
 });