chore: move frontend files

frontend/cypress/e2e/user/login.spec.ts

@@ -0,0 +1,74 @@
+import {UserFactory} from '../../factories/user'
+import {ProjectFactory} from '../../factories/project'
+
+const testAndAssertFailed = fixture => {
+	cy.intercept(Cypress.env('API_URL') + '/login*').as('login')
+	
+	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('@login')
+	cy.url().should('include', '/')
+	cy.get('div.message.danger').contains('Wrong username or password.')
+}
+
+const credentials = {
+	username: 'test',
+	password: '1234',
+}
+
+function login() {
+	cy.get('input[id=username]').type(credentials.username)
+	cy.get('input[id=password]').type(credentials.password)
+	cy.get('.button').contains('Login').click()
+	cy.url().should('include', '/')
+}
+
+context('Login', () => {
+	beforeEach(() => {
+		UserFactory.create(1, {username: credentials.username})
+	})
+
+	it('Should log in with the right credentials', () => {
+		cy.visit('/login')
+		login()
+		cy.clock(1625656161057) // 13:00
+		cy.get('h2').should('contain', `Hi ${credentials.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)
+	})
+	
+	it('Should redirect to /login when no user is logged in', () => {
+		cy.visit('/')
+		cy.url().should('include', '/login')
+	})
+	
+	it('Should redirect to the previous route after logging in', () => {
+		const projects = ProjectFactory.create(1)
+		cy.visit(`/projects/${projects[0].id}/list`)
+
+		cy.url().should('include', '/login')
+		
+		login()
+
+		cy.url().should('include', `/projects/${projects[0].id}/list`)
+	})
+})

frontend/cypress/e2e/user/logout.spec.ts

@@ -0,0 +1,46 @@
+import {createFakeUserAndLogin} from '../../support/authenticateUser'
+import {createProjects} from '../project/prepareProjects'
+
+function logout() {
+	cy.get('.navbar .username-dropdown-trigger')
+		.click()
+	cy.get('.navbar .dropdown-item')
+		.contains('Logout')
+		.click()
+}
+
+describe('Log out', () => {
+	createFakeUserAndLogin()
+
+	it('Logs the user out', () => {
+		cy.visit('/')
+
+		expect(localStorage.getItem('token')).to.not.eq(null)
+
+		logout()
+
+		cy.url()
+			.should('contain', '/login')
+			.then(() => {
+				expect(localStorage.getItem('token')).to.eq(null)
+			})
+	})
+	
+	it.skip('Should clear the project history after logging the user out', () => {
+		const projects = createProjects()
+		cy.visit(`/projects/${projects[0].id}`)
+			.then(() => {
+				expect(localStorage.getItem('projectHistory')).to.not.eq(null)
+			})
+
+		logout()
+
+		cy.wait(1000) // This makes re-loading of the project and associated entities (and the resulting error) visible
+		
+		cy.url()
+			.should('contain', '/login')
+			.then(() => {
+				expect(localStorage.getItem('projectHistory')).to.eq(null)
+			})
+	})
+})

frontend/cypress/e2e/user/registration.spec.ts

@@ -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: '12345678',
+			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('Should fail', () => {
+		const fixture = {
+			username: 'test',
+			password: '12345678',
+			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.')
+	})
+})

frontend/cypress/e2e/user/settings.spec.ts

@@ -0,0 +1,43 @@
+import {createFakeUserAndLogin} from '../../support/authenticateUser'
+
+describe('User Settings', () => {
+	createFakeUserAndLogin()
+
+	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 .username-dropdown-trigger .username')
+			.should('contain', 'Lorem Ipsum')
+	})
+})