diff --git a/src/user-event/__mocks__/utils.js b/src/user-event/__mocks__/utils.js
index 450cafc2..4f23e45d 100644
--- a/src/user-event/__mocks__/utils.js
+++ b/src/user-event/__mocks__/utils.js
@@ -1,3 +1,5 @@
+// this helps us track what the state is before and after an event is fired
+// this is needed for determining the snapshot values
 const {getElementDisplayName} = require('../__tests__/helpers/utils')
 const actual = jest.requireActual('../utils')
 
diff --git a/src/user-event/__tests__/clear.js b/src/user-event/__tests__/clear.js
index 40abe33f..5ad3c413 100644
--- a/src/user-event/__tests__/clear.js
+++ b/src/user-event/__tests__/clear.js
@@ -2,10 +2,10 @@ import * as userEvent from '..'
 import {setup} from './helpers/utils'
 
 test('clears text', async () => {
-  const {element, getEventCalls} = setup('<input value="hello" />')
+  const {element, getEventSnapshot} = setup('<input value="hello" />')
   await userEvent.clear(element)
   expect(element).toHaveValue('')
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value=""]
 
     input[value="hello"] - focus
@@ -26,19 +26,19 @@ test('works with textarea', async () => {
 })
 
 test('does not clear text on disabled inputs', async () => {
-  const {element, getEventCalls} = setup('<input value="hello" disabled />')
+  const {element, getEventSnapshot} = setup('<input value="hello" disabled />')
   await userEvent.clear(element)
   expect(element).toHaveValue('hello')
-  expect(getEventCalls()).toMatchInlineSnapshot(
+  expect(getEventSnapshot()).toMatchInlineSnapshot(
     `No events were fired on: input[value="hello"]`,
   )
 })
 
 test('does not clear text on readonly inputs', async () => {
-  const {element, getEventCalls} = setup('<input value="hello" readonly />')
+  const {element, getEventSnapshot} = setup('<input value="hello" readonly />')
   await userEvent.clear(element)
   expect(element).toHaveValue('hello')
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="hello"]
 
     input[value="hello"] - focus
diff --git a/src/user-event/__tests__/click.js b/src/user-event/__tests__/click.js
index fe7e1746..3538194c 100644
--- a/src/user-event/__tests__/click.js
+++ b/src/user-event/__tests__/click.js
@@ -2,9 +2,9 @@ import * as userEvent from '..'
 import {setup, addEventListener, addListeners} from './helpers/utils'
 
 test('click in input', async () => {
-  const {element, getEventCalls} = setup('<input />')
+  const {element, getEventSnapshot} = setup('<input />')
   await userEvent.click(element)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value=""]
 
     input[value=""] - mouseover: Left (0)
@@ -18,9 +18,9 @@ test('click in input', async () => {
 })
 
 test('click in textarea', async () => {
-  const {element, getEventCalls} = setup('<textarea></textarea>')
+  const {element, getEventSnapshot} = setup('<textarea></textarea>')
   await userEvent.click(element)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: textarea[value=""]
 
     textarea[value=""] - mouseover: Left (0)
@@ -34,10 +34,10 @@ test('click in textarea', async () => {
 })
 
 test('should fire the correct events for <input type="checkbox">', async () => {
-  const {element, getEventCalls} = setup('<input type="checkbox" />')
+  const {element, getEventSnapshot} = setup('<input type="checkbox" />')
   expect(element).not.toBeChecked()
   await userEvent.click(element)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[checked=true]
 
     input[checked=false] - mouseover: Left (0)
@@ -55,11 +55,13 @@ test('should fire the correct events for <input type="checkbox">', async () => {
 })
 
 test('should fire the correct events for <input type="checkbox" disabled>', async () => {
-  const {element, getEventCalls} = setup('<input type="checkbox" disabled />')
+  const {element, getEventSnapshot} = setup(
+    '<input type="checkbox" disabled />',
+  )
   await userEvent.click(element)
   expect(element).toBeDisabled()
   // no event calls is expected here:
-  expect(getEventCalls()).toMatchInlineSnapshot(
+  expect(getEventSnapshot()).toMatchInlineSnapshot(
     `No events were fired on: input[checked=false]`,
   )
   expect(element).toBeDisabled()
@@ -67,10 +69,10 @@ test('should fire the correct events for <input type="checkbox" disabled>', asyn
 })
 
 test('should fire the correct events for <input type="radio">', async () => {
-  const {element, getEventCalls} = setup('<input type="radio" />')
+  const {element, getEventSnapshot} = setup('<input type="radio" />')
   expect(element).not.toBeChecked()
   await userEvent.click(element)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[checked=true]
 
     input[checked=false] - mouseover: Left (0)
@@ -90,11 +92,11 @@ test('should fire the correct events for <input type="radio">', async () => {
 })
 
 test('should fire the correct events for <input type="radio" disabled>', async () => {
-  const {element, getEventCalls} = setup('<input type="radio" disabled />')
+  const {element, getEventSnapshot} = setup('<input type="radio" disabled />')
   await userEvent.click(element)
   expect(element).toBeDisabled()
   // no event calls is expected here:
-  expect(getEventCalls()).toMatchInlineSnapshot(
+  expect(getEventSnapshot()).toMatchInlineSnapshot(
     `No events were fired on: input[checked=false]`,
   )
   expect(element).toBeDisabled()
@@ -103,9 +105,9 @@ test('should fire the correct events for <input type="radio" disabled>', async (
 })
 
 test('should fire the correct events for <div>', async () => {
-  const {element, getEventCalls} = setup('<div></div>')
+  const {element, getEventSnapshot} = setup('<div></div>')
   await userEvent.click(element)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: div
 
     div - mouseover: Left (0)
@@ -141,12 +143,12 @@ test('should blur the previous element', async () => {
   const a = element.children[0]
   const b = element.children[1]
 
-  const {getEventCalls, clearEventCalls} = addListeners(a)
+  const {getEventSnapshot, clearEventCalls} = addListeners(a)
 
   await userEvent.click(a)
   clearEventCalls()
   await userEvent.click(b)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[name="a"][value=""]
 
     input[name="a"][value=""] - mouseover: Left (0)
@@ -169,12 +171,12 @@ test('should not blur the previous element when mousedown prevents default', asy
 
   addEventListener(b, 'mousedown', e => e.preventDefault())
 
-  const {getEventCalls, clearEventCalls} = addListeners(a)
+  const {getEventSnapshot, clearEventCalls} = addListeners(a)
 
   await userEvent.click(a)
   clearEventCalls()
   await userEvent.click(b)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[name="a"][value=""]
 
     input[name="a"][value=""] - mouseover: Left (0)
@@ -268,31 +270,31 @@ test('clicking a label checks the radio', async () => {
 })
 
 test('submits a form when clicking on a <button>', async () => {
-  const {element, getEventCalls} = setup(`<form><button>Submit</button></form>`)
+  const {element, eventWasFired} = setup(`<form><button>Submit</button></form>`)
   await userEvent.click(element.children[0])
-  expect(getEventCalls()).toContain('submit')
+  expect(eventWasFired('submit')).toBe(true)
 })
 
 test('does not submit a form when clicking on a <button type="button">', async () => {
-  const {element, getEventCalls} = setup(`
+  const {element, getEventSnapshot} = setup(`
     <form>
       <button type="button">Submit</button>
     </form>
   `)
   await userEvent.click(element.children[0])
-  expect(getEventCalls()).not.toContain('submit')
+  expect(getEventSnapshot()).not.toContain('submit')
 })
 
 test('does not fire blur on current element if is the same as previous', async () => {
-  const {element, getEventCalls, clearEventCalls} = setup('<button />')
+  const {element, getEventSnapshot, clearEventCalls} = setup('<button />')
 
   await userEvent.click(element)
-  expect(getEventCalls()).not.toContain('blur')
+  expect(getEventSnapshot()).not.toContain('blur')
 
   clearEventCalls()
 
   await userEvent.click(element)
-  expect(getEventCalls()).not.toContain('blur')
+  expect(getEventSnapshot()).not.toContain('blur')
 })
 
 test('does not give focus when mouseDown is prevented', async () => {
@@ -304,15 +306,9 @@ test('does not give focus when mouseDown is prevented', async () => {
 })
 
 test('fires mouse events with the correct properties', async () => {
-  const {element, getEvents} = setup('<div></div>')
+  const {element, getClickEventsSnapshot} = setup('<div></div>')
   await userEvent.click(element)
-  const events = getEvents().map(
-    ({constructor, type, button, buttons, detail}) =>
-      constructor.name === 'MouseEvent'
-        ? `${type} - button=${button}; buttons=${buttons}; detail=${detail}`
-        : type,
-  )
-  expect(events.join('\n')).toMatchInlineSnapshot(`
+  expect(getClickEventsSnapshot()).toMatchInlineSnapshot(`
     mouseover - button=0; buttons=0; detail=0
     mousemove - button=0; buttons=0; detail=0
     mousedown - button=0; buttons=1; detail=1
@@ -323,18 +319,12 @@ test('fires mouse events with the correct properties', async () => {
 })
 
 test('fires mouse events with custom button property', async () => {
-  const {element, getEvents} = setup('<div></div>')
+  const {element, getClickEventsSnapshot} = setup('<div></div>')
   await userEvent.click(element, {
     button: 1,
     altKey: true,
   })
-  const events = getEvents().map(
-    ({constructor, type, button, buttons, detail}) =>
-      constructor.name === 'MouseEvent'
-        ? `${type} - button=${button}; buttons=${buttons}; detail=${detail}`
-        : type,
-  )
-  expect(events.join('\n')).toMatchInlineSnapshot(`
+  expect(getClickEventsSnapshot()).toMatchInlineSnapshot(`
     mouseover - button=0; buttons=0; detail=0
     mousemove - button=0; buttons=0; detail=0
     mousedown - button=1; buttons=4; detail=1
@@ -345,16 +335,10 @@ test('fires mouse events with custom button property', async () => {
 })
 
 test('fires mouse events with custom buttons property', async () => {
-  const {element, getEvents} = setup('<div></div>')
+  const {element, getClickEventsSnapshot} = setup('<div></div>')
 
   await userEvent.click(element, {buttons: 4})
-  const events = getEvents().map(
-    ({constructor, type, button, buttons, detail}) =>
-      constructor.name === 'MouseEvent'
-        ? `${type} - button=${button}; buttons=${buttons}; detail=${detail}`
-        : type,
-  )
-  expect(events.join('\n')).toMatchInlineSnapshot(`
+  expect(getClickEventsSnapshot()).toMatchInlineSnapshot(`
     mouseover - button=0; buttons=0; detail=0
     mousemove - button=0; buttons=0; detail=0
     mousedown - button=1; buttons=4; detail=1
diff --git a/src/user-event/__tests__/dblclick.js b/src/user-event/__tests__/dblclick.js
index dca1dd33..a06ce367 100644
--- a/src/user-event/__tests__/dblclick.js
+++ b/src/user-event/__tests__/dblclick.js
@@ -2,9 +2,9 @@ import * as userEvent from '..'
 import {setup, addEventListener, addListeners} from './helpers/utils'
 
 test('fires the correct events on buttons', async () => {
-  const {element, getEventCalls} = setup('<button />')
+  const {element, getEventSnapshot} = setup('<button />')
   await userEvent.dblClick(element)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: button
 
     button - mouseover: Left (0)
@@ -21,9 +21,9 @@ test('fires the correct events on buttons', async () => {
 })
 
 test('fires the correct events on checkboxes', async () => {
-  const {element, getEventCalls} = setup('<input type="checkbox" />')
+  const {element, getEventSnapshot} = setup('<input type="checkbox" />')
   await userEvent.dblClick(element)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[checked=false]
 
     input[checked=false] - mouseover: Left (0)
@@ -49,9 +49,9 @@ test('fires the correct events on checkboxes', async () => {
 })
 
 test('fires the correct events on regular inputs', async () => {
-  const {element, getEventCalls} = setup('<input />')
+  const {element, getEventSnapshot} = setup('<input />')
   await userEvent.dblClick(element)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value=""]
 
     input[value=""] - mouseover: Left (0)
@@ -68,9 +68,9 @@ test('fires the correct events on regular inputs', async () => {
 })
 
 test('fires the correct events on divs', async () => {
-  const {element, getEventCalls} = setup('<div></div>')
+  const {element, getEventSnapshot} = setup('<div></div>')
   await userEvent.dblClick(element)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: div
 
     div - mouseover: Left (0)
@@ -96,12 +96,12 @@ test('blurs the previous element', async () => {
   const a = element.children[0]
   const b = element.children[1]
 
-  const {getEventCalls, clearEventCalls} = addListeners(a)
+  const {getEventSnapshot, clearEventCalls} = addListeners(a)
 
   await userEvent.dblClick(a)
   clearEventCalls()
   await userEvent.dblClick(b)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: button#button-a
 
     button#button-a - mouseover: Left (0)
@@ -127,7 +127,7 @@ test('does not fire focus event if the element is already focused', async () =>
 })
 
 test('clicking an element in a label gives the control focus', async () => {
-  const {element, getEventCalls} = setup(`
+  const {element, getEventSnapshot} = setup(`
     <div>
       <label for="nested-input">
         <span>nested</span>
@@ -136,7 +136,7 @@ test('clicking an element in a label gives the control focus', async () => {
     </div>
   `)
   await userEvent.dblClick(element.querySelector('span'))
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: div
 
     span - mouseover: Left (0)
@@ -166,12 +166,12 @@ test('does not blur the previous element when mousedown prevents default', async
 
   addEventListener(b, 'mousedown', e => e.preventDefault())
 
-  const {getEventCalls, clearEventCalls} = addListeners(a)
+  const {getEventSnapshot, clearEventCalls} = addListeners(a)
 
   await userEvent.dblClick(a)
   clearEventCalls()
   await userEvent.dblClick(b)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: button#button-a
 
     button#button-a - mouseover: Left (0)
@@ -188,15 +188,9 @@ test('does not blur the previous element when mousedown prevents default', async
 })
 
 test('fires mouse events with the correct properties', async () => {
-  const {element, getEvents} = setup('<div></div>')
+  const {element, getClickEventsSnapshot} = setup('<div></div>')
   await userEvent.dblClick(element)
-  const events = getEvents().map(
-    ({constructor, type, button, buttons, detail}) =>
-      constructor.name === 'MouseEvent'
-        ? `${type} - button=${button}; buttons=${buttons}; detail=${detail}`
-        : type,
-  )
-  expect(events.join('\n')).toMatchInlineSnapshot(`
+  expect(getClickEventsSnapshot()).toMatchInlineSnapshot(`
     mouseover - button=0; buttons=0; detail=0
     mousemove - button=0; buttons=0; detail=0
     mousedown - button=0; buttons=1; detail=1
@@ -210,18 +204,12 @@ test('fires mouse events with the correct properties', async () => {
 })
 
 test('fires mouse events with custom button property', async () => {
-  const {element, getEvents} = setup('<div></div>')
+  const {element, getClickEventsSnapshot} = setup('<div></div>')
   await userEvent.dblClick(element, {
     button: 1,
     altKey: true,
   })
-  const events = getEvents().map(
-    ({constructor, type, button, buttons, detail}) =>
-      constructor.name === 'MouseEvent'
-        ? `${type} - button=${button}; buttons=${buttons}; detail=${detail}`
-        : type,
-  )
-  expect(events.join('\n')).toMatchInlineSnapshot(`
+  expect(getClickEventsSnapshot()).toMatchInlineSnapshot(`
     mouseover - button=0; buttons=0; detail=0
     mousemove - button=0; buttons=0; detail=0
     mousedown - button=1; buttons=4; detail=1
@@ -235,17 +223,11 @@ test('fires mouse events with custom button property', async () => {
 })
 
 test('fires mouse events with custom buttons property', async () => {
-  const {element, getEvents} = setup('<div></div>')
+  const {element, getClickEventsSnapshot} = setup('<div></div>')
 
   await userEvent.dblClick(element, {buttons: 4})
 
-  const events = getEvents().map(
-    ({constructor, type, button, buttons, detail}) =>
-      constructor.name === 'MouseEvent'
-        ? `${type} - button=${button}; buttons=${buttons}; detail=${detail}`
-        : type,
-  )
-  expect(events.join('\n')).toMatchInlineSnapshot(`
+  expect(getClickEventsSnapshot()).toMatchInlineSnapshot(`
     mouseover - button=0; buttons=0; detail=0
     mousemove - button=0; buttons=0; detail=0
     mousedown - button=1; buttons=4; detail=1
diff --git a/src/user-event/__tests__/helpers/utils.js b/src/user-event/__tests__/helpers/utils.js
index 4683d03c..7a20db2e 100644
--- a/src/user-event/__tests__/helpers/utils.js
+++ b/src/user-event/__tests__/helpers/utils.js
@@ -8,8 +8,8 @@ import {eventMap} from '../../../event-map'
 // sorrynotsorry...
 
 const unstringSnapshotSerializer = {
-  test: val => typeof val === 'string',
-  print: val => val,
+  test: val => val && val.hasOwnProperty('snapshot'),
+  print: val => val.snapshot,
 }
 
 expect.addSnapshotSerializer(unstringSnapshotSerializer)
@@ -136,7 +136,7 @@ function addListeners(element, {eventHandlers = {}} = {}) {
     addEventListener(element, 'submit', e => e.preventDefault())
   }
 
-  function getEventCalls() {
+  function getEventSnapshot() {
     const eventCalls = eventHandlerCalls
       .map(({event, testData}) => {
         const eventLabel =
@@ -163,19 +163,35 @@ function addListeners(element, {eventHandlers = {}} = {}) {
       .join('\n')
       .trim()
     if (eventCalls.length) {
-      return [
-        `Events fired on: ${getElementDisplayName(element)}`,
-        eventCalls,
-      ].join('\n\n')
+      return {
+        snapshot: [
+          `Events fired on: ${getElementDisplayName(element)}`,
+          eventCalls,
+        ].join('\n\n'),
+      }
     } else {
-      return `No events were fired on: ${getElementDisplayName(element)}`
+      return {
+        snapshot: `No events were fired on: ${getElementDisplayName(element)}`,
+      }
     }
   }
   const clearEventCalls = () => generalListener.mockClear()
   const getEvents = () => generalListener.mock.calls.map(([e]) => e)
   const eventWasFired = eventType => getEvents().some(e => e.type === eventType)
+
+  function getClickEventsSnapshot() {
+    const lines = getEvents().map(
+      ({constructor, type, button, buttons, detail}) =>
+        constructor.name === 'MouseEvent'
+          ? `${type} - button=${button}; buttons=${buttons}; detail=${detail}`
+          : type,
+    )
+    return {snapshot: lines.join('\n')}
+  }
+
   return {
-    getEventCalls,
+    getEventSnapshot,
+    getClickEventsSnapshot,
     clearEventCalls,
     getEvents,
     eventWasFired,
diff --git a/src/user-event/__tests__/hover.js b/src/user-event/__tests__/hover.js
index 8fa79c20..19595c33 100644
--- a/src/user-event/__tests__/hover.js
+++ b/src/user-event/__tests__/hover.js
@@ -2,10 +2,10 @@ import * as userEvent from '..'
 import {setup} from './helpers/utils'
 
 test('hover', async () => {
-  const {element, getEventCalls} = setup('<button />')
+  const {element, getEventSnapshot} = setup('<button />')
 
   await userEvent.hover(element)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: button
 
     button - pointerover
diff --git a/src/user-event/__tests__/select-options.js b/src/user-event/__tests__/select-options.js
index 8ecf62d7..5df26961 100644
--- a/src/user-event/__tests__/select-options.js
+++ b/src/user-event/__tests__/select-options.js
@@ -2,9 +2,9 @@ import * as userEvent from '..'
 import {setupSelect, addListeners} from './helpers/utils'
 
 test('fires correct events', async () => {
-  const {select, options, getEventCalls} = setupSelect()
+  const {select, options, getEventSnapshot} = setupSelect()
   await userEvent.selectOptions(select, '1')
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: select[name="select"][value="1"]
 
     select[name="select"][value="1"] - mouseover: Left (0)
@@ -35,9 +35,9 @@ test('fires correct events', async () => {
 })
 
 test('fires correct events on multi-selects', async () => {
-  const {select, options, getEventCalls} = setupSelect({multiple: true})
+  const {select, options, getEventSnapshot} = setupSelect({multiple: true})
   await userEvent.selectOptions(select, ['1', '3'])
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: select[name="select"][value=["1","3"]]
 
     select[name="select"][value=[]] - mouseover: Left (0)
@@ -87,10 +87,10 @@ test('a previously focused input gets blurred', async () => {
   const button = document.createElement('button')
   document.body.append(button)
   button.focus()
-  const {getEventCalls} = addListeners(button)
+  const {getEventSnapshot} = addListeners(button)
   const {select} = setupSelect()
   await userEvent.selectOptions(select, '1')
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: button
 
     button - blur
diff --git a/src/user-event/__tests__/toggle-selectoptions.js b/src/user-event/__tests__/toggle-selectoptions.js
index a991cdca..22671ff6 100644
--- a/src/user-event/__tests__/toggle-selectoptions.js
+++ b/src/user-event/__tests__/toggle-selectoptions.js
@@ -2,11 +2,11 @@ import * as userEvent from '..'
 import {addListeners, setupSelect, setup} from './helpers/utils'
 
 test('should fire the correct events for multiple select', async () => {
-  const {form, select, getEventCalls} = setupSelect({multiple: true})
+  const {form, select, getEventSnapshot} = setupSelect({multiple: true})
 
   await userEvent.toggleSelectOptions(select, '1')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: select[name="select"][value=["1"]]
 
     select[name="select"][value=[]] - mouseover: Left (0)
@@ -39,13 +39,13 @@ test('should fire the correct events for multiple select when focus is in other
   const button = document.createElement('button')
   form.append(button)
 
-  const {getEventCalls, clearEventCalls} = addListeners(form)
+  const {getEventSnapshot, clearEventCalls} = addListeners(form)
   button.focus()
 
   clearEventCalls()
   await userEvent.toggleSelectOptions(select, '1')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: form
 
     select[name="select"][value=[]] - mouseover: Left (0)
diff --git a/src/user-event/__tests__/type-modifiers.js b/src/user-event/__tests__/type-modifiers.js
index 749b8a6d..8f8d3607 100644
--- a/src/user-event/__tests__/type-modifiers.js
+++ b/src/user-event/__tests__/type-modifiers.js
@@ -16,11 +16,11 @@ import {setup} from './helpers/utils'
 // but will not capitalize "a".
 
 test('{esc} triggers typing the escape character', async () => {
-  const {element, getEventCalls} = setup('<input />')
+  const {element, getEventSnapshot} = setup('<input />')
 
   await userEvent.type(element, '{esc}')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value=""]
 
     input[value=""] - focus
@@ -31,9 +31,9 @@ test('{esc} triggers typing the escape character', async () => {
 })
 
 test('a{backspace}', async () => {
-  const {element, getEventCalls} = setup('<input />')
+  const {element, getEventSnapshot} = setup('<input />')
   await userEvent.type(element, 'a{backspace}')
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value=""]
 
     input[value=""] - focus
@@ -53,9 +53,9 @@ test('a{backspace}', async () => {
 })
 
 test('{backspace}a', async () => {
-  const {element, getEventCalls} = setup('<input />')
+  const {element, getEventSnapshot} = setup('<input />')
   await userEvent.type(element, '{backspace}a')
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="a"]
 
     input[value=""] - focus
@@ -72,12 +72,12 @@ test('{backspace}a', async () => {
 })
 
 test('{backspace} triggers typing the backspace character and deletes the character behind the cursor', async () => {
-  const {element, getEventCalls} = setup('<input value="yo" />')
+  const {element, getEventSnapshot} = setup('<input value="yo" />')
   element.setSelectionRange(1, 1)
 
   await userEvent.type(element, '{backspace}')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="o"]
 
     input[value="yo"] - select
@@ -91,12 +91,12 @@ test('{backspace} triggers typing the backspace character and deletes the charac
 })
 
 test('{backspace} on a readOnly input', async () => {
-  const {element, getEventCalls} = setup('<input readonly value="yo" />')
+  const {element, getEventSnapshot} = setup('<input readonly value="yo" />')
   element.setSelectionRange(1, 1)
 
   await userEvent.type(element, '{backspace}')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="yo"]
 
     input[value="yo"] - select
@@ -107,14 +107,14 @@ test('{backspace} on a readOnly input', async () => {
 })
 
 test('{backspace} does not fire input if keydown prevents default', async () => {
-  const {element, getEventCalls} = setup('<input value="yo" />', {
+  const {element, getEventSnapshot} = setup('<input value="yo" />', {
     eventHandlers: {keyDown: e => e.preventDefault()},
   })
   element.setSelectionRange(1, 1)
 
   await userEvent.type(element, '{backspace}')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="yo"]
 
     input[value="yo"] - select
@@ -125,12 +125,12 @@ test('{backspace} does not fire input if keydown prevents default', async () =>
 })
 
 test('{backspace} deletes the selected range', async () => {
-  const {element, getEventCalls} = setup('<input value="Hi there" />')
+  const {element, getEventSnapshot} = setup('<input value="Hi there" />')
   element.setSelectionRange(1, 5)
 
   await userEvent.type(element, '{backspace}')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="Here"]
 
     input[value="Hi there"] - select
@@ -152,11 +152,11 @@ test('{backspace} on an input type that does not support selection ranges', asyn
 })
 
 test('{alt}a{/alt}', async () => {
-  const {element, getEventCalls} = setup('<input />')
+  const {element, getEventSnapshot} = setup('<input />')
 
   await userEvent.type(element, '{alt}a{/alt}')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="a"]
 
     input[value=""] - focus
@@ -173,11 +173,11 @@ test('{alt}a{/alt}', async () => {
 })
 
 test('{meta}a{/meta}', async () => {
-  const {element, getEventCalls} = setup('<input />')
+  const {element, getEventSnapshot} = setup('<input />')
 
   await userEvent.type(element, '{meta}a{/meta}')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="a"]
 
     input[value=""] - focus
@@ -194,11 +194,11 @@ test('{meta}a{/meta}', async () => {
 })
 
 test('{ctrl}a{/ctrl}', async () => {
-  const {element, getEventCalls} = setup('<input />')
+  const {element, getEventSnapshot} = setup('<input />')
 
   await userEvent.type(element, '{ctrl}a{/ctrl}')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="a"]
 
     input[value=""] - focus
@@ -215,11 +215,11 @@ test('{ctrl}a{/ctrl}', async () => {
 })
 
 test('{shift}a{/shift}', async () => {
-  const {element, getEventCalls} = setup('<input />')
+  const {element, getEventSnapshot} = setup('<input />')
 
   await userEvent.type(element, '{shift}a{/shift}')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="a"]
 
     input[value=""] - focus
@@ -236,11 +236,11 @@ test('{shift}a{/shift}', async () => {
 })
 
 test('a{enter}', async () => {
-  const {element, getEventCalls} = setup('<input />')
+  const {element, getEventSnapshot} = setup('<input />')
 
   await userEvent.type(element, 'a{enter}')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="a"]
 
     input[value=""] - focus
@@ -258,7 +258,7 @@ test('a{enter}', async () => {
 })
 
 test('{enter} with preventDefault keydown', async () => {
-  const {element, getEventCalls} = setup('<input />', {
+  const {element, getEventSnapshot} = setup('<input />', {
     eventHandlers: {
       keyDown: e => e.preventDefault(),
     },
@@ -266,7 +266,7 @@ test('{enter} with preventDefault keydown', async () => {
 
   await userEvent.type(element, '{enter}')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value=""]
 
     input[value=""] - focus
@@ -277,11 +277,11 @@ test('{enter} with preventDefault keydown', async () => {
 })
 
 test('{enter} on a button', async () => {
-  const {element, getEventCalls} = setup('<button />')
+  const {element, getEventSnapshot} = setup('<button />')
 
   await userEvent.type(element, '{enter}')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: button
 
     button - focus
@@ -293,11 +293,11 @@ test('{enter} on a button', async () => {
 })
 
 test('{enter} on a textarea', async () => {
-  const {element, getEventCalls} = setup('<textarea></textarea>')
+  const {element, getEventSnapshot} = setup('<textarea></textarea>')
 
   await userEvent.type(element, '{enter}')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: textarea[value="\\n"]
 
     textarea[value=""] - focus
@@ -312,11 +312,11 @@ test('{enter} on a textarea', async () => {
 })
 
 test('{meta}{enter}{/meta} on a button', async () => {
-  const {element, getEventCalls} = setup('<button />')
+  const {element, getEventSnapshot} = setup('<button />')
 
   await userEvent.type(element, '{meta}{enter}{/meta}')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: button
 
     button - focus
@@ -330,11 +330,11 @@ test('{meta}{enter}{/meta} on a button', async () => {
 })
 
 test('{meta}{alt}{ctrl}a{/ctrl}{/alt}{/meta}', async () => {
-  const {element, getEventCalls} = setup('<input />')
+  const {element, getEventSnapshot} = setup('<input />')
 
   await userEvent.type(element, '{meta}{alt}{ctrl}a{/ctrl}{/alt}{/meta}')
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="a"]
 
     input[value=""] - focus
@@ -356,7 +356,7 @@ test('{meta}{alt}{ctrl}a{/ctrl}{/alt}{/meta}', async () => {
 
 test('{selectall} selects all the text', async () => {
   const value = 'abcdefg'
-  const {element, clearEventCalls, getEventCalls} = setup(
+  const {element, clearEventCalls, getEventSnapshot} = setup(
     `<input value="${value}" />`,
   )
   element.setSelectionRange(2, 6)
@@ -367,7 +367,7 @@ test('{selectall} selects all the text', async () => {
 
   expect(element.selectionStart).toBe(0)
   expect(element.selectionEnd).toBe(value.length)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="abcdefg"]
 
     input[value="abcdefg"] - select
@@ -377,7 +377,7 @@ test('{selectall} selects all the text', async () => {
 })
 
 test('{del} at the start of the input', async () => {
-  const {element, getEventCalls} = setup(`<input value="hello" />`)
+  const {element, getEventSnapshot} = setup(`<input value="hello" />`)
 
   await userEvent.type(element, '{del}', {
     initialSelectionStart: 0,
@@ -386,7 +386,7 @@ test('{del} at the start of the input', async () => {
 
   expect(element.selectionStart).toBe(0)
   expect(element.selectionEnd).toBe(0)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="ello"]
 
     input[value="hello"] - focus
@@ -400,13 +400,13 @@ test('{del} at the start of the input', async () => {
 })
 
 test('{del} at end of the input', async () => {
-  const {element, getEventCalls} = setup(`<input value="hello" />`)
+  const {element, getEventSnapshot} = setup(`<input value="hello" />`)
 
   await userEvent.type(element, '{del}')
 
   expect(element.selectionStart).toBe(element.value.length)
   expect(element.selectionEnd).toBe(element.value.length)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="hello"]
 
     input[value="hello"] - focus
@@ -417,7 +417,7 @@ test('{del} at end of the input', async () => {
 })
 
 test('{del} in the middle of the input', async () => {
-  const {element, getEventCalls} = setup(`<input value="hello" />`)
+  const {element, getEventSnapshot} = setup(`<input value="hello" />`)
 
   await userEvent.type(element, '{del}', {
     initialSelectionStart: 2,
@@ -426,7 +426,7 @@ test('{del} in the middle of the input', async () => {
 
   expect(element.selectionStart).toBe(2)
   expect(element.selectionEnd).toBe(2)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="helo"]
 
     input[value="hello"] - focus
@@ -440,7 +440,7 @@ test('{del} in the middle of the input', async () => {
 })
 
 test('{del} with a selection range', async () => {
-  const {element, getEventCalls} = setup(`<input value="hello" />`)
+  const {element, getEventSnapshot} = setup(`<input value="hello" />`)
 
   await userEvent.type(element, '{del}', {
     initialSelectionStart: 1,
@@ -449,7 +449,7 @@ test('{del} with a selection range', async () => {
 
   expect(element.selectionStart).toBe(1)
   expect(element.selectionEnd).toBe(1)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="hlo"]
 
     input[value="hello"] - focus
diff --git a/src/user-event/__tests__/type.js b/src/user-event/__tests__/type.js
index cbfc4a43..0ba97048 100644
--- a/src/user-event/__tests__/type.js
+++ b/src/user-event/__tests__/type.js
@@ -3,9 +3,9 @@ import {setup, addListeners} from './helpers/utils'
 import './helpers/custom-element'
 
 test('types text in input', async () => {
-  const {element, getEventCalls} = setup('<input />')
+  const {element, getEventSnapshot} = setup('<input />')
   await userEvent.type(element, 'Sup')
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="Sup"]
 
     input[value=""] - focus
@@ -32,9 +32,9 @@ test('types text in input', async () => {
 })
 
 test('types text in input with allAtOnce', async () => {
-  const {element, getEventCalls} = setup('<input />')
+  const {element, getEventSnapshot} = setup('<input />')
   await userEvent.type(element, 'Sup', {allAtOnce: true})
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="Sup"]
 
     input[value=""] - focus
@@ -49,10 +49,10 @@ test('types text inside custom element', async () => {
   const element = document.createElement('custom-el')
   document.body.append(element)
   const inputEl = element.shadowRoot.querySelector('input')
-  const {getEventCalls} = addListeners(inputEl)
+  const {getEventSnapshot} = addListeners(inputEl)
 
   await userEvent.type(inputEl, 'Sup')
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="Sup"]
 
     input[value=""] - focus
@@ -79,9 +79,9 @@ test('types text inside custom element', async () => {
 })
 
 test('types text in textarea', async () => {
-  const {element, getEventCalls} = setup('<textarea></textarea>')
+  const {element, getEventSnapshot} = setup('<textarea></textarea>')
   await userEvent.type(element, 'Sup')
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: textarea[value="Sup"]
 
     textarea[value=""] - focus
@@ -108,9 +108,9 @@ test('types text in textarea', async () => {
 })
 
 test('should append text all at once', async () => {
-  const {element, getEventCalls} = setup('<input />')
+  const {element, getEventSnapshot} = setup('<input />')
   await userEvent.type(element, 'Sup', {allAtOnce: true})
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="Sup"]
 
     input[value=""] - focus
@@ -122,12 +122,12 @@ test('should append text all at once', async () => {
 })
 
 test('does not fire input event when keypress calls prevent default', async () => {
-  const {element, getEventCalls} = setup('<input />', {
+  const {element, getEventSnapshot} = setup('<input />', {
     eventHandlers: {keyPress: e => e.preventDefault()},
   })
 
   await userEvent.type(element, 'a')
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value=""]
 
     input[value=""] - focus
@@ -139,12 +139,12 @@ test('does not fire input event when keypress calls prevent default', async () =
 })
 
 test('does not fire keypress or input events when keydown calls prevent default', async () => {
-  const {element, getEventCalls} = setup('<input />', {
+  const {element, getEventSnapshot} = setup('<input />', {
     eventHandlers: {keyDown: e => e.preventDefault()},
   })
 
   await userEvent.type(element, 'a')
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value=""]
 
     input[value=""] - focus
@@ -155,19 +155,19 @@ test('does not fire keypress or input events when keydown calls prevent default'
 })
 
 test('does not fire events when disabled', async () => {
-  const {element, getEventCalls} = setup('<input disabled />')
+  const {element, getEventSnapshot} = setup('<input disabled />')
 
   await userEvent.type(element, 'a')
-  expect(getEventCalls()).toMatchInlineSnapshot(
+  expect(getEventSnapshot()).toMatchInlineSnapshot(
     `No events were fired on: input[value=""]`,
   )
 })
 
 test('does not fire input when readonly', async () => {
-  const {element, getEventCalls} = setup('<input readonly />')
+  const {element, getEventSnapshot} = setup('<input readonly />')
 
   await userEvent.type(element, 'a')
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value=""]
 
     input[value=""] - focus
@@ -179,10 +179,10 @@ test('does not fire input when readonly', async () => {
 })
 
 test('does not fire input when readonly (with allAtOnce)', async () => {
-  const {element, getEventCalls} = setup('<input readonly />')
+  const {element, getEventSnapshot} = setup('<input readonly />')
 
   await userEvent.type(element, 'a', {allAtOnce: true})
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value=""]
 
     input[value=""] - focus
@@ -191,10 +191,10 @@ test('does not fire input when readonly (with allAtOnce)', async () => {
 })
 
 test('does not fire any events when disabled (with allAtOnce)', async () => {
-  const {element, getEventCalls} = setup('<input disabled />')
+  const {element, getEventSnapshot} = setup('<input disabled />')
 
   await userEvent.type(element, 'a', {allAtOnce: true})
-  expect(getEventCalls()).toMatchInlineSnapshot(
+  expect(getEventSnapshot()).toMatchInlineSnapshot(
     `No events were fired on: input[value=""]`,
   )
 })
@@ -222,11 +222,11 @@ test('should delay the typing when opts.delay is not 0', async () => {
 })
 
 test('honors maxlength', async () => {
-  const {element, getEventCalls} = setup('<input maxlength="2" />')
+  const {element, getEventSnapshot} = setup('<input maxlength="2" />')
   await userEvent.type(element, '123')
 
   // NOTE: no input event when typing "3"
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="12"]
 
     input[value=""] - focus
@@ -250,11 +250,13 @@ test('honors maxlength', async () => {
 })
 
 test('honors maxlength with existing text', async () => {
-  const {element, getEventCalls} = setup('<input value="12" maxlength="2" />')
+  const {element, getEventSnapshot} = setup(
+    '<input value="12" maxlength="2" />',
+  )
   await userEvent.type(element, '3')
 
   // NOTE: no input event when typing "3"
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="12"]
 
     input[value="12"] - focus
@@ -325,12 +327,12 @@ function setupDollarInput({initialValue = ''} = {}) {
 }
 
 test('typing into a controlled input works', async () => {
-  const {element, getEventCalls} = setupDollarInput()
+  const {element, getEventSnapshot} = setupDollarInput()
 
   await userEvent.type(element, '23')
 
   expect(element.value).toBe('$23')
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="$23"]
 
     input[value=""] - focus
@@ -350,13 +352,13 @@ test('typing into a controlled input works', async () => {
 })
 
 test('typing in the middle of a controlled input works', async () => {
-  const {element, getEventCalls} = setupDollarInput({initialValue: '$23'})
+  const {element, getEventSnapshot} = setupDollarInput({initialValue: '$23'})
   element.setSelectionRange(2, 2)
 
   await userEvent.type(element, '1')
 
   expect(element.value).toBe('$213')
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="$213"]
 
     input[value="$23"] - select
@@ -371,7 +373,7 @@ test('typing in the middle of a controlled input works', async () => {
 })
 
 test('ignored {backspace} in controlled input', async () => {
-  const {element, getEventCalls} = setupDollarInput({initialValue: '$23'})
+  const {element, getEventSnapshot} = setupDollarInput({initialValue: '$23'})
   element.setSelectionRange(1, 1)
 
   await userEvent.type(element, '{backspace}')
@@ -387,7 +389,7 @@ test('ignored {backspace} in controlled input', async () => {
 
   expect(element.value).toBe('$234')
   // the backslash in the inline snapshot is to escape the $ before {CURSOR}
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="$234"]
 
     input[value="$23"] - select
@@ -407,10 +409,10 @@ test('ignored {backspace} in controlled input', async () => {
 
 // https://github.com/testing-library/user-event/issues/321
 test('typing in a textarea with existing text', async () => {
-  const {element, getEventCalls} = setup('<textarea>Hello, </textarea>')
+  const {element, getEventSnapshot} = setup('<textarea>Hello, </textarea>')
 
   await userEvent.type(element, '12')
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: textarea[value="Hello, 12"]
 
     textarea[value="Hello, "] - focus
@@ -433,14 +435,14 @@ test('typing in a textarea with existing text', async () => {
 
 // https://github.com/testing-library/user-event/issues/321
 test('accepts an initialSelectionStart and initialSelectionEnd', async () => {
-  const {element, getEventCalls} = setup('<textarea>Hello, </textarea>')
+  const {element, getEventSnapshot} = setup('<textarea>Hello, </textarea>')
   element.setSelectionRange(0, 0)
 
   await userEvent.type(element, '12', {
     initialSelectionStart: element.selectionStart,
     initialSelectionEnd: element.selectionEnd,
   })
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: textarea[value="12Hello, "]
 
     textarea[value="Hello, "] - select
@@ -472,7 +474,7 @@ test('can type into an input with type `email`', async () => {
 
 // https://github.com/testing-library/user-event/issues/336
 test('can type "-" into number inputs', async () => {
-  const {element, getEventCalls} = setup('<input type="number" />')
+  const {element, getEventSnapshot} = setup('<input type="number" />')
   const negativeNumber = '-3'
   await userEvent.type(element, negativeNumber)
   expect(element).toHaveValue(-3)
@@ -480,7 +482,7 @@ test('can type "-" into number inputs', async () => {
   // NOTE: the input event here does not actually change the value thanks to
   // weirdness with browsers. Then the second input event inserts both the
   // - and the 3. /me rolls eyes
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value="-3"]
 
     input[value=""] - focus
@@ -498,11 +500,11 @@ test('can type "-" into number inputs', async () => {
 
 // https://github.com/testing-library/user-event/issues/336
 test('can type "." into number inputs', async () => {
-  const {element, getEventCalls} = setup('<input type="number" />')
+  const {element, getEventSnapshot} = setup('<input type="number" />')
   await userEvent.type(element, '0.3')
   expect(element).toHaveValue(0.3)
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value=".3"]
 
     input[value=""] - focus
diff --git a/src/user-event/__tests__/unhover.js b/src/user-event/__tests__/unhover.js
index 43fc410f..6b0c56c3 100644
--- a/src/user-event/__tests__/unhover.js
+++ b/src/user-event/__tests__/unhover.js
@@ -2,10 +2,10 @@ import * as userEvent from '..'
 import {setup} from './helpers/utils'
 
 test('unhover', async () => {
-  const {element, getEventCalls} = setup('<button />')
+  const {element, getEventSnapshot} = setup('<button />')
 
   await userEvent.unhover(element)
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: button
 
     button - pointermove
diff --git a/src/user-event/__tests__/upload.js b/src/user-event/__tests__/upload.js
index 71c11346..e0cbb75c 100644
--- a/src/user-event/__tests__/upload.js
+++ b/src/user-event/__tests__/upload.js
@@ -3,11 +3,11 @@ import {setup, addListeners} from './helpers/utils'
 
 test('should fire the correct events for input', async () => {
   const file = new File(['hello'], 'hello.png', {type: 'image/png'})
-  const {element, getEventCalls} = setup('<input type="file" />')
+  const {element, getEventSnapshot} = setup('<input type="file" />')
 
   await userEvent.upload(element, file)
 
-  expect(getEventCalls()).toMatchInlineSnapshot(`
+  expect(getEventSnapshot()).toMatchInlineSnapshot(`
     Events fired on: input[value=""]
 
     input[value=""] - mouseover: Left (0)
@@ -32,8 +32,8 @@ test('should fire the correct events with label', async () => {
 
   const label = container.children[0]
   const input = container.children[1]
-  const {getEventCalls: getLabelEventCalls} = addListeners(label)
-  const {getEventCalls: getInputEventCalls} = addListeners(input)
+  const {getEventSnapshot: getLabelEventCalls} = addListeners(label)
+  const {getEventSnapshot: getInputEventCalls} = addListeners(input)
 
   await userEvent.upload(label, file)
 
diff --git a/src/user-event/hover.js b/src/user-event/hover.js
index d7d9b848..f521e5e0 100644
--- a/src/user-event/hover.js
+++ b/src/user-event/hover.js
@@ -1,8 +1,6 @@
 import {wrapAsync} from '../wrap-async'
 import {fireEvent, getMouseEventOptions} from './utils'
 
-jest.mock('./utils')
-
 async function hover(element, init) {
   await fireEvent.pointerOver(element, init)
   await fireEvent.pointerEnter(element, init)
diff --git a/tests/jest.config.node.js b/tests/jest.config.node.js
index bf37b60b..4e3f773f 100644
--- a/tests/jest.config.node.js
+++ b/tests/jest.config.node.js
@@ -3,6 +3,7 @@ const baseConfig = require('kcd-scripts/jest')
 
 module.exports = {
   ...baseConfig,
+  setupFilesAfterEnv: [],
   rootDir: path.join(__dirname, '..'),
   displayName: 'node',
   testEnvironment: 'jest-environment-node',