chore(test): Rename test files for easier reference to their components (#217)

Author: travis5491811

src/__tests__/vue-router-mocha.js renamed to src/__tests__/about-vue-router-mocha.js

@@ -2,7 +2,6 @@ import '@testing-library/jest-dom'
 import {render, waitFor} from '@testing-library/vue'
 import userEvent from '@testing-library/user-event'
 import Form from './components/Form'
-import Select from './components/Select'
 
 beforeEach(() => {
   jest.spyOn(console, 'warn').mockImplementation(() => {})
@@ -57,16 +56,3 @@ test('User events in a form', async () => {
 
   expect(console.warn).not.toHaveBeenCalled()
 })
-
-test('selecting option with user events', () => {
-  const {getByDisplayValue} = render(Select)
-  const select = getByDisplayValue('Tyrannosaurus')
-  expect(select.value).toBe('dino1')
-
-  userEvent.selectOptions(select, 'dino2')
-  expect(select.value).toBe('dino2')
-
-  userEvent.selectOptions(select, 'dino3')
-  expect(select.value).not.toBe('dino2')
-  expect(select.value).toBe('dino3')
-})

src/__tests__/fire-event.js renamed to src/__tests__/button-fire-event.js

@@ -0,0 +1,25 @@
+import '@testing-library/jest-dom'
+import {render} from '@testing-library/vue'
+import userEvent from '@testing-library/user-event'
+import Select from './components/Select'
+
+beforeEach(() => {
+  jest.spyOn(console, 'warn').mockImplementation(() => {})
+})
+
+afterEach(() => {
+  console.warn.mockRestore()
+})
+
+test('selecting option with user events', () => {
+  const {getByDisplayValue} = render(Select)
+  const select = getByDisplayValue('Tyrannosaurus')
+  expect(select.value).toBe('dino1')
+
+  userEvent.selectOptions(select, 'dino2')
+  expect(select.value).toBe('dino2')
+
+  userEvent.selectOptions(select, 'dino3')
+  expect(select.value).not.toBe('dino2')
+  expect(select.value).toBe('dino3')
+})