Fixed tests

This commit is contained in:
Alejandro Celaya
2022-03-26 12:46:32 +01:00
parent fd5060b996
commit 4f128b3fe8
7 changed files with 43 additions and 58 deletions

View File

@@ -1,5 +1,5 @@
import { shallow, ShallowWrapper } from 'enzyme';
import { Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';
import { Button, Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';
import { Mock } from 'ts-mockery';
import { useNavigate } from 'react-router-dom';
import DeleteServerModal from '../../src/servers/DeleteServerModal';
@@ -45,7 +45,7 @@ describe('<DeleteServerModal />', () => {
});
it('toggles when clicking cancel button', () => {
const cancelBtn = wrapper.find('button').first();
const cancelBtn = wrapper.find(Button).first();
cancelBtn.simulate('click');
@@ -55,7 +55,7 @@ describe('<DeleteServerModal />', () => {
});
it('deletes server when clicking accept button', () => {
const acceptBtn = wrapper.find('button').last();
const acceptBtn = wrapper.find(Button).last();
acceptBtn.simulate('click');

View File

@@ -13,7 +13,7 @@ import { QrErrorCorrectionDropdown } from '../../../src/short-urls/helpers/qr-co
describe('<QrCodeModal />', () => {
let wrapper: ShallowWrapper;
const saveImage = jest.fn();
const saveImage = jest.fn().mockReturnValue(Promise.resolve());
const QrCodeModal = createQrCodeModal(Mock.of<ImageDownloader>({ saveImage }), () => null);
const shortUrl = 'https://doma.in/abc123';
const createWrapper = (version: SemVer = '2.6.0') => {

View File

@@ -1,5 +1,5 @@
import { shallow, ShallowWrapper } from 'enzyme';
import { Modal, ModalBody, ModalFooter } from 'reactstrap';
import { Button, Modal, ModalBody, ModalFooter } from 'reactstrap';
import DeleteTagConfirmModal from '../../../src/tags/helpers/DeleteTagConfirmModal';
import { TagDeletion } from '../../../src/tags/reducers/tagDelete';
@@ -30,11 +30,11 @@ describe('<DeleteTagConfirmModal />', () => {
wrapper = createWrapper({ error: false, deleting: false });
const body = wrapper.find(ModalBody);
const footer = wrapper.find(ModalFooter);
const delBtn = footer.find('.btn-danger');
const delBtn = footer.find(Button).last();
expect(body.html()).toContain(`Are you sure you want to delete tag <b>${tag}</b>?`);
expect(delBtn.prop('disabled')).toEqual(false);
expect(delBtn.text()).toEqual('Delete tag');
expect(delBtn.html()).toContain('>Delete tag<');
});
it('shows error message when deletion failed', () => {
@@ -47,16 +47,16 @@ describe('<DeleteTagConfirmModal />', () => {
it('shows loading status while deleting', () => {
wrapper = createWrapper({ error: false, deleting: true });
const footer = wrapper.find(ModalFooter);
const delBtn = footer.find('.btn-danger');
const delBtn = footer.find(Button).last();
expect(delBtn.prop('disabled')).toEqual(true);
expect(delBtn.text()).toEqual('Deleting tag...');
expect(delBtn.html()).toContain('>Deleting tag...<');
});
it('deletes tag modal when btn is clicked', async () => {
wrapper = createWrapper({ error: false, deleting: true });
const footer = wrapper.find(ModalFooter);
const delBtn = footer.find('.btn-danger');
const delBtn = footer.find(Button).last();
await delBtn.simulate('click'); // eslint-disable-line @typescript-eslint/await-thenable