From 541342e8d9c5c61171bcd043d8f36ff03e0ebcae Mon Sep 17 00:00:00 2001 From: Travis Lindsey Date: Fri, 2 Apr 2021 12:35:20 -0400 Subject: [PATCH] rename some test files for easier reference to their components --- ...ter-mocha.js => about-vue-router-mocha.js} | 0 .../{fire-event.js => button-fire-event.js} | 0 .../{simple-button.js => button-simple.js} | 0 src/__tests__/{slots.js => card-slots.js} | 0 ...isibility.js => collapsible-visibility.js} | 0 .../{axios-mock.js => fetch-axios-mock.js} | 0 .../{user-event.js => form-user-event.js} | 14 ----------- .../{functional.js => functional-sfc.js} | 0 .../{debug.js => hello-world-debug.js} | 0 ...rops.js => number-display-update-props.js} | 0 src/__tests__/select-user-event.js | 25 +++++++++++++++++++ .../{vue-i18n.js => translations-vue-i18n.js} | 0 12 files changed, 25 insertions(+), 14 deletions(-) rename src/__tests__/{vue-router-mocha.js => about-vue-router-mocha.js} (100%) rename src/__tests__/{fire-event.js => button-fire-event.js} (100%) rename src/__tests__/{simple-button.js => button-simple.js} (100%) rename src/__tests__/{slots.js => card-slots.js} (100%) rename src/__tests__/{visibility.js => collapsible-visibility.js} (100%) rename src/__tests__/{axios-mock.js => fetch-axios-mock.js} (100%) rename src/__tests__/{user-event.js => form-user-event.js} (81%) rename src/__tests__/{functional.js => functional-sfc.js} (100%) rename src/__tests__/{debug.js => hello-world-debug.js} (100%) rename src/__tests__/{update-props.js => number-display-update-props.js} (100%) create mode 100644 src/__tests__/select-user-event.js rename src/__tests__/{vue-i18n.js => translations-vue-i18n.js} (100%) diff --git a/src/__tests__/vue-router-mocha.js b/src/__tests__/about-vue-router-mocha.js similarity index 100% rename from src/__tests__/vue-router-mocha.js rename to src/__tests__/about-vue-router-mocha.js diff --git a/src/__tests__/fire-event.js b/src/__tests__/button-fire-event.js similarity index 100% rename from src/__tests__/fire-event.js rename to src/__tests__/button-fire-event.js diff --git a/src/__tests__/simple-button.js b/src/__tests__/button-simple.js similarity index 100% rename from src/__tests__/simple-button.js rename to src/__tests__/button-simple.js diff --git a/src/__tests__/slots.js b/src/__tests__/card-slots.js similarity index 100% rename from src/__tests__/slots.js rename to src/__tests__/card-slots.js diff --git a/src/__tests__/visibility.js b/src/__tests__/collapsible-visibility.js similarity index 100% rename from src/__tests__/visibility.js rename to src/__tests__/collapsible-visibility.js diff --git a/src/__tests__/axios-mock.js b/src/__tests__/fetch-axios-mock.js similarity index 100% rename from src/__tests__/axios-mock.js rename to src/__tests__/fetch-axios-mock.js diff --git a/src/__tests__/user-event.js b/src/__tests__/form-user-event.js similarity index 81% rename from src/__tests__/user-event.js rename to src/__tests__/form-user-event.js index d5ba8045..f85ce6b2 100644 --- a/src/__tests__/user-event.js +++ b/src/__tests__/form-user-event.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') -}) diff --git a/src/__tests__/functional.js b/src/__tests__/functional-sfc.js similarity index 100% rename from src/__tests__/functional.js rename to src/__tests__/functional-sfc.js diff --git a/src/__tests__/debug.js b/src/__tests__/hello-world-debug.js similarity index 100% rename from src/__tests__/debug.js rename to src/__tests__/hello-world-debug.js diff --git a/src/__tests__/update-props.js b/src/__tests__/number-display-update-props.js similarity index 100% rename from src/__tests__/update-props.js rename to src/__tests__/number-display-update-props.js diff --git a/src/__tests__/select-user-event.js b/src/__tests__/select-user-event.js new file mode 100644 index 00000000..5557618b --- /dev/null +++ b/src/__tests__/select-user-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') +}) diff --git a/src/__tests__/vue-i18n.js b/src/__tests__/translations-vue-i18n.js similarity index 100% rename from src/__tests__/vue-i18n.js rename to src/__tests__/translations-vue-i18n.js