chore(deps): update dependency cypress to v10 (#2015)

Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/2015
Co-authored-by: renovate <renovatebot@kolaente.de>
Co-committed-by: renovate <renovatebot@kolaente.de>

cypress/e2e/user/login.spec.js

@@ -0,0 +1,58 @@
+import {UserFactory} from '../../factories/user'
+
+const testAndAssertFailed = fixture => {
+	cy.visit('/login')
+	cy.get('input[id=username]').type(fixture.username)
+	cy.get('input[id=password]').type(fixture.password)
+	cy.get('.button').contains('Login').click()
+
+	cy.wait(5000) // It can take waaaayy too long to log the user in
+	cy.url().should('include', '/')
+	cy.get('div.message.danger').contains('Wrong username or password.')
+}
+
+context('Login', () => {
+	beforeEach(() => {
+		UserFactory.create(1, {
+			username: 'test',
+		})
+		cy.visit('/', {
+			onBeforeLoad(win) {
+				win.localStorage.removeItem('token')
+			},
+		})
+	})
+
+	it('Should log in with the right credentials', () => {
+		const fixture = {
+			username: 'test',
+			password: '1234',
+		}
+
+		cy.visit('/login')
+		cy.get('input[id=username]').type(fixture.username)
+		cy.get('input[id=password]').type(fixture.password)
+		cy.get('.button').contains('Login').click()
+		cy.url().should('include', '/')
+		cy.clock(1625656161057) // 13:00
+		cy.get('h2').should('contain', `Hi ${fixture.username}!`)
+	})
+
+	it('Should fail with a bad password', () => {
+		const fixture = {
+			username: 'test',
+			password: '123456',
+		}
+
+		testAndAssertFailed(fixture)
+	})
+
+	it('Should fail with a bad username', () => {
+		const fixture = {
+			username: 'loremipsum',
+			password: '1234',
+		}
+
+		testAndAssertFailed(fixture)
+	})
+})

cypress/e2e/user/logout.spec.js

@@ -0,0 +1,16 @@
+import '../../support/authenticateUser'
+
+describe('Log out', () => {
+	it('Logs the user out', () => {
+		cy.visit('/')
+
+		cy.get('.navbar .user .username')
+			.click()
+		cy.get('.navbar .user .dropdown-menu .dropdown-item')
+			.contains('Logout')
+			.click()
+
+		cy.url()
+			.should('contain', '/login')
+	})
+})

cypress/e2e/user/registration.spec.js

@@ -0,0 +1,48 @@
+// This test assumes no mailer is set up and all users are activated immediately.
+
+import {UserFactory} from '../../factories/user'
+
+context('Registration', () => {
+	beforeEach(() => {
+		UserFactory.create(1, {
+			username: 'test',
+		})
+		cy.visit('/', {
+			onBeforeLoad(win) {
+				win.localStorage.removeItem('token')
+			},
+		})
+	})
+
+	it('Should work without issues', () => {
+		const fixture = {
+			username: 'testuser',
+			password: '123456',
+			email: 'testuser@example.com',
+		}
+
+		cy.visit('/register')
+		cy.get('#username').type(fixture.username)
+		cy.get('#email').type(fixture.email)
+		cy.get('#password').type(fixture.password)
+		cy.get('#register-submit').click()
+		cy.url().should('include', '/')
+		cy.clock(1625656161057) // 13:00
+		cy.get('h2').should('contain', `Hi ${fixture.username}!`)
+	})
+
+	it.only('Should fail', () => {
+		const fixture = {
+			username: 'test',
+			password: '123456',
+			email: 'testuser@example.com',
+		}
+
+		cy.visit('/register')
+		cy.get('#username').type(fixture.username)
+		cy.get('#email').type(fixture.email)
+		cy.get('#password').type(fixture.password)
+		cy.get('#register-submit').click()
+		cy.get('div.message.danger').contains('A user with this username already exists.')
+	})
+})

cypress/e2e/user/settings.spec.js

@@ -0,0 +1,47 @@
+import {UserFactory} from '../../factories/user'
+
+import '../../support/authenticateUser'
+
+describe('User Settings', () => {
+	beforeEach(() => {
+		UserFactory.create(1)
+	})
+
+	it('Changes the user avatar', () => {
+		cy.intercept(`${Cypress.env('API_URL')}/user/settings/avatar/upload`).as('uploadAvatar')
+		
+		cy.visit('/user/settings/avatar')
+
+		cy.get('input[name=avatarProvider][value=upload]')
+			.click()
+		cy.get('input[type=file]', {timeout: 1000})
+			.selectFile('cypress/fixtures/image.jpg', {force: true}) // The input is not visible, but on purpose
+		cy.get('.vue-handler-wrapper.vue-handler-wrapper--south .vue-simple-handler.vue-simple-handler--south')
+			.trigger('mousedown', {which: 1})
+			.trigger('mousemove', {clientY: 100})
+			.trigger('mouseup')
+		cy.get('[data-cy="uploadAvatar"]')
+			.contains('Upload Avatar')
+			.click()
+
+		cy.wait('@uploadAvatar')
+		cy.get('.global-notification')
+			.should('contain', 'Success')
+	})
+
+	it('Updates the name', () => {
+		cy.visit('/user/settings/general')
+
+		cy.get('.general-settings .control input.input')
+			.first()
+			.type('Lorem Ipsum')
+		cy.get('[data-cy="saveGeneralSettings"]')
+			.contains('Save')
+			.click()
+
+		cy.get('.global-notification')
+			.should('contain', 'Success')
+		cy.get('.navbar .user .username')
+			.should('contain', 'Lorem Ipsum')
+	})
+})