import {createFakeUserAndLogin} from '../../support/authenticateUser'
import {createLists} from '../list/prepareLists'

function logout() {
	cy.get('.navbar .user .username')
		.click()
	cy.get('.navbar .user .dropdown-menu .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 list history after logging the user out', () => {
		const lists = createLists()
		cy.visit(`/lists/${lists[0].id}`)
			.then(() => {
				expect(localStorage.getItem('listHistory')).to.not.eq(null)
			})

		logout()

		cy.wait(1000) // This makes re-loading of the list and associated entities (and the resulting error) visible
		
		cy.url()
			.should('contain', '/login')
			.then(() => {
				expect(localStorage.getItem('listHistory')).to.eq(null)
			})
	})
})