fix: add focus event for checkbox/radio

BREAKING CHANGE: a focus event is now fired when clicking on checkbox and radio elements

Author: calebeby

__tests__/react/click.js

@@ -59,6 +59,7 @@ describe("userEvent.click", () => {
       "mouseover",
       "mousemove",
       "mousedown",
+      "focus",
       "mouseup",
       "click",
       "change"
@@ -115,6 +116,7 @@ describe("userEvent.click", () => {
       "mouseover",
       "mousemove",
       "mousedown",
+      "focus",
       "mouseup",
       "click",
       "change"

__tests__/react/dblclick.js

@@ -64,6 +64,7 @@ describe("userEvent.dblClick", () => {
       "mouseover",
       "mousemove",
       "mousedown",
+      "focus",
       "mouseup",
       "click",
       "change",

__tests__/vue/click.js

@@ -72,6 +72,7 @@ describe("userEvent.click", () => {
       "mouseover",
       "mousemove",
       "mousedown",
+      "focus",
       "mouseup",
       "click",
       "change"
@@ -140,6 +141,7 @@ describe("userEvent.click", () => {
       "mouseover",
       "mousemove",
       "mousedown",
+      "focus",
       "mouseup",
       "click",
       "change"

__tests__/vue/dblclick.js

@@ -76,6 +76,7 @@ describe("userEvent.dblClick", () => {
       "mouseover",
       "mousemove",
       "mousedown",
+      "focus",
       "mouseup",
       "click",
       "change",

src/index.js

@@ -36,6 +36,7 @@ function clickBooleanElement(element) {
   fireEvent.mouseOver(element);
   fireEvent.mouseMove(element);
   fireEvent.mouseDown(element);
+  fireEvent.focus(element);
   fireEvent.mouseUp(element);
   fireEvent.click(element);
 }
@@ -72,6 +73,7 @@ function dblClickCheckbox(checkbox) {
   fireEvent.mouseOver(checkbox);
   fireEvent.mouseMove(checkbox);
   fireEvent.mouseDown(checkbox);
+  fireEvent.focus(checkbox);
   fireEvent.mouseUp(checkbox);
   fireEvent.click(checkbox);
   fireEvent.mouseDown(checkbox);