diff --git a/cypress/e2e/Settings/SettingsBankView.cy.ts b/cypress/e2e/Settings/SettingsBankView.cy.ts new file mode 100644 index 0000000000000000000000000000000000000000..8bd0d1468aa10b8b002180ff9562660ee927b85a --- /dev/null +++ b/cypress/e2e/Settings/SettingsBankView.cy.ts @@ -0,0 +1,25 @@ +describe('SettingsBank Test', () => { + beforeEach(() => { + cy.visit('/login'); + cy.get('#emailInput input').type('user@example.com'); + cy.get('#passwordInput input').type('John1'); + cy.get('form').submit(); + cy.wait(1000); + cy.visit('/settings/bank') + cy.wait(1000) + }); + + it('updates spendings account of user', () => { + cy.get('[data-cy="spending-account-input"]').find('[data-cy="bi-input"]').clear() + cy.get('[data-cy="spending-account-input"]').find('[data-cy="bi-input"]').type('12073650567'); + cy.get('[data-cy="update-spending-btn"]').click() + }) + + it('updates savings account of user', () => { + cy.get('[data-cy="savings-account-input"]').find('[data-cy="bi-input"]').clear() + cy.get('[data-cy="savings-account-input"]').find('[data-cy="bi-input"]').type('12061174077'); + cy.get('[data-cy="update-savings-btn"]').click() + }) + + +}) \ No newline at end of file diff --git a/src/views/Settings/SettingsBankView.vue b/src/views/Settings/SettingsBankView.vue index dc17e8a398e2a1b43d0387533350e97f3c730481..2e06887cf01332788c77cf5993da92582aa74689 100644 --- a/src/views/Settings/SettingsBankView.vue +++ b/src/views/Settings/SettingsBankView.vue @@ -4,22 +4,26 @@ <hr> <form @submit.prevent="handleSpendingSubmit"> <div class="form-group"> - <BaseInput :model-value="spendingAccount" @input-change-event="handleSpendingInputEvent" id="firstNameInputChange" input-id="first-name-new" + <BaseInput data-cy="spending-account-input" :model-value="spendingAccount" + @input-change-event="handleSpendingInputEvent" id="firstNameInputChange" input-id="first-name-new" type="Number" label="Brukskonto" placeholder="Skriv inn din brukskonto" invalid-message="Vennligst skriv inn din brukskonto" /> </div> <br> - <button type="submit" class="btn btn-primary">Oppdater brukskonto</button> + <button data-cy="update-spending-btn" type="submit" class="btn btn-primary">Oppdater + brukskonto</button> </form> <br> <form @submit.prevent="handleSavingSubmit"> <div class="form-group"> - <BaseInput :model-value="savingsAccount" @input-change-event="handleSavingInputEvent" id="firstNameInputChange" input-id="first-name-new" type="Number" + <BaseInput data-cy="savings-account-input" :model-value="savingsAccount" + @input-change-event="handleSavingInputEvent" id="firstNameInputChange" input-id="first-name-new" type="Number" label="Sparekonto" placeholder="Skriv inn din sparekonto" invalid-message="Vennligst skriv inn din sparekonto" /> </div> <br> - <button type="submit" class="btn btn-primary">Oppdater sparekonto</button> + <button data-cy="update-savings-btn" type="submit" class="btn btn-primary">Oppdater + sparekonto</button> </form> <hr> <div class="form-group mb-0">