Thream/website
Archived
2
2
Fork 0
Code Issues Pull Requests Releases Activity

feat: add guilds list in left sidebar

Browse Source
This commit is contained in:
Divlo
2021-11-18 22:47:46 +01:00
parent accd36d1fc
commit ad945d7a7a
33 changed files with 1511 additions and 1017 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
cypress/fixtures/channels/channel.ts
View File

@ -1,9 +1,9 @@
import { guild } from '../guilds/guild'
import { guildExample } from '../guilds/guild'
export const channel = {
export const channelExample = {
id: 1,
name: 'general',
guildId: guild.id,
guildId: guildExample.id,
createdAt: new Date().toISOString(),
updatedAt: new Date().toISOString()
}

15
cypress/fixtures/guilds/get.ts Normal file
View File

@ -0,0 +1,15 @@
import { Handler } from '../handler'
import { guildExample, guildExample2 } from './guild'
export const getGuildsHandler: Handler = {
method: 'GET',
url: '/guilds',
response: {
statusCode: 200,
body: [
{ ...guildExample, defaultChannelId: 1 },
{ ...guildExample2, defaultChannelId: 2 }
]
}
}

9
cypress/fixtures/guilds/guild.ts
View File

@ -1,4 +1,6 @@
export const guild = {
import { Guild } from '../../../models/Guild'
export const guildExample: Guild = {
id: 1,
name: 'GuildExample',
description: 'guild example.',
@ -7,7 +9,8 @@ export const guild = {
updatedAt: new Date().toISOString()
}
export const guild2 = {
...guild,
export const guildExample2: Guild = {
...guildExample,
id: 2,
name: 'app'
}

12
cypress/fixtures/guilds/post.ts
View File

@ -1,8 +1,8 @@
import { Handler } from '../handler'
import { guild } from './guild'
import { channel } from '../channels/channel'
import { memberComplete } from '../members/member'
import { guildExample } from './guild'
import { channelExample } from '../channels/channel'
import { memberExampleComplete } from '../members/member'
export const postGuildsHandler: Handler = {
method: 'POST',
@ -11,9 +11,9 @@ export const postGuildsHandler: Handler = {
statusCode: 201,
body: {
guild: {
...guild,
channels: [channel],
members: [memberComplete]
...guildExample,
channels: [channelExample],
members: [memberExampleComplete]
}
}
}

8
cypress/fixtures/guilds/public/get.ts
View File

@ -1,6 +1,6 @@
import { Handler } from '../../handler'
import { guild, guild2 } from '../guild'
import { guildExample, guildExample2 } from '../guild'
export const getGuildsPublicEmptyHandler: Handler = {
method: 'GET',
@ -17,8 +17,8 @@ export const getGuildsPublicHandler: Handler = {
response: {
statusCode: 200,
body: [
{ ...guild, membersCount: 1 },
{ ...guild2, membersCount: 1 }
{ ...guildExample, membersCount: 1 },
{ ...guildExample2, membersCount: 1 }
]
}
}
@ -28,6 +28,6 @@ export const getGuildsPublicSearchHandler: Handler = {
url: '/guilds/public',
response: {
statusCode: 200,
body: [{ ...guild2, membersCount: 1 }]
body: [{ ...guildExample2, membersCount: 1 }]
}
}

16
cypress/fixtures/members/member.ts
View File

@ -1,16 +1,16 @@
import { guild } from '../guilds/guild'
import { user } from '../users/user'
import { guildExample } from '../guilds/guild'
import { userExample } from '../users/user'
export const member = {
export const memberExample = {
id: 1,
isOwner: true,
userId: user.id,
guildId: guild.id,
userId: userExample.id,
guildId: guildExample.id,
createdAt: new Date().toISOString(),
updatedAt: new Date().toISOString()
}
export const memberComplete = {
...member,
user
export const memberExampleComplete = {
...memberExample,
user: userExample
}

6
cypress/fixtures/users/current/get.ts
View File

@ -1,6 +1,6 @@
import { Handler } from '../../handler'
import { user, userSettings } from '../user'
import { userExample, userSettingsExample } from '../user'
export const getUsersCurrentHandler: Handler = {
method: 'GET',
@ -9,8 +9,8 @@ export const getUsersCurrentHandler: Handler = {
statusCode: 200,
body: {
user: {
...user,
settings: userSettings,
...userExample,
settings: userSettingsExample,
currentStrategy: 'local',
strategies: ['local']
}

6
cypress/fixtures/users/signup/post.ts
View File

@ -1,6 +1,6 @@
import { Handler } from '../../handler'
import { user, userSettings } from '../user'
import { userExample, userSettingsExample } from '../user'
export const postUsersSignupHandler: Handler = {
method: 'POST',
@ -9,8 +9,8 @@ export const postUsersSignupHandler: Handler = {
statusCode: 201,
body: {
user: {
...user,
settings: userSettings
...userExample,
settings: userSettingsExample
}
}
}

4
cypress/fixtures/users/user.ts
View File

@ -1,7 +1,7 @@
import { UserSettings } from '../../../models/UserSettings'
import { User } from '../../../models/User'
export const user: User = {
export const userExample: User = {
id: 1,
name: 'Divlo',
email: 'contact@divlo.fr',
@ -17,7 +17,7 @@ export const user: User = {
updatedAt: '2021-10-20T20:59:08.485Z'
}
export const userSettings: UserSettings = {
export const userSettingsExample: UserSettings = {
id: 1,
language: 'en',
theme: 'dark',

10
cypress/integration/pages/application/guilds/create.spec.ts
View File

@ -1,5 +1,5 @@
import { channel } from '../../../../fixtures/channels/channel'
import { guild } from '../../../../fixtures/guilds/guild'
import { channelExample } from '../../../../fixtures/channels/channel'
import { guildExample } from '../../../../fixtures/guilds/guild'
import { postGuildsHandler } from '../../../../fixtures/guilds/post'
import { authenticationHandlers } from '../../../../fixtures/handler'
@ -15,11 +15,11 @@ describe('Pages > /application/guilds/create', () => {
]).setCookie('refreshToken', 'refresh-token')
cy.visit('/application/guilds/create')
cy.get('#error-name').should('not.exist')
cy.get('[data-cy=input-name]').type(guild.name)
cy.get('[data-cy=input-name]').type(guildExample.name)
cy.get('[data-cy=submit]').click()
cy.location('pathname').should(
'eq',
`/application/${guild.id}/${channel.id}`
`/application/${guildExample.id}/${channelExample.id}`
)
})
@ -30,7 +30,7 @@ describe('Pages > /application/guilds/create', () => {
)
cy.visit('/application/guilds/create')
cy.get('#error-name').should('not.exist')
cy.get('[data-cy=input-name]').type(guild.name)
cy.get('[data-cy=input-name]').type(guildExample.name)
cy.get('[data-cy=submit]').click()
cy.get('#message').should('have.text', 'Error: Internal Server Error.')
})

15
cypress/integration/pages/application/guilds/join.spec.ts
View File

@ -16,7 +16,7 @@ describe('Pages > /application/guilds/join', () => {
getGuildsPublicEmptyHandler
]).setCookie('refreshToken', 'refresh-token')
cy.visit('/application/guilds/join')
cy.get('.guilds-list').children().should('have.length', 0)
cy.get('.guilds-public-list').children().should('have.length', 0)
})
it('should shows loader with internal api server error', () => {
@ -25,7 +25,7 @@ describe('Pages > /application/guilds/join', () => {
'refresh-token'
)
cy.visit('/application/guilds/join')
cy.get('.guilds-list').children().should('have.length', 1)
cy.get('.guilds-public-list').children().should('have.length', 1)
cy.get('[data-testid=progress-spinner]').should('be.visible')
})
@ -35,8 +35,8 @@ describe('Pages > /application/guilds/join', () => {
getGuildsPublicHandler
]).setCookie('refreshToken', 'refresh-token')
cy.visit('/application/guilds/join')
cy.get('.guilds-list').children().should('have.length', 2)
cy.get('.guilds-list [data-cy=guild-name]:first').should(
cy.get('.guilds-public-list').children().should('have.length', 2)
cy.get('.guilds-public-list [data-cy=guild-name]:first').should(
'have.text',
'GuildExample'
)
@ -49,7 +49,10 @@ describe('Pages > /application/guilds/join', () => {
]).setCookie('refreshToken', 'refresh-token')
cy.visit('/application/guilds/join')
cy.get('[data-cy=search-guild-input]').type('app')
cy.get('.guilds-list').children().should('have.length', 1)
cy.get('.guilds-list [data-cy=guild-name]:first').should('have.text', 'app')
cy.get('.guilds-public-list').children().should('have.length', 1)
cy.get('.guilds-public-list [data-cy=guild-name]:first').should(
'have.text',
'app'
)
})
})

18
cypress/integration/pages/application/index.spec.ts
View File

@ -1,3 +1,4 @@
import { getGuildsHandler } from '../../../fixtures/guilds/get'
import { authenticationHandlers } from '../../../fixtures/handler'
const applicationPaths = [
@ -22,14 +23,23 @@ describe('Pages > /application', () => {
})
it('should not redirect the user if signed in', () => {
cy.task('startMockServer', authenticationHandlers).setCookie(
'refreshToken',
'refresh-token'
)
cy.task('startMockServer', [
...authenticationHandlers,
getGuildsHandler
]).setCookie('refreshToken', 'refresh-token')
for (const applicationPath of applicationPaths) {
cy.visit(applicationPath)
.location('pathname')
.should('eq', applicationPath)
}
})
it('should shows all the guilds of the current user in left sidebar', () => {
cy.task('startMockServer', [
...authenticationHandlers,
getGuildsHandler
]).setCookie('refreshToken', 'refresh-token')
cy.visit('/application')
cy.get('.guilds-list').children().should('have.length', 2)
})
})

6
cypress/integration/pages/authentication/forgot-password.spec.ts
View File

@ -1,5 +1,5 @@
import { postUsersResetPasswordHandler } from '../../../fixtures/users/reset-password/post'
import { user } from '../../../fixtures/users/user'
import { userExample } from '../../../fixtures/users/user'
describe('Pages > /authentication/forgot-password', () => {
beforeEach(() => {
@ -10,7 +10,7 @@ describe('Pages > /authentication/forgot-password', () => {
it('should succeeds and sends a password-reset request', () => {
cy.task('startMockServer', [postUsersResetPasswordHandler])
cy.get('#message').should('not.exist')
cy.get('[data-cy=input-email]').type(user.email)
cy.get('[data-cy=input-email]').type(userExample.email)
cy.get('[data-cy=submit]').click()
cy.get('#message').should(
'have.text',
@ -20,7 +20,7 @@ describe('Pages > /authentication/forgot-password', () => {
it('should fails with unreachable api server', () => {
cy.get('#message').should('not.exist')
cy.get('[data-cy=input-email]').type(user.email)
cy.get('[data-cy=input-email]').type(userExample.email)
cy.get('[data-cy=submit]').click()
cy.get('#message').should('have.text', 'Error: Internal Server Error.')
})

8
cypress/integration/pages/authentication/signin.spec.ts
View File

@ -3,7 +3,7 @@ import {
postUsersSigninHandler,
postUsersSigninInvalidCredentialsHandler
} from 'cypress/fixtures/users/signin/post'
import { user } from '../../../fixtures/users/user'
import { userExample } from '../../../fixtures/users/user'
describe('Pages > /authentication/signin', () => {
beforeEach(() => {
@ -18,7 +18,7 @@ describe('Pages > /authentication/signin', () => {
])
cy.get('#error-email').should('not.exist')
cy.get('#error-password').should('not.exist')
cy.get('[data-cy=input-email]').type(user.email)
cy.get('[data-cy=input-email]').type(userExample.email)
cy.get('[data-cy=input-password]').type('randompassword')
cy.get('[data-cy=submit]').click()
cy.location('pathname').should('eq', '/application')
@ -27,7 +27,7 @@ describe('Pages > /authentication/signin', () => {
it('should fails with unreachable api server', () => {
cy.get('#error-email').should('not.exist')
cy.get('#error-password').should('not.exist')
cy.get('[data-cy=input-email]').type(user.email)
cy.get('[data-cy=input-email]').type(userExample.email)
cy.get('[data-cy=input-password]').type('randompassword')
cy.get('[data-cy=submit]').click()
cy.get('#message').should('have.text', 'Error: Internal Server Error.')
@ -42,7 +42,7 @@ describe('Pages > /authentication/signin', () => {
])
cy.get('#error-email').should('not.exist')
cy.get('#error-password').should('not.exist')
cy.get('[data-cy=input-email]').type(user.email)
cy.get('[data-cy=input-email]').type(userExample.email)
cy.get('[data-cy=input-password]').type('randompassword')
cy.get('[data-cy=submit]').click()
cy.get('#message').should(

14
cypress/integration/pages/authentication/signup.spec.ts
View File

@ -1,4 +1,4 @@
import { user } from '../../../fixtures/users/user'
import { userExample } from '../../../fixtures/users/user'
import {
postUsersSignupHandler,
postUsersSignupAlreadyUsedHandler
@ -15,8 +15,8 @@ describe('Pages > /authentication/signup', () => {
cy.get('#error-name').should('not.exist')
cy.get('#error-email').should('not.exist')
cy.get('#error-password').should('not.exist')
cy.get('[data-cy=input-name]').type(user.name)
cy.get('[data-cy=input-email]').type(user.email)
cy.get('[data-cy=input-name]').type(userExample.name)
cy.get('[data-cy=input-email]').type(userExample.email)
cy.get('[data-cy=input-password]').type('randompassword')
cy.get('[data-cy=submit]').click()
cy.get('#message').should(
@ -30,8 +30,8 @@ describe('Pages > /authentication/signup', () => {
cy.get('#error-name').should('not.exist')
cy.get('#error-email').should('not.exist')
cy.get('#error-password').should('not.exist')
cy.get('[data-cy=input-name]').type(user.name)
cy.get('[data-cy=input-email]').type(user.email)
cy.get('[data-cy=input-name]').type(userExample.name)
cy.get('[data-cy=input-email]').type(userExample.email)
cy.get('[data-cy=input-password]').type('randompassword')
cy.get('[data-cy=submit]').click()
cy.get('#message').should('have.text', 'Error: Name or Email already used.')
@ -44,8 +44,8 @@ describe('Pages > /authentication/signup', () => {
cy.get('#error-name').should('not.exist')
cy.get('#error-email').should('not.exist')
cy.get('#error-password').should('not.exist')
cy.get('[data-cy=input-name]').type(user.name)
cy.get('[data-cy=input-email]').type(user.email)
cy.get('[data-cy=input-name]').type(userExample.name)
cy.get('[data-cy=input-email]').type(userExample.email)
cy.get('[data-cy=input-password]').type('randompassword')
cy.get('[data-cy=submit]').click()
cy.get('#message').should('have.text', 'Error: Internal Server Error.')