From 425c244a8564daafe1c8ffe4d9baa93153fe27b0 Mon Sep 17 00:00:00 2001
From: heikkkk <henrik.teksle.sandok@hotmail.no>
Date: Wed, 1 May 2024 14:48:14 +0200
Subject: [PATCH] test: add e2e test for updating bank accounts
---
cypress/e2e/Settings/SettingsBankView.cy.ts | 25 +++++++++++++++++++++
src/views/Settings/SettingsBankView.vue | 12 ++++++----
2 files changed, 33 insertions(+), 4 deletions(-)
create mode 100644 cypress/e2e/Settings/SettingsBankView.cy.ts
diff --git a/cypress/e2e/Settings/SettingsBankView.cy.ts b/cypress/e2e/Settings/SettingsBankView.cy.ts
new file mode 100644
index 0000000..8bd0d14
--- /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 dc17e8a..2e06887 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">
--
GitLab