diff --git a/frontend/src/components/GddSend/TransactionResultLink.vue b/frontend/src/components/GddSend/TransactionResultLink.vue index 90cedc08e..01a2b047a 100644 --- a/frontend/src/components/GddSend/TransactionResultLink.vue +++ b/frontend/src/components/GddSend/TransactionResultLink.vue @@ -11,7 +11,7 @@
- + {{ $t('form.close') }}
diff --git a/frontend/src/pages/Send.spec.js b/frontend/src/pages/Send.spec.js index 899f75ef7..fab3af77b 100644 --- a/frontend/src/pages/Send.spec.js +++ b/frontend/src/pages/Send.spec.js @@ -58,7 +58,7 @@ describe('Send', () => { expect(wrapper.find('div.gdd-send').exists()).toBe(true) }) - describe.skip('fill transaction form for send coins', () => { + describe('fill transaction form for send coins', () => { beforeEach(async () => { const transactionForm = wrapper.findComponent({ name: 'TransactionForm' }) await transactionForm.findAll('input[type="radio"]').at(0).setChecked() @@ -98,7 +98,7 @@ describe('Send', () => { jest.clearAllMocks() await wrapper .findComponent({ name: 'TransactionConfirmationSend' }) - .find('button.btn-primary') + .find('button.btn-gradido') .trigger('click') }) @@ -121,8 +121,13 @@ describe('Send', () => { expect(wrapper.emitted('update-transactions')).toEqual(expect.arrayContaining([[{}]])) }) - it('shows the success page', () => { - expect(wrapper.find('div.card-body').text()).toContain('form.send_transaction_success') + it('shows the success message', () => { + expect( + wrapper + .findComponent({ name: 'TransactionResultSendSuccess' }) + .find('div[data-test="send-transaction-success-text"]') + .text(), + ).toContain('form.send_transaction_success') }) }) @@ -132,7 +137,7 @@ describe('Send', () => { apolloMutationMock.mockRejectedValue({ message: 'recipient not known' }) await wrapper .findComponent({ name: 'TransactionConfirmationSend' }) - .find('button.btn-primary') + .find('button.btn-gradido') .trigger('click') }) @@ -178,16 +183,16 @@ describe('Send', () => { await flushPromises() }) - it.skip('steps forward in the dialog', () => { + it('steps forward in the dialog', () => { expect(wrapper.findComponent({ name: 'TransactionConfirmationLink' }).exists()).toBe(true) }) - describe.skip('transaction is confirmed and server response is success', () => { + describe('transaction is confirmed and server response is success', () => { beforeEach(async () => { jest.clearAllMocks() await wrapper .findComponent({ name: 'TransactionConfirmationLink' }) - .find('button.btn-primary') + .find('button.btn-gradido') .trigger('click') }) @@ -208,16 +213,32 @@ describe('Send', () => { expect(wrapper.emitted('update-transactions')).toEqual(expect.arrayContaining([[{}]])) }) - it('finds the clip board component', () => { + it('shows the success message', () => { + expect( + wrapper.findComponent({ name: 'TransactionResultLink' }).find('.h3').text(), + ).toContain('gdd_per_link.created') + }) + + it('shows the clip board component', () => { expect(wrapper.findComponent({ name: 'ClipboardCopy' }).exists()).toBe(true) }) - it('shows the success message', () => { - expect(wrapper.find('div.card-body').text()).toContain('gdd_per_link.created') + it('shows the qr code', () => { + expect( + wrapper + .findComponent({ name: 'TransactionResultLink' }) + .find('.figure-qr-code') + .exists(), + ).toBe(true) }) it('shows the close button', () => { - expect(wrapper.find('div.card-body').text()).toContain('form.close') + expect( + wrapper + .findComponent({ name: 'TransactionResultLink' }) + .find('button[data-test="close-btn"]') + .text(), + ).toEqual('form.close') }) describe('copy link to clipboard', () => { @@ -233,7 +254,7 @@ describe('Send', () => { describe('copy link with success', () => { beforeEach(async () => { navigatorClipboardMock.mockResolvedValue() - await wrapper.findAll('button').at(1).trigger('click') + await wrapper.find('.pointer').trigger('click') }) it('should call clipboard.writeText', () => { @@ -249,7 +270,7 @@ describe('Send', () => { describe('copy link with error', () => { beforeEach(async () => { navigatorClipboardMock.mockRejectedValue() - await wrapper.findAll('button').at(1).trigger('click') + await wrapper.find('.clipboard-copy').find('.btn-secondary').trigger('click') }) it('toasts error message', () => { @@ -258,7 +279,7 @@ describe('Send', () => { }) }) - describe('copy link and text with success', () => { + describe('copy link and text to clipboard', () => { const navigatorClipboard = navigator.clipboard beforeAll(() => { delete navigator.clipboard @@ -302,21 +323,24 @@ describe('Send', () => { describe('close button click', () => { beforeEach(async () => { - await wrapper.findAll('button').at(3).trigger('click') + await wrapper + .findComponent({ name: 'TransactionResultLink' }) + .find('button[data-test="close-btn"]') + .trigger('click') }) - it('Shows the TransactionForm', () => { + it('shows the transaction form', () => { expect(wrapper.findComponent({ name: 'TransactionForm' }).exists()).toBe(true) }) }) }) - describe.skip('apollo call returns error', () => { + describe('apollo call returns error', () => { beforeEach(async () => { apolloMutationMock.mockRejectedValue({ message: 'OUCH!' }) await wrapper .findComponent({ name: 'TransactionConfirmationLink' }) - .find('button.btn-primary') + .find('button.btn-gradido') .trigger('click') })