add specs

frontend/src/views/Pages/ResetPassword.spec.js

@@ -0,0 +1,107 @@
+import { mount, RouterLinkStub } from '@vue/test-utils'
+import Vuex from 'vuex'
+import flushPromises from 'flush-promises'
+
+import ResetPassword from './ResetPassword'
+
+const localVue = global.localVue
+
+describe('ResetPassword', () => {
+  let wrapper
+
+  let mocks = {
+    $i18n: {
+      locale: 'en',
+    },
+    $t: jest.fn((t) => t),
+  }
+
+  let state = {
+    // loginfail: false,
+  }
+
+  let store = new Vuex.Store({
+    state,
+  })
+
+  let stubs = {
+    RouterLink: RouterLinkStub,
+  }
+
+  const Wrapper = () => {
+    return mount(ResetPassword, { localVue, mocks, store, stubs })
+  }
+
+  describe('mount', () => {
+    beforeEach(() => {
+      wrapper = Wrapper()
+    })
+
+    it('renders the Reset Password form', () => {
+      expect(wrapper.find('div.resetpwd-form').exists()).toBeTruthy()
+    })
+
+    //describe('Register header', () => {
+    //  it('has a welcome message', () => {
+    //    expect(wrapper.find('div.header').text()).toBe('site.signup.title site.signup.subtitle')
+    //  })
+    //})
+
+    //describe('links', () => {
+    //  it('has a link "Back"', () => {
+    //    expect(wrapper.findAllComponents(RouterLinkStub).at(0).text()).toEqual('back')
+    //  })
+
+    //  it('links to /login when clicking "Back"', () => {
+    //    expect(wrapper.findAllComponents(RouterLinkStub).at(0).props().to).toBe('/login')
+    //  })
+    //})
+
+    //describe('Register form', () => {
+    //  it('has a register form', () => {
+    //    expect(wrapper.find('form').exists()).toBeTruthy()
+    //  })
+
+    //  it('has 3 text input fields', () => {
+    //    expect(wrapper.findAll('input[type="text"]').length).toBe(3)
+    //  })
+
+    //  it('has 2 password input fields', () => {
+    //    expect(wrapper.findAll('input[type="password"]').length).toBe(2)
+    //  })
+
+    //  it('has 1 checkbox input fields', () => {
+    //    expect(wrapper.findAll('input[type="checkbox"]').length).toBe(1)
+    //  })
+
+    //  it('has no submit button when not completely filled', () => {
+    //    expect(wrapper.find('button[type="submit"]').exists()).toBe(false)
+    //  })
+
+    //  it('shows a warning when no valid Email is entered', async () => {
+    //    wrapper.findAll('input[type="text"]').at(2).setValue('no_valid@Email')
+    //    await flushPromises()
+    //    await expect(wrapper.find('.invalid-feedback').text()).toEqual(
+    //      'The Email field must be a valid email',
+    //    )
+    //  })
+
+    //  it('shows 4 warnings when no password is set', async () => {
+    //    const passwords = wrapper.findAll('input[type="password"]')
+    //    passwords.at(0).setValue('')
+    //    passwords.at(1).setValue('')
+    //    await flushPromises()
+    //    await expect(wrapper.find('div.hints').text()).toContain(
+    //      'site.signup.lowercase',
+    //      'site.signup.uppercase',
+    //      'site.signup.minimum',
+    //      'site.signup.one_number',
+    //    )
+    //  })
+
+    //  //TODO test different invalid password combinations
+    //})
+
+    // TODO test submit button
+  })
+})

frontend/src/views/Pages/ResetPassword.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="register-form">
+  <div class="resetpwd-form">
     <!-- Header -->
     <div class="header p-4">
       <b-container class="container">