fix(click): correct focus changes based on mouseDown result (testing-library#192)

Author: ilyamkin

__tests__/react/click.js

@@ -321,4 +321,22 @@ describe("userEvent.click", () => {
     userEvent.click(getByText("Submit"));
     expect(onSubmit).not.toHaveBeenCalled();
   });
+
+  it.each(["input", "textarea"])(
+    "should not give focus for <%s> when mouseDown is prevented",
+    type => {
+      const { getByTestId } = render(
+        React.createElement(type, {
+          "data-testid": "element",
+          onMouseDown: (evt) => {
+            evt.preventDefault();
+          },
+        })
+      );
+
+      userEvent.click(getByTestId("element"));
+
+      expect(getByTestId("element")).not.toHaveFocus();
+    }
+  );
 });

src/index.js

@@ -44,8 +44,10 @@ function clickBooleanElement(element) {
 function clickElement(element) {
   fireEvent.mouseOver(element);
   fireEvent.mouseMove(element);
-  fireEvent.mouseDown(element);
-  element.focus();
+  const continueDefaultHandling = fireEvent.mouseDown(element);
+  if (continueDefaultHandling) {
+    element.focus();
+  }
   fireEvent.mouseUp(element);
   fireEvent.click(element);