chore: remove jest -> cypress for unit tests
This commit is contained in:
parent
d8cedd7b77
commit
7ad3d226dc
@ -1,7 +0,0 @@
|
|||||||
.next
|
|
||||||
.lighthouseci
|
|
||||||
coverage
|
|
||||||
node_modules
|
|
||||||
next-env.d.ts
|
|
||||||
**/workbox-*.js
|
|
||||||
**/sw.js
|
|
@ -6,8 +6,7 @@
|
|||||||
},
|
},
|
||||||
"env": {
|
"env": {
|
||||||
"node": true,
|
"node": true,
|
||||||
"browser": true,
|
"browser": true
|
||||||
"jest": true
|
|
||||||
},
|
},
|
||||||
"rules": {
|
"rules": {
|
||||||
"prettier/prettier": "error",
|
"prettier/prettier": "error",
|
||||||
|
@ -1,10 +1,6 @@
|
|||||||
{
|
{
|
||||||
"*": ["editorconfig-checker"],
|
"*": ["editorconfig-checker"],
|
||||||
"*.{js,jsx,ts,tsx}": [
|
"*.{js,jsx,ts,tsx}": ["prettier --write", "eslint --fix"],
|
||||||
"prettier --write",
|
|
||||||
"eslint --fix",
|
|
||||||
"jest --findRelatedTests"
|
|
||||||
],
|
|
||||||
"*.{css,scss,sass,json,jsonc,yml,yaml}": ["prettier --write"],
|
"*.{css,scss,sass,json,jsonc,yml,yaml}": ["prettier --write"],
|
||||||
"*.md": ["prettier --write", "markdownlint --dot --fix"]
|
"*.{md,mdx}": ["prettier --write", "markdownlint-cli2 --fix"]
|
||||||
}
|
}
|
||||||
|
11
.markdownlint-cli2.jsonc
Normal file
11
.markdownlint-cli2.jsonc
Normal file
@ -0,0 +1,11 @@
|
|||||||
|
{
|
||||||
|
"config": {
|
||||||
|
"default": true,
|
||||||
|
"MD013": false,
|
||||||
|
"MD024": false,
|
||||||
|
"MD033": false,
|
||||||
|
"MD041": false
|
||||||
|
},
|
||||||
|
"globs": ["**/*.{md,mdx}"],
|
||||||
|
"ignores": ["**/node_modules"]
|
||||||
|
}
|
@ -1,6 +0,0 @@
|
|||||||
{
|
|
||||||
"default": true,
|
|
||||||
"MD013": false,
|
|
||||||
"MD033": false,
|
|
||||||
"MD041": false
|
|
||||||
}
|
|
@ -1,15 +1,15 @@
|
|||||||
FROM node:16.16.0 AS dependencies
|
FROM node:16.17.0 AS dependencies
|
||||||
WORKDIR /usr/src/app
|
WORKDIR /usr/src/app
|
||||||
COPY ./package*.json ./
|
COPY ./package*.json ./
|
||||||
RUN npm install
|
RUN npm install
|
||||||
|
|
||||||
FROM node:16.16.0 AS builder
|
FROM node:16.17.0 AS builder
|
||||||
WORKDIR /usr/src/app
|
WORKDIR /usr/src/app
|
||||||
COPY ./ ./
|
COPY ./ ./
|
||||||
COPY --from=dependencies /usr/src/app/node_modules ./node_modules
|
COPY --from=dependencies /usr/src/app/node_modules ./node_modules
|
||||||
RUN npm run build
|
RUN npm run build
|
||||||
|
|
||||||
FROM node:16.16.0 AS runner
|
FROM node:16.17.0 AS runner
|
||||||
WORKDIR /usr/src/app
|
WORKDIR /usr/src/app
|
||||||
ENV NODE_ENV=production
|
ENV NODE_ENV=production
|
||||||
COPY --from=builder /usr/src/app/next.config.js ./next.config.js
|
COPY --from=builder /usr/src/app/next.config.js ./next.config.js
|
||||||
|
@ -3,10 +3,10 @@ import Link from 'next/link'
|
|||||||
import { useRouter } from 'next/router'
|
import { useRouter } from 'next/router'
|
||||||
import { CogIcon } from '@heroicons/react/solid'
|
import { CogIcon } from '@heroicons/react/solid'
|
||||||
|
|
||||||
import { GuildsChannelsPath } from '../../Application'
|
import { GuildsChannelsPath } from '../Application'
|
||||||
import { Channel as ChannelType } from '../../../../models/Channel'
|
import { Channel as ChannelType } from '../../../models/Channel'
|
||||||
import { useGuildMember } from '../../../../contexts/GuildMember'
|
import { useGuildMember } from '../../../contexts/GuildMember'
|
||||||
import { IconButton } from '../../../design/IconButton'
|
import { IconButton } from '../../design/IconButton'
|
||||||
|
|
||||||
export interface ChannelProps {
|
export interface ChannelProps {
|
||||||
path: GuildsChannelsPath
|
path: GuildsChannelsPath
|
@ -1 +0,0 @@
|
|||||||
export * from './Channel'
|
|
@ -1,7 +1,7 @@
|
|||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
|
|
||||||
import { GuildWithDefaultChannelId } from '../../../../models/Guild'
|
import { GuildWithDefaultChannelId } from '../../../models/Guild'
|
||||||
import { IconLink } from '../../../design/IconLink'
|
import { IconLink } from '../../design/IconLink'
|
||||||
|
|
||||||
export interface GuildProps {
|
export interface GuildProps {
|
||||||
guild: GuildWithDefaultChannelId
|
guild: GuildWithDefaultChannelId
|
@ -1,18 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { Guild } from './Guild'
|
|
||||||
import { guildExample } from '../../../../cypress/fixtures/guilds/guild'
|
|
||||||
|
|
||||||
describe('<Guild />', () => {
|
|
||||||
it('should render successfully', () => {
|
|
||||||
const { baseElement } = render(
|
|
||||||
<Guild
|
|
||||||
guild={{
|
|
||||||
...guildExample,
|
|
||||||
defaultChannelId: 1
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
)
|
|
||||||
expect(baseElement).toBeTruthy()
|
|
||||||
})
|
|
||||||
})
|
|
@ -1 +0,0 @@
|
|||||||
export * from './Guild'
|
|
@ -5,13 +5,13 @@ import useTranslation from 'next-translate/useTranslation'
|
|||||||
import classNames from 'classnames'
|
import classNames from 'classnames'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
|
|
||||||
import { Emoji } from '../../../Emoji'
|
import { Emoji } from '../../Emoji'
|
||||||
import { ConfirmPopup } from '../../ConfirmPopup'
|
import { ConfirmPopup } from '../ConfirmPopup'
|
||||||
import {
|
import {
|
||||||
GuildPublic as GuildPublicType,
|
GuildPublic as GuildPublicType,
|
||||||
GuildWithDefaultChannelId
|
GuildWithDefaultChannelId
|
||||||
} from '../../../../models/Guild'
|
} from '../../../models/Guild'
|
||||||
import { useAuthentication } from '../../../../tools/authentication'
|
import { useAuthentication } from '../../../tools/authentication'
|
||||||
|
|
||||||
export interface GuildPublicProps {
|
export interface GuildPublicProps {
|
||||||
guild: GuildPublicType
|
guild: GuildPublicType
|
@ -1 +0,0 @@
|
|||||||
export * from './GuildPublic'
|
|
@ -1,8 +1,8 @@
|
|||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
|
|
||||||
import { MemberWithPublicUser } from '../../../../models/Member'
|
import { MemberWithPublicUser } from '../../../models/Member'
|
||||||
import { Emoji } from '../../../Emoji'
|
import { Emoji } from '../../Emoji'
|
||||||
|
|
||||||
export interface MemberProps {
|
export interface MemberProps {
|
||||||
member: MemberWithPublicUser
|
member: MemberWithPublicUser
|
@ -1 +0,0 @@
|
|||||||
export * from './Member'
|
|
@ -1,10 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { PopupGuild } from './PopupGuild'
|
|
||||||
|
|
||||||
describe('<PopupGuild />', () => {
|
|
||||||
it('should render successfully', () => {
|
|
||||||
const { baseElement } = render(<PopupGuild />)
|
|
||||||
expect(baseElement).toBeTruthy()
|
|
||||||
})
|
|
||||||
})
|
|
@ -3,7 +3,8 @@ import { PlusSmIcon, ArrowDownIcon } from '@heroicons/react/solid'
|
|||||||
import classNames from 'classnames'
|
import classNames from 'classnames'
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
|
|
||||||
import { PopupGuildCard } from './PopupGuildCard/PopupGuildCard'
|
import { PopupGuildCard } from './PopupGuildCard'
|
||||||
|
|
||||||
export interface PopupGuildProps {
|
export interface PopupGuildProps {
|
||||||
className?: string
|
className?: string
|
||||||
}
|
}
|
||||||
|
@ -1,30 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
import { PlusSmIcon } from '@heroicons/react/solid'
|
|
||||||
import Image from 'next/image'
|
|
||||||
|
|
||||||
import { PopupGuildCard } from './PopupGuildCard'
|
|
||||||
|
|
||||||
describe('<PopupGuildCard />', () => {
|
|
||||||
it('should render successfully', () => {
|
|
||||||
const { baseElement } = render(
|
|
||||||
<PopupGuildCard
|
|
||||||
image={
|
|
||||||
<Image
|
|
||||||
quality={100}
|
|
||||||
src='/images/svg/design/create-server.svg'
|
|
||||||
alt=''
|
|
||||||
width={230}
|
|
||||||
height={230}
|
|
||||||
/>
|
|
||||||
}
|
|
||||||
description='Create your own guild and manage everything within a few clicks !'
|
|
||||||
link={{
|
|
||||||
icon: <PlusSmIcon className='mr-2 h-8 w-8' />,
|
|
||||||
text: 'Create a server',
|
|
||||||
href: '/application/guilds/create'
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
)
|
|
||||||
expect(baseElement).toBeTruthy()
|
|
||||||
})
|
|
||||||
})
|
|
@ -1 +0,0 @@
|
|||||||
export * from './PopupGuildCard'
|
|
@ -1,12 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { Sidebar } from './Sidebar'
|
|
||||||
|
|
||||||
describe('<Sidebar />', () => {
|
|
||||||
it('should render successfully', () => {
|
|
||||||
const { baseElement } = render(
|
|
||||||
<Sidebar direction='left' visible={true} isMobile={false} />
|
|
||||||
)
|
|
||||||
expect(baseElement).toBeTruthy()
|
|
||||||
})
|
|
||||||
})
|
|
@ -1,23 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import {
|
|
||||||
guildExample,
|
|
||||||
guildExample2
|
|
||||||
} from '../../../cypress/fixtures/guilds/guild'
|
|
||||||
import {
|
|
||||||
userExample,
|
|
||||||
userSettingsExample
|
|
||||||
} from '../../../cypress/fixtures/users/user'
|
|
||||||
import { UserProfile } from './UserProfile'
|
|
||||||
|
|
||||||
describe('<UserProfile />', () => {
|
|
||||||
it('should render successfully', () => {
|
|
||||||
const { baseElement } = render(
|
|
||||||
<UserProfile
|
|
||||||
user={{ ...userExample, settings: userSettingsExample }}
|
|
||||||
guilds={[guildExample, guildExample2]}
|
|
||||||
/>
|
|
||||||
)
|
|
||||||
expect(baseElement).toBeTruthy()
|
|
||||||
})
|
|
||||||
})
|
|
@ -1,18 +0,0 @@
|
|||||||
import { isStringWithOnlyOneEmoji } from './isStringWithOnlyOneEmoji'
|
|
||||||
|
|
||||||
describe('components/Emoji/isStringWithOnlyOneEmoji', () => {
|
|
||||||
it('returns true with a string with only one emoji', () => {
|
|
||||||
expect(isStringWithOnlyOneEmoji(':wave:')).toBeTruthy()
|
|
||||||
expect(isStringWithOnlyOneEmoji(':smile:')).toBeTruthy()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('returns false with a string with multiple emoji or with text', () => {
|
|
||||||
expect(isStringWithOnlyOneEmoji(':wave: :smile:')).toBeFalsy()
|
|
||||||
expect(isStringWithOnlyOneEmoji(':wave: some text')).toBeFalsy()
|
|
||||||
expect(isStringWithOnlyOneEmoji('some text :wave:')).toBeFalsy()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('returns false with a string without emoji', () => {
|
|
||||||
expect(isStringWithOnlyOneEmoji('some text')).toBeFalsy()
|
|
||||||
})
|
|
||||||
})
|
|
@ -1,15 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { ErrorPage } from '.'
|
|
||||||
|
|
||||||
describe('<ErrorPage />', () => {
|
|
||||||
it('should render the message and statusCode', () => {
|
|
||||||
const messageContent = 'message content'
|
|
||||||
const statusCode = 404
|
|
||||||
const { getByText } = render(
|
|
||||||
<ErrorPage statusCode={statusCode} message={messageContent} />
|
|
||||||
)
|
|
||||||
expect(getByText(messageContent)).toBeInTheDocument()
|
|
||||||
expect(getByText(statusCode)).toBeInTheDocument()
|
|
||||||
})
|
|
||||||
})
|
|
@ -1 +0,0 @@
|
|||||||
export * from './ErrorPage'
|
|
@ -1,16 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { Footer } from '.'
|
|
||||||
|
|
||||||
describe('<Footer />', () => {
|
|
||||||
it('should render with appropriate link tag version', () => {
|
|
||||||
const version = '1.0.0'
|
|
||||||
const { getByText } = render(<Footer version={version} />)
|
|
||||||
const versionLink = getByText(`website v${version}`) as HTMLAnchorElement
|
|
||||||
expect(getByText('Thream')).toBeInTheDocument()
|
|
||||||
expect(versionLink).toBeInTheDocument()
|
|
||||||
expect(versionLink.href).toEqual(
|
|
||||||
`https://github.com/Thream/website/releases/tag/v${version}`
|
|
||||||
)
|
|
||||||
})
|
|
||||||
})
|
|
@ -8,6 +8,7 @@ export const VersionLink: React.FC<VersionLinkProps> = (props) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<a
|
<a
|
||||||
|
data-cy={`version-link-${repository}`}
|
||||||
className='text-green-800 hover:underline dark:text-green-400'
|
className='text-green-800 hover:underline dark:text-green-400'
|
||||||
href={`https://github.com/Thream/${repository}/releases/tag/v${version}`}
|
href={`https://github.com/Thream/${repository}/releases/tag/v${version}`}
|
||||||
target='_blank'
|
target='_blank'
|
||||||
|
@ -1,10 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { ScrollableBody } from './ScrollableBody'
|
|
||||||
|
|
||||||
describe('<ScrollableBody />', () => {
|
|
||||||
it('should render successfully', () => {
|
|
||||||
const { baseElement } = render(<ScrollableBody />)
|
|
||||||
expect(baseElement).toBeTruthy()
|
|
||||||
})
|
|
||||||
})
|
|
@ -1 +0,0 @@
|
|||||||
export * from './ScrollableBody'
|
|
@ -1,10 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { Button } from '.'
|
|
||||||
|
|
||||||
describe('<Button />', () => {
|
|
||||||
it('should render', () => {
|
|
||||||
const { getByText } = render(<Button>Submit</Button>)
|
|
||||||
expect(getByText('Submit')).toBeInTheDocument()
|
|
||||||
})
|
|
||||||
})
|
|
@ -1,10 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { Checkbox } from './Checkbox'
|
|
||||||
|
|
||||||
describe('<Checkbox />', () => {
|
|
||||||
it('should render successfully', () => {
|
|
||||||
const { baseElement } = render(<Checkbox label='Checkbox' />)
|
|
||||||
expect(baseElement).toBeTruthy()
|
|
||||||
})
|
|
||||||
})
|
|
@ -1,10 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { Divider } from '.'
|
|
||||||
|
|
||||||
describe('<Divider />', () => {
|
|
||||||
it('should render successfully', () => {
|
|
||||||
const { baseElement } = render(<Divider />)
|
|
||||||
expect(baseElement).toBeTruthy()
|
|
||||||
})
|
|
||||||
})
|
|
@ -1,34 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { FormState } from '.'
|
|
||||||
|
|
||||||
describe('<FormState />', () => {
|
|
||||||
it('should return nothing if the state is idle', () => {
|
|
||||||
const { container } = render(<FormState state='idle' />)
|
|
||||||
expect(container.innerHTML.length).toEqual(0)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should return nothing if the message is null', () => {
|
|
||||||
const { container } = render(<FormState state='error' />)
|
|
||||||
expect(container.innerHTML.length).toEqual(0)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should render the <Loader /> if state is loading', () => {
|
|
||||||
const { getByTestId } = render(<FormState state='loading' />)
|
|
||||||
expect(getByTestId('loader')).toBeInTheDocument()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should render the success message if state is success', () => {
|
|
||||||
const message = 'Success Message'
|
|
||||||
const { getByText } = render(
|
|
||||||
<FormState state='success' message={message} />
|
|
||||||
)
|
|
||||||
expect(getByText(message)).toBeInTheDocument()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should render the error message if state is error', () => {
|
|
||||||
const message = 'Error Message'
|
|
||||||
const { getByText } = render(<FormState state='error' message={message} />)
|
|
||||||
expect(getByText(message)).toBeInTheDocument()
|
|
||||||
})
|
|
||||||
})
|
|
@ -16,7 +16,7 @@ export const FormState: React.FC<FormStateProps> = (props) => {
|
|||||||
|
|
||||||
if (state === 'loading') {
|
if (state === 'loading') {
|
||||||
return (
|
return (
|
||||||
<div data-testid='loader' className='mt-8 flex justify-center'>
|
<div data-cy='loader' className='mt-8 flex justify-center'>
|
||||||
<Loader />
|
<Loader />
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
@ -1,15 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
import { CogIcon } from '@heroicons/react/solid'
|
|
||||||
|
|
||||||
import { IconButton } from './IconButton'
|
|
||||||
|
|
||||||
describe('<IconButton />', () => {
|
|
||||||
it('should render successfully', () => {
|
|
||||||
const { baseElement } = render(
|
|
||||||
<IconButton className='h-10 w-10'>
|
|
||||||
<CogIcon />
|
|
||||||
</IconButton>
|
|
||||||
)
|
|
||||||
expect(baseElement).toBeTruthy()
|
|
||||||
})
|
|
||||||
})
|
|
@ -1,10 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { IconLink } from './IconLink'
|
|
||||||
|
|
||||||
describe('<IconLink />', () => {
|
|
||||||
it('should render successfully', () => {
|
|
||||||
const { baseElement } = render(<IconLink href='' />)
|
|
||||||
expect(baseElement).toBeTruthy()
|
|
||||||
})
|
|
||||||
})
|
|
@ -1,52 +0,0 @@
|
|||||||
import { render, fireEvent } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { Input, getInputType } from '.'
|
|
||||||
|
|
||||||
describe('<Input />', () => {
|
|
||||||
it('should render the label', () => {
|
|
||||||
const labelContent = 'label content'
|
|
||||||
const { getByText } = render(<Input label={labelContent} />)
|
|
||||||
expect(getByText(labelContent)).toBeInTheDocument()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should not render forgot password link', () => {
|
|
||||||
const { queryByTestId } = render(
|
|
||||||
<Input type='text' label='content' showForgotPassword />
|
|
||||||
)
|
|
||||||
const forgotPasswordLink = queryByTestId('forgot-password-link')
|
|
||||||
expect(forgotPasswordLink).not.toBeInTheDocument()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should render forgot password link', () => {
|
|
||||||
const { queryByTestId } = render(
|
|
||||||
<Input type='password' label='content' showForgotPassword />
|
|
||||||
)
|
|
||||||
const forgotPasswordLink = queryByTestId('forgot-password-link')
|
|
||||||
expect(forgotPasswordLink).toBeInTheDocument()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should not render the eye icon if the input is not of type "password"', () => {
|
|
||||||
const { queryByTestId } = render(<Input type='text' label='content' />)
|
|
||||||
const passwordEye = queryByTestId('password-eye')
|
|
||||||
expect(passwordEye).not.toBeInTheDocument()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should handlePassword with eye icon', async () => {
|
|
||||||
const { findByTestId } = render(<Input type='password' label='content' />)
|
|
||||||
const passwordEye = await findByTestId('password-eye')
|
|
||||||
const input = await findByTestId('input')
|
|
||||||
expect(input).toHaveAttribute('type', 'password')
|
|
||||||
fireEvent.click(passwordEye)
|
|
||||||
expect(input).toHaveAttribute('type', 'text')
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
||||||
describe('getInputType', () => {
|
|
||||||
it('should return `text`', () => {
|
|
||||||
expect(getInputType('password')).toEqual('text')
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should return `password`', () => {
|
|
||||||
expect(getInputType('text')).toEqual('password')
|
|
||||||
})
|
|
||||||
})
|
|
@ -47,7 +47,7 @@ export const Input: React.FC<InputProps> = (props) => {
|
|||||||
<Link href='/authentication/forgot-password'>
|
<Link href='/authentication/forgot-password'>
|
||||||
<a
|
<a
|
||||||
className='text-center font-headline text-xs text-green-800 hover:underline dark:text-green-400 sm:text-sm'
|
className='text-center font-headline text-xs text-green-800 hover:underline dark:text-green-400 sm:text-sm'
|
||||||
data-testid='forgot-password-link'
|
data-cy='forgot-password-link'
|
||||||
>
|
>
|
||||||
{t('authentication:forgot-password')}
|
{t('authentication:forgot-password')}
|
||||||
</a>
|
</a>
|
||||||
@ -56,7 +56,6 @@ export const Input: React.FC<InputProps> = (props) => {
|
|||||||
</div>
|
</div>
|
||||||
<div className='relative mt-0'>
|
<div className='relative mt-0'>
|
||||||
<input
|
<input
|
||||||
data-testid='input'
|
|
||||||
data-cy={`input-${name ?? 'name'}`}
|
data-cy={`input-${name ?? 'name'}`}
|
||||||
className='h-11 w-full rounded-lg border border-transparent bg-[#f1f1f1] px-3 font-paragraph leading-10 text-[#2a2a2a] caret-green-600 focus:border focus:shadow-green focus:outline-none'
|
className='h-11 w-full rounded-lg border border-transparent bg-[#f1f1f1] px-3 font-paragraph leading-10 text-[#2a2a2a] caret-green-600 focus:border focus:shadow-green focus:outline-none'
|
||||||
{...rest}
|
{...rest}
|
||||||
@ -66,7 +65,7 @@ export const Input: React.FC<InputProps> = (props) => {
|
|||||||
/>
|
/>
|
||||||
{type === 'password' && (
|
{type === 'password' && (
|
||||||
<div
|
<div
|
||||||
data-testid='password-eye'
|
data-cy='password-eye'
|
||||||
onClick={handlePassword}
|
onClick={handlePassword}
|
||||||
className='password-eye absolute cursor-pointer bg-[#f1f1f1] bg-cover'
|
className='password-eye absolute cursor-pointer bg-[#f1f1f1] bg-cover'
|
||||||
/>
|
/>
|
||||||
|
@ -1,20 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { Loader } from '.'
|
|
||||||
|
|
||||||
describe('<Loader />', () => {
|
|
||||||
it('should render with correct width and height', async () => {
|
|
||||||
const size = 20
|
|
||||||
const { findByTestId } = render(<Loader width={size} height={size} />)
|
|
||||||
const progressSpinner = await findByTestId('progress-spinner')
|
|
||||||
expect(progressSpinner).toHaveStyle(`width: ${size}px`)
|
|
||||||
expect(progressSpinner).toHaveStyle(`height: ${size}px`)
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should render with default width and height', async () => {
|
|
||||||
const { findByTestId } = render(<Loader />)
|
|
||||||
const progressSpinner = await findByTestId('progress-spinner')
|
|
||||||
expect(progressSpinner).toHaveStyle('width: 50px')
|
|
||||||
expect(progressSpinner).toHaveStyle('height: 50px')
|
|
||||||
})
|
|
||||||
})
|
|
@ -9,7 +9,7 @@ export const Loader: React.FC<LoaderProps> = (props) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className={props.className}>
|
<div className={props.className}>
|
||||||
<div data-testid='progress-spinner' className='progress-spinner'>
|
<div data-cy='progress-spinner' className='progress-spinner'>
|
||||||
<svg className='progress-spinner-svg' viewBox='25 25 50 50'>
|
<svg className='progress-spinner-svg' viewBox='25 25 50 50'>
|
||||||
<circle
|
<circle
|
||||||
className='progress-spinner-circle'
|
className='progress-spinner-circle'
|
||||||
|
@ -1,10 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { Main } from '.'
|
|
||||||
|
|
||||||
describe('<Main />', () => {
|
|
||||||
it('should render successfully', () => {
|
|
||||||
const { baseElement } = render(<Main />)
|
|
||||||
expect(baseElement).toBeTruthy()
|
|
||||||
})
|
|
||||||
})
|
|
@ -1,23 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { SocialMedia, SocialMediaButton } from '.'
|
|
||||||
|
|
||||||
describe('<SocialMediaButton />', () => {
|
|
||||||
it('should render the social media', async () => {
|
|
||||||
const socialMedia: SocialMedia = 'Discord'
|
|
||||||
const { findByAltText } = render(
|
|
||||||
<SocialMediaButton socialMedia={socialMedia} />
|
|
||||||
)
|
|
||||||
const socialMediaButton = await findByAltText(socialMedia)
|
|
||||||
expect(socialMediaButton).toBeInTheDocument()
|
|
||||||
})
|
|
||||||
|
|
||||||
it('should render with a black text color with Google social media', async () => {
|
|
||||||
const socialMedia: SocialMedia = 'Google'
|
|
||||||
const { findByTestId } = render(
|
|
||||||
<SocialMediaButton socialMedia={socialMedia} />
|
|
||||||
)
|
|
||||||
const button = await findByTestId('social-media-button')
|
|
||||||
expect(button).toHaveStyle('color: #000')
|
|
||||||
})
|
|
||||||
})
|
|
@ -54,7 +54,6 @@ export const SocialMediaButton: React.FC<SocialMediaButtonProps> = (props) => {
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<button
|
<button
|
||||||
data-testid='social-media-button'
|
|
||||||
{...rest}
|
{...rest}
|
||||||
className={classNames(className, 'button', givenClassName)}
|
className={classNames(className, 'button', givenClassName)}
|
||||||
>
|
>
|
||||||
|
@ -1,10 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { Textarea } from './Textarea'
|
|
||||||
|
|
||||||
describe('<Textarea />', () => {
|
|
||||||
it('should render successfully', () => {
|
|
||||||
const { baseElement } = render(<Textarea label='Textarea' />)
|
|
||||||
expect(baseElement).toBeTruthy()
|
|
||||||
})
|
|
||||||
})
|
|
72
cypress.config.ts
Normal file
72
cypress.config.ts
Normal file
@ -0,0 +1,72 @@
|
|||||||
|
import path from 'node:path'
|
||||||
|
|
||||||
|
import { defineConfig } from 'cypress'
|
||||||
|
import { getLocal } from 'mockttp'
|
||||||
|
import type { Mockttp } from 'mockttp'
|
||||||
|
|
||||||
|
import { API_DEFAULT_PORT } from './tools/api'
|
||||||
|
import { Handlers, Method } from './cypress/fixtures/handler'
|
||||||
|
|
||||||
|
const UPLOADS_FIXTURES_DIRECTORY = path.join(
|
||||||
|
process.cwd(),
|
||||||
|
'cypress',
|
||||||
|
'fixtures',
|
||||||
|
'uploads'
|
||||||
|
)
|
||||||
|
|
||||||
|
let server: Mockttp | null = null
|
||||||
|
|
||||||
|
export default defineConfig({
|
||||||
|
fixturesFolder: false,
|
||||||
|
video: false,
|
||||||
|
downloadsFolder: undefined,
|
||||||
|
screenshotOnRunFailure: false,
|
||||||
|
|
||||||
|
e2e: {
|
||||||
|
baseUrl: 'http://localhost:3000',
|
||||||
|
supportFile: false,
|
||||||
|
setupNodeEvents(on, config) {
|
||||||
|
on('task', {
|
||||||
|
async startMockServer(handlers: Handlers): Promise<null> {
|
||||||
|
server = getLocal({
|
||||||
|
cors: true
|
||||||
|
})
|
||||||
|
await server.start(API_DEFAULT_PORT)
|
||||||
|
for (const handler of handlers) {
|
||||||
|
const { isFile = false } = handler.response
|
||||||
|
const method = handler.method.toLowerCase() as Lowercase<Method>
|
||||||
|
if (isFile) {
|
||||||
|
await server[method](handler.url).thenFromFile(
|
||||||
|
handler.response.statusCode,
|
||||||
|
path.join(UPLOADS_FIXTURES_DIRECTORY, ...handler.response.body)
|
||||||
|
)
|
||||||
|
} else {
|
||||||
|
await server[method](handler.url).thenJson(
|
||||||
|
handler.response.statusCode,
|
||||||
|
handler.response.body
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return null
|
||||||
|
},
|
||||||
|
|
||||||
|
async stopMockServer(): Promise<null> {
|
||||||
|
if (server != null) {
|
||||||
|
await server.stop()
|
||||||
|
server = null
|
||||||
|
}
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
return config
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
component: {
|
||||||
|
devServer: {
|
||||||
|
framework: 'next',
|
||||||
|
bundler: 'webpack'
|
||||||
|
}
|
||||||
|
}
|
||||||
|
})
|
@ -1,6 +0,0 @@
|
|||||||
{
|
|
||||||
"baseUrl": "http://localhost:3000",
|
|
||||||
"supportFile": false,
|
|
||||||
"video": false,
|
|
||||||
"screenshotOnRunFailure": false
|
|
||||||
}
|
|
@ -0,0 +1,18 @@
|
|||||||
|
import { isStringWithOnlyOneEmoji } from '../../../../components/Emoji/isStringWithOnlyOneEmoji'
|
||||||
|
|
||||||
|
describe('components/Emoji/isStringWithOnlyOneEmoji', () => {
|
||||||
|
it('returns true with a string with only one emoji', () => {
|
||||||
|
expect(isStringWithOnlyOneEmoji(':wave:')).equal(true)
|
||||||
|
expect(isStringWithOnlyOneEmoji(':smile:')).equal(true)
|
||||||
|
})
|
||||||
|
|
||||||
|
it('returns false with a string with multiple emoji or with text', () => {
|
||||||
|
expect(isStringWithOnlyOneEmoji(':wave: :smile:')).equal(false)
|
||||||
|
expect(isStringWithOnlyOneEmoji(':wave: some text')).equal(false)
|
||||||
|
expect(isStringWithOnlyOneEmoji('some text :wave:')).equal(false)
|
||||||
|
})
|
||||||
|
|
||||||
|
it('returns false with a string without emoji', () => {
|
||||||
|
expect(isStringWithOnlyOneEmoji('some text')).equal(false)
|
||||||
|
})
|
||||||
|
})
|
16
cypress/component/components/Footer.cy.tsx
Normal file
16
cypress/component/components/Footer.cy.tsx
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
import { Footer } from '../../../components/Footer'
|
||||||
|
|
||||||
|
describe('<Footer />', () => {
|
||||||
|
it('should render with appropriate link tag version', () => {
|
||||||
|
const version = '1.0.0'
|
||||||
|
cy.mount(<Footer version={version} />)
|
||||||
|
cy.contains('Thream')
|
||||||
|
.get('[data-cy=version-link-website]')
|
||||||
|
.should('have.text', `website v${version}`)
|
||||||
|
.should(
|
||||||
|
'have.attr',
|
||||||
|
'href',
|
||||||
|
`https://github.com/Thream/website/releases/tag/v${version}`
|
||||||
|
)
|
||||||
|
})
|
||||||
|
})
|
35
cypress/component/components/design/FormState.cy.tsx
Normal file
35
cypress/component/components/design/FormState.cy.tsx
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
import { FormState } from '../../../../components/design/FormState'
|
||||||
|
|
||||||
|
describe('<FormState />', () => {
|
||||||
|
it('should return nothing if the state is idle', () => {
|
||||||
|
cy.mount(<FormState state='idle' />)
|
||||||
|
.get('[data-cy-root]')
|
||||||
|
.should('be.empty')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('should return nothing if the message is null', () => {
|
||||||
|
cy.mount(<FormState state='error' />)
|
||||||
|
.get('[data-cy-root]')
|
||||||
|
.should('be.empty')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('should render the <Loader /> if state is loading', () => {
|
||||||
|
cy.mount(<FormState state='loading' />)
|
||||||
|
.get('[data-cy=loader]')
|
||||||
|
.should('be.visible')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('should render the success message if state is success', () => {
|
||||||
|
const message = 'Success Message'
|
||||||
|
cy.mount(<FormState state='success' message={message} id='success' />)
|
||||||
|
.get('#success')
|
||||||
|
.contains(message)
|
||||||
|
})
|
||||||
|
|
||||||
|
it('should render the error message if state is error', () => {
|
||||||
|
const message = 'Error Message'
|
||||||
|
cy.mount(<FormState state='error' message={message} id='error' />)
|
||||||
|
.get('#error')
|
||||||
|
.contains(message)
|
||||||
|
})
|
||||||
|
})
|
48
cypress/component/components/design/Input.cy.tsx
Normal file
48
cypress/component/components/design/Input.cy.tsx
Normal file
@ -0,0 +1,48 @@
|
|||||||
|
import { Input, getInputType } from '../../../../components/design/Input'
|
||||||
|
|
||||||
|
describe('<Input />', () => {
|
||||||
|
it('should render the label', () => {
|
||||||
|
const labelContent = 'label content'
|
||||||
|
cy.mount(<Input label={labelContent} />)
|
||||||
|
.get('label')
|
||||||
|
.should('have.text', labelContent)
|
||||||
|
})
|
||||||
|
|
||||||
|
it('should not render forgot password link', () => {
|
||||||
|
cy.mount(<Input type='text' label='content' showForgotPassword />)
|
||||||
|
.get('[data-cy=forgot-password-link]')
|
||||||
|
.should('not.exist')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('should render forgot password link', () => {
|
||||||
|
cy.mount(<Input type='password' label='content' showForgotPassword />)
|
||||||
|
.get('[data-cy=forgot-password-link]')
|
||||||
|
.should('exist')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('should not render the eye icon if the input is not of type "password"', () => {
|
||||||
|
cy.mount(<Input type='text' label='content' />)
|
||||||
|
.get('[data-cy=password-eye]')
|
||||||
|
.should('not.exist')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('should handlePassword with eye icon', async () => {
|
||||||
|
cy.mount(<Input type='password' label='content' />)
|
||||||
|
.get('input')
|
||||||
|
.should('have.attr', 'type', 'password')
|
||||||
|
.get('[data-cy=password-eye]')
|
||||||
|
.click()
|
||||||
|
.get('input')
|
||||||
|
.should('have.attr', 'type', 'text')
|
||||||
|
})
|
||||||
|
|
||||||
|
describe('getInputType', () => {
|
||||||
|
it('should return `text`', () => {
|
||||||
|
expect(getInputType('password')).equal('text')
|
||||||
|
})
|
||||||
|
|
||||||
|
it('should return `password`', () => {
|
||||||
|
expect(getInputType('text')).equal('password')
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
@ -1,6 +1,6 @@
|
|||||||
import type { ErrorObject } from 'ajv'
|
import type { ErrorObject } from 'ajv'
|
||||||
|
|
||||||
import { getErrorTranslationKey } from './getErrorTranslationKey'
|
import { getErrorTranslationKey } from '../../../../hooks/useForm/getErrorTranslationKey'
|
||||||
|
|
||||||
const errorObject: ErrorObject = {
|
const errorObject: ErrorObject = {
|
||||||
instancePath: '/path',
|
instancePath: '/path',
|
||||||
@ -16,7 +16,7 @@ describe('hooks/useForm/getErrorTranslationKey', () => {
|
|||||||
...errorObject,
|
...errorObject,
|
||||||
keyword: 'unknownkeyword'
|
keyword: 'unknownkeyword'
|
||||||
})
|
})
|
||||||
).toEqual('errors:invalid')
|
).equal('errors:invalid')
|
||||||
})
|
})
|
||||||
|
|
||||||
it('returns `errors:invalid` with format != email', () => {
|
it('returns `errors:invalid` with format != email', () => {
|
||||||
@ -26,7 +26,7 @@ describe('hooks/useForm/getErrorTranslationKey', () => {
|
|||||||
keyword: 'format',
|
keyword: 'format',
|
||||||
params: { format: 'email' }
|
params: { format: 'email' }
|
||||||
})
|
})
|
||||||
).toEqual('errors:email')
|
).equal('errors:email')
|
||||||
})
|
})
|
||||||
|
|
||||||
it('returns `errors:email` with format = email', () => {
|
it('returns `errors:email` with format = email', () => {
|
||||||
@ -36,7 +36,7 @@ describe('hooks/useForm/getErrorTranslationKey', () => {
|
|||||||
keyword: 'format',
|
keyword: 'format',
|
||||||
params: { format: 'email' }
|
params: { format: 'email' }
|
||||||
})
|
})
|
||||||
).toEqual('errors:email')
|
).equal('errors:email')
|
||||||
})
|
})
|
||||||
|
|
||||||
it('returns `errors:required` with minLength and limit = 1', () => {
|
it('returns `errors:required` with minLength and limit = 1', () => {
|
||||||
@ -46,7 +46,7 @@ describe('hooks/useForm/getErrorTranslationKey', () => {
|
|||||||
keyword: 'minLength',
|
keyword: 'minLength',
|
||||||
params: { limit: 1 }
|
params: { limit: 1 }
|
||||||
})
|
})
|
||||||
).toEqual('errors:required')
|
).equal('errors:required')
|
||||||
})
|
})
|
||||||
|
|
||||||
it('returns `errors:minLength` with minLength and limit > 1', () => {
|
it('returns `errors:minLength` with minLength and limit > 1', () => {
|
||||||
@ -56,7 +56,7 @@ describe('hooks/useForm/getErrorTranslationKey', () => {
|
|||||||
keyword: 'minLength',
|
keyword: 'minLength',
|
||||||
params: { limit: 5 }
|
params: { limit: 5 }
|
||||||
})
|
})
|
||||||
).toEqual('errors:minLength')
|
).equal('errors:minLength')
|
||||||
})
|
})
|
||||||
|
|
||||||
it('returns `errors:maxLength` with maxLength', () => {
|
it('returns `errors:maxLength` with maxLength', () => {
|
||||||
@ -66,6 +66,6 @@ describe('hooks/useForm/getErrorTranslationKey', () => {
|
|||||||
keyword: 'maxLength',
|
keyword: 'maxLength',
|
||||||
params: { limit: 5 }
|
params: { limit: 5 }
|
||||||
})
|
})
|
||||||
).toEqual('errors:maxLength')
|
).equal('errors:maxLength')
|
||||||
})
|
})
|
||||||
})
|
})
|
@ -1,6 +1,6 @@
|
|||||||
import { Type } from '@sinclair/typebox'
|
import { Type } from '@sinclair/typebox'
|
||||||
|
|
||||||
import { handleCheckboxBoolean } from './handleCheckboxBoolean'
|
import { handleCheckboxBoolean } from '../../../../hooks/useForm/handleCheckboxBoolean'
|
||||||
|
|
||||||
const schema = Type.Object({
|
const schema = Type.Object({
|
||||||
myBoolean: Type.Boolean(),
|
myBoolean: Type.Boolean(),
|
||||||
@ -14,7 +14,7 @@ describe('hooks/useForm/handleCheckboxBoolean', () => {
|
|||||||
myString: 'on'
|
myString: 'on'
|
||||||
}
|
}
|
||||||
const result = handleCheckboxBoolean(object, schema)
|
const result = handleCheckboxBoolean(object, schema)
|
||||||
expect(result).toEqual({
|
expect(result).deep.equal({
|
||||||
myBoolean: true,
|
myBoolean: true,
|
||||||
myString: 'on'
|
myString: 'on'
|
||||||
})
|
})
|
@ -1,6 +1,6 @@
|
|||||||
import { replaceEmptyStringInObjectToNull } from './replaceEmptyStringInObjectToNull'
|
import { replaceEmptyStringInObjectToNull } from '../../../../hooks/useForm/replaceEmptyStringInObjectToNull'
|
||||||
|
|
||||||
describe('tools/utils/replaceEmptyStringInObjectToNull', () => {
|
describe('hooks/useForm/replaceEmptyStringInObjectToNull', () => {
|
||||||
it('should replace empty string in object to null except for required properties', () => {
|
it('should replace empty string in object to null except for required properties', () => {
|
||||||
expect(
|
expect(
|
||||||
replaceEmptyStringInObjectToNull(
|
replaceEmptyStringInObjectToNull(
|
||||||
@ -11,7 +11,7 @@ describe('tools/utils/replaceEmptyStringInObjectToNull', () => {
|
|||||||
},
|
},
|
||||||
['baz']
|
['baz']
|
||||||
)
|
)
|
||||||
).toEqual({
|
).deep.equal({
|
||||||
foo: null,
|
foo: null,
|
||||||
bar: 'bar',
|
bar: 'bar',
|
||||||
baz: ''
|
baz: ''
|
10
cypress/component/tools/utils/capitalize.cy.ts
Normal file
10
cypress/component/tools/utils/capitalize.cy.ts
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
import { capitalize } from '../../../../tools/utils/capitalize'
|
||||||
|
|
||||||
|
describe('tools/utils/capitalize', () => {
|
||||||
|
it('should capitalize the first letter of a string', () => {
|
||||||
|
expect(capitalize('hello')).equal('Hello')
|
||||||
|
expect(capitalize('HeLlo')).equal('HeLlo')
|
||||||
|
expect(capitalize('member(s)')).equal('Member(s)')
|
||||||
|
expect(capitalize('Member(s)')).equal('Member(s)')
|
||||||
|
})
|
||||||
|
})
|
@ -49,3 +49,5 @@ describe('Common > Header', () => {
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -45,3 +45,5 @@ describe('Common > application/authentication', () => {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -7,3 +7,5 @@ describe('Page > /404', () => {
|
|||||||
cy.get('[data-cy=status-code]').contains('404')
|
cy.get('[data-cy=status-code]').contains('404')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -7,3 +7,5 @@ describe('Page > /500', () => {
|
|||||||
cy.get('[data-cy=status-code]').contains('500')
|
cy.get('[data-cy=status-code]').contains('500')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -267,3 +267,5 @@ describe('Pages > /application/[guildId]/[channelId]', () => {
|
|||||||
.should('eq', '/404')
|
.should('eq', '/404')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -132,3 +132,5 @@ describe('Pages > /application/[guildId]/[channelId]/settings', () => {
|
|||||||
.should('eq', '/404')
|
.should('eq', '/404')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -72,3 +72,5 @@ describe('Pages > /application/[guildId]/channels/create', () => {
|
|||||||
.should('eq', '/404')
|
.should('eq', '/404')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -102,3 +102,5 @@ describe('Pages > /application/[guildId]/settings', () => {
|
|||||||
.should('eq', '/404')
|
.should('eq', '/404')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -42,3 +42,5 @@ describe('Pages > /application/guilds/create', () => {
|
|||||||
cy.get('#message').should('have.text', 'Error: Internal Server Error.')
|
cy.get('#message').should('have.text', 'Error: Internal Server Error.')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -75,6 +75,8 @@ describe('Pages > /application/guilds/join', () => {
|
|||||||
)
|
)
|
||||||
cy.visit('/application/guilds/join')
|
cy.visit('/application/guilds/join')
|
||||||
cy.get('.guilds-public-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')
|
cy.get('[data-cy=progress-spinner]').should('be.visible')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -30,3 +30,5 @@ describe('Pages > /application', () => {
|
|||||||
.should('eq', '/application/guilds/join')
|
.should('eq', '/application/guilds/join')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -33,3 +33,5 @@ describe('Pages > /application/users/[userId]', () => {
|
|||||||
.should('eq', '/404')
|
.should('eq', '/404')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -35,3 +35,5 @@ describe('Pages > /authentication/forgot-password', () => {
|
|||||||
)
|
)
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -46,3 +46,5 @@ describe('Pages > /authentication/reset-password', () => {
|
|||||||
)
|
)
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -53,3 +53,5 @@ describe('Pages > /authentication/signin', () => {
|
|||||||
cy.get('#error-password').should('not.exist')
|
cy.get('#error-password').should('not.exist')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -83,3 +83,5 @@ describe('Pages > /authentication/signup', () => {
|
|||||||
)
|
)
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -10,3 +10,5 @@ describe('Page > /', () => {
|
|||||||
.should('eq', '/authentication/signup')
|
.should('eq', '/authentication/signup')
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
export {}
|
@ -1,66 +0,0 @@
|
|||||||
import path from 'node:path'
|
|
||||||
|
|
||||||
import { getLocal } from 'mockttp'
|
|
||||||
|
|
||||||
import { API_DEFAULT_PORT } from '../../tools/api'
|
|
||||||
|
|
||||||
/// <reference types="cypress" />
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @typedef {import('../fixtures/handler').Method} Method
|
|
||||||
*/
|
|
||||||
|
|
||||||
/** @type {import('mockttp').Mockttp | null} */
|
|
||||||
let server = null
|
|
||||||
|
|
||||||
const UPLOADS_FIXTURES_DIRECTORY = path.join(
|
|
||||||
process.cwd(),
|
|
||||||
'cypress',
|
|
||||||
'fixtures',
|
|
||||||
'uploads'
|
|
||||||
)
|
|
||||||
|
|
||||||
/**
|
|
||||||
* @type {Cypress.PluginConfig}
|
|
||||||
*/
|
|
||||||
module.exports = (on, config) => {
|
|
||||||
on('task', {
|
|
||||||
/**
|
|
||||||
* @param {import('../fixtures/handler').Handlers} handlers
|
|
||||||
*/
|
|
||||||
async startMockServer(handlers) {
|
|
||||||
server = getLocal({
|
|
||||||
cors: true
|
|
||||||
})
|
|
||||||
await server.start(API_DEFAULT_PORT)
|
|
||||||
for (const handler of handlers) {
|
|
||||||
const { isFile = false } = handler.response
|
|
||||||
const method = /** @type {Lowercase<Method>} */ (
|
|
||||||
handler.method.toLowerCase()
|
|
||||||
)
|
|
||||||
if (isFile) {
|
|
||||||
await server[method](handler.url).thenFromFile(
|
|
||||||
handler.response.statusCode,
|
|
||||||
path.join(UPLOADS_FIXTURES_DIRECTORY, ...handler.response.body)
|
|
||||||
)
|
|
||||||
} else {
|
|
||||||
await server[method](handler.url).thenJson(
|
|
||||||
handler.response.statusCode,
|
|
||||||
handler.response.body
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return null
|
|
||||||
},
|
|
||||||
|
|
||||||
async stopMockServer() {
|
|
||||||
if (server != null) {
|
|
||||||
await server.stop()
|
|
||||||
server = null
|
|
||||||
}
|
|
||||||
return null
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
return config
|
|
||||||
}
|
|
3
cypress/support/commands.ts
Normal file
3
cypress/support/commands.ts
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
/// <reference types="cypress" />
|
||||||
|
|
||||||
|
export {}
|
14
cypress/support/component-index.html
Normal file
14
cypress/support/component-index.html
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
|
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
||||||
|
<title>Components App</title>
|
||||||
|
<!-- Used by Next.js to inject CSS. -->
|
||||||
|
<div id="__next_css__DO_NOT_USE__"></div>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div data-cy-root></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
14
cypress/support/component.ts
Normal file
14
cypress/support/component.ts
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
import { mount } from 'cypress/react'
|
||||||
|
|
||||||
|
import './commands'
|
||||||
|
import '../../styles/global.css'
|
||||||
|
|
||||||
|
declare global {
|
||||||
|
namespace Cypress {
|
||||||
|
interface Chainable {
|
||||||
|
mount: typeof mount
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Cypress.Commands.add('mount', mount)
|
@ -1,9 +0,0 @@
|
|||||||
{
|
|
||||||
"extends": "../tsconfig.json",
|
|
||||||
"compilerOptions": {
|
|
||||||
"noEmit": true,
|
|
||||||
"types": ["cypress"],
|
|
||||||
"isolatedModules": false
|
|
||||||
},
|
|
||||||
"include": ["../node_modules/cypress", "./**/*.ts"]
|
|
||||||
}
|
|
@ -1,10 +0,0 @@
|
|||||||
import { render } from '@testing-library/react'
|
|
||||||
|
|
||||||
import { {{ properCase name }} } from './{{ properCase name }}'
|
|
||||||
|
|
||||||
describe('<{{ properCase name }} />', () => {
|
|
||||||
it('should render', () => {
|
|
||||||
const { baseElement } = render(<{{ properCase name }} />)
|
|
||||||
expect(baseElement).toBeTruthy()
|
|
||||||
})
|
|
||||||
})
|
|
@ -17,16 +17,6 @@ exports.componentGenerator = () => {
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
actions: [
|
actions: [
|
||||||
{
|
|
||||||
type: 'add',
|
|
||||||
path: 'components/{{folder}}/{{properCase name}}/{{properCase name}}.stories.tsx',
|
|
||||||
templateFile: 'generators/component/Component.stories.tsx.hbs'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: 'add',
|
|
||||||
path: 'components/{{folder}}/{{properCase name}}/{{properCase name}}.test.tsx',
|
|
||||||
templateFile: 'generators/component/Component.test.tsx.hbs'
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: 'add',
|
type: 'add',
|
||||||
path: 'components/{{folder}}/{{properCase name}}/{{properCase name}}.tsx',
|
path: 'components/{{folder}}/{{properCase name}}/{{properCase name}}.tsx',
|
||||||
|
@ -1,14 +0,0 @@
|
|||||||
const nextJest = require('next/jest')
|
|
||||||
|
|
||||||
const createJestConfig = nextJest()
|
|
||||||
const customJestConfig = {
|
|
||||||
moduleDirectories: ['node_modules', './'],
|
|
||||||
modulePathIgnorePatterns: ['<rootDir>/cypress'],
|
|
||||||
testEnvironment: 'jsdom',
|
|
||||||
setupFilesAfterEnv: [
|
|
||||||
'@testing-library/jest-dom/extend-expect',
|
|
||||||
'@testing-library/react'
|
|
||||||
]
|
|
||||||
}
|
|
||||||
|
|
||||||
module.exports = createJestConfig(customJestConfig)
|
|
@ -1,10 +1,13 @@
|
|||||||
const nextPWA = require('next-pwa')
|
const nextPWA = require('next-pwa')({
|
||||||
|
disable: process.env.NODE_ENV !== 'production',
|
||||||
|
dest: 'public'
|
||||||
|
})
|
||||||
const nextTranslate = require('next-translate')
|
const nextTranslate = require('next-translate')
|
||||||
const { createSecureHeaders } = require('next-secure-headers')
|
|
||||||
|
|
||||||
/** @type {import("next").NextConfig} */
|
/** @type {import("next").NextConfig} */
|
||||||
module.exports = nextTranslate(
|
module.exports = nextTranslate(
|
||||||
nextPWA({
|
nextPWA({
|
||||||
|
reactStrictMode: true,
|
||||||
images: {
|
images: {
|
||||||
domains: [
|
domains: [
|
||||||
'api.thream.divlo.fr',
|
'api.thream.divlo.fr',
|
||||||
@ -12,38 +15,6 @@ module.exports = nextTranslate(
|
|||||||
'file-uploads-api.thream.divlo.fr',
|
'file-uploads-api.thream.divlo.fr',
|
||||||
...(process.env.NODE_ENV !== 'production' ? ['localhost'] : [])
|
...(process.env.NODE_ENV !== 'production' ? ['localhost'] : [])
|
||||||
]
|
]
|
||||||
},
|
|
||||||
reactStrictMode: true,
|
|
||||||
pwa: {
|
|
||||||
disable: process.env.NODE_ENV !== 'production',
|
|
||||||
dest: 'public'
|
|
||||||
},
|
|
||||||
headers() {
|
|
||||||
return [
|
|
||||||
{
|
|
||||||
source: '/:path*',
|
|
||||||
headers: createSecureHeaders({
|
|
||||||
contentSecurityPolicy: {
|
|
||||||
directives: {
|
|
||||||
defaultSrc: ["'self'"],
|
|
||||||
scriptSrc: [
|
|
||||||
"'self'",
|
|
||||||
'data:',
|
|
||||||
"'unsafe-eval'",
|
|
||||||
"'unsafe-inline'"
|
|
||||||
],
|
|
||||||
styleSrc: ["'self'", "'unsafe-inline'"],
|
|
||||||
imgSrc: ['*', 'data:', 'blob:'],
|
|
||||||
mediaSrc: ['*', 'data:', 'blob:'],
|
|
||||||
connectSrc: '*',
|
|
||||||
objectSrc: "'none'",
|
|
||||||
fontSrc: "'self'",
|
|
||||||
baseURI: "'none'"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
)
|
)
|
||||||
|
9581
package-lock.json
generated
9581
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
61
package.json
61
package.json
@ -18,33 +18,33 @@
|
|||||||
"generate": "plop",
|
"generate": "plop",
|
||||||
"lint:commit": "commitlint",
|
"lint:commit": "commitlint",
|
||||||
"lint:editorconfig": "editorconfig-checker",
|
"lint:editorconfig": "editorconfig-checker",
|
||||||
"lint:markdown": "markdownlint \"**/*.md\" --dot --ignore-path \".gitignore\"",
|
"lint:markdown": "markdownlint-cli2",
|
||||||
"lint:typescript": "eslint \"**/*.{js,jsx,ts,tsx}\"",
|
"lint:typescript": "eslint \"**/*.{js,jsx,ts,tsx}\" --ignore-path \".gitignore\"",
|
||||||
"lint:prettier": "prettier \".\" --check",
|
"lint:prettier": "prettier \".\" --check",
|
||||||
"lint:staged": "lint-staged",
|
"lint:staged": "lint-staged",
|
||||||
"test:unit": "jest",
|
"test:unit": "cypress run --component",
|
||||||
"test:html-w3c-validator": "start-server-and-test \"start\" \"http://localhost:3000\" \"html-w3c-validator\"",
|
"test:html-w3c-validator": "start-server-and-test \"start\" \"http://localhost:3000\" \"html-w3c-validator\"",
|
||||||
"test:lighthouse": "lhci autorun",
|
"test:lighthouse": "lhci autorun",
|
||||||
"test:e2e": "start-server-and-test \"start\" \"http://localhost:3000\" \"cypress run\"",
|
"test:e2e": "start-server-and-test \"start\" \"http://localhost:3000\" \"cypress run\"",
|
||||||
"test:e2e:dev": "start-server-and-test \"dev\" \"http://localhost:3000\" \"cypress open\"",
|
"test:dev": "start-server-and-test \"dev\" \"http://localhost:3000\" \"cypress open\"",
|
||||||
"release": "semantic-release",
|
"release": "semantic-release",
|
||||||
"deploy": "vercel",
|
"deploy": "vercel",
|
||||||
"postinstall": "husky install"
|
"postinstall": "husky install"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@fontsource/montserrat": "4.5.11",
|
"@fontsource/montserrat": "4.5.12",
|
||||||
"@fontsource/roboto": "4.5.7",
|
"@fontsource/roboto": "4.5.8",
|
||||||
"@heroicons/react": "1.0.6",
|
"@heroicons/react": "1.0.6",
|
||||||
"@sinclair/typebox": "0.24.18",
|
"@sinclair/typebox": "0.24.28",
|
||||||
"ajv": "8.11.0",
|
"ajv": "8.11.0",
|
||||||
"ajv-formats": "2.1.1",
|
"ajv-formats": "2.1.1",
|
||||||
"axios": "0.26.1",
|
"axios": "0.26.1",
|
||||||
"classnames": "2.3.1",
|
"classnames": "2.3.1",
|
||||||
"date-and-time": "2.4.0",
|
"date-and-time": "2.4.1",
|
||||||
"emoji-mart": "3.0.1",
|
"emoji-mart": "3.0.1",
|
||||||
"katex": "0.16.0",
|
"katex": "0.16.0",
|
||||||
"next": "12.2.2",
|
"next": "12.2.5",
|
||||||
"next-pwa": "5.5.4",
|
"next-pwa": "5.6.0",
|
||||||
"next-themes": "0.2.0",
|
"next-themes": "0.2.0",
|
||||||
"next-translate": "1.5.0",
|
"next-translate": "1.5.0",
|
||||||
"pretty-bytes": "6.0.0",
|
"pretty-bytes": "6.0.0",
|
||||||
@ -65,7 +65,7 @@
|
|||||||
"sharp": "0.30.7",
|
"sharp": "0.30.7",
|
||||||
"socket.io-client": "4.5.1",
|
"socket.io-client": "4.5.1",
|
||||||
"unified": "10.1.2",
|
"unified": "10.1.2",
|
||||||
"unist-util-visit": "4.1.0",
|
"unist-util-visit": "4.1.1",
|
||||||
"universal-cookie": "4.0.4"
|
"universal-cookie": "4.0.4"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
@ -74,46 +74,41 @@
|
|||||||
"@lhci/cli": "0.9.0",
|
"@lhci/cli": "0.9.0",
|
||||||
"@saithodev/semantic-release-backmerge": "2.1.2",
|
"@saithodev/semantic-release-backmerge": "2.1.2",
|
||||||
"@semantic-release/git": "10.0.1",
|
"@semantic-release/git": "10.0.1",
|
||||||
"@testing-library/jest-dom": "5.16.4",
|
|
||||||
"@testing-library/react": "13.3.0",
|
|
||||||
"@types/emoji-mart": "3.0.9",
|
"@types/emoji-mart": "3.0.9",
|
||||||
"@types/hast": "2.3.4",
|
"@types/hast": "2.3.4",
|
||||||
"@types/jest": "28.1.4",
|
|
||||||
"@types/katex": "0.14.0",
|
"@types/katex": "0.14.0",
|
||||||
"@types/node": "18.0.3",
|
"@types/node": "18.7.11",
|
||||||
"@types/react": "18.0.15",
|
"@types/react": "18.0.17",
|
||||||
"@types/react-responsive": "8.0.5",
|
"@types/react-responsive": "8.0.5",
|
||||||
"@types/react-syntax-highlighter": "15.5.3",
|
"@types/react-syntax-highlighter": "15.5.4",
|
||||||
"@types/unist": "2.0.6",
|
"@types/unist": "2.0.6",
|
||||||
"@typescript-eslint/eslint-plugin": "5.30.6",
|
"@typescript-eslint/eslint-plugin": "5.34.0",
|
||||||
"@typescript-eslint/parser": "5.30.6",
|
"@typescript-eslint/parser": "5.34.0",
|
||||||
"autoprefixer": "10.4.7",
|
"autoprefixer": "10.4.8",
|
||||||
"cypress": "9.6.1",
|
"cypress": "10.6.0",
|
||||||
"editorconfig-checker": "4.0.2",
|
"editorconfig-checker": "4.0.2",
|
||||||
"eslint": "8.19.0",
|
"eslint": "8.22.0",
|
||||||
"eslint-config-conventions": "3.0.0",
|
"eslint-config-conventions": "3.0.0",
|
||||||
"eslint-config-next": "12.2.2",
|
"eslint-config-next": "12.2.5",
|
||||||
"eslint-config-prettier": "8.5.0",
|
"eslint-config-prettier": "8.5.0",
|
||||||
"eslint-plugin-import": "2.26.0",
|
"eslint-plugin-import": "2.26.0",
|
||||||
"eslint-plugin-prettier": "4.2.1",
|
"eslint-plugin-prettier": "4.2.1",
|
||||||
"eslint-plugin-promise": "6.0.0",
|
"eslint-plugin-promise": "6.0.0",
|
||||||
"eslint-plugin-unicorn": "43.0.1",
|
"eslint-plugin-unicorn": "43.0.2",
|
||||||
"html-w3c-validator": "1.2.0",
|
"html-w3c-validator": "1.2.0",
|
||||||
"husky": "8.0.1",
|
"husky": "8.0.1",
|
||||||
"jest": "27.5.1",
|
|
||||||
"lint-staged": "13.0.3",
|
"lint-staged": "13.0.3",
|
||||||
"markdownlint-cli": "0.31.1",
|
"markdownlint-cli2": "0.5.1",
|
||||||
"mockttp": "2.7.0",
|
"mockttp": "2.7.0",
|
||||||
"next-secure-headers": "2.2.0",
|
|
||||||
"plop": "3.1.1",
|
"plop": "3.1.1",
|
||||||
"postcss": "8.4.14",
|
"postcss": "8.4.16",
|
||||||
"prettier": "2.7.1",
|
"prettier": "2.7.1",
|
||||||
"prettier-plugin-tailwindcss": "0.1.12",
|
"prettier-plugin-tailwindcss": "0.1.13",
|
||||||
"semantic-release": "19.0.3",
|
"semantic-release": "19.0.5",
|
||||||
"serve": "14.0.0",
|
"serve": "14.0.1",
|
||||||
"start-server-and-test": "1.14.0",
|
"start-server-and-test": "1.14.0",
|
||||||
"tailwindcss": "3.1.6",
|
"tailwindcss": "3.1.8",
|
||||||
"typescript": "4.7.4",
|
"typescript": "4.7.4",
|
||||||
"vercel": "27.0.2"
|
"vercel": "28.1.2"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -12,7 +12,7 @@ import { Input } from '../../components/design/Input'
|
|||||||
import { Button } from '../../components/design/Button'
|
import { Button } from '../../components/design/Button'
|
||||||
import { authenticationFromServerSide } from '../../tools/authentication'
|
import { authenticationFromServerSide } from '../../tools/authentication'
|
||||||
import { AuthenticationForm } from '../../components/Authentication'
|
import { AuthenticationForm } from '../../components/Authentication'
|
||||||
import { ScrollableBody } from '../../components/ScrollableBody/ScrollableBody'
|
import { ScrollableBody } from '../../components/ScrollableBody'
|
||||||
import { HandleSubmitCallback, useForm } from '../../hooks/useForm'
|
import { HandleSubmitCallback, useForm } from '../../hooks/useForm'
|
||||||
import { api } from '../../tools/api'
|
import { api } from '../../tools/api'
|
||||||
import { userSchema } from '../../models/User'
|
import { userSchema } from '../../models/User'
|
||||||
|
@ -1,10 +0,0 @@
|
|||||||
import { capitalize } from '../capitalize'
|
|
||||||
|
|
||||||
describe('tools/utils/capitalize', () => {
|
|
||||||
it('should capitalize the first letter of a string', () => {
|
|
||||||
expect(capitalize('hello')).toEqual('Hello')
|
|
||||||
expect(capitalize('HeLlo')).toEqual('HeLlo')
|
|
||||||
expect(capitalize('member(s)')).toEqual('Member(s)')
|
|
||||||
expect(capitalize('Member(s)')).toEqual('Member(s)')
|
|
||||||
})
|
|
||||||
})
|
|
@ -10,7 +10,7 @@
|
|||||||
"removeComments": true,
|
"removeComments": true,
|
||||||
"noEmit": true,
|
"noEmit": true,
|
||||||
"strict": true,
|
"strict": true,
|
||||||
"types": ["jest", "@testing-library/jest-dom", "@testing-library/react"],
|
"types": ["cypress"],
|
||||||
"esModuleInterop": true,
|
"esModuleInterop": true,
|
||||||
"forceConsistentCasingInFileNames": true,
|
"forceConsistentCasingInFileNames": true,
|
||||||
"lib": ["dom", "dom.iterable", "esnext"],
|
"lib": ["dom", "dom.iterable", "esnext"],
|
||||||
|
Reference in New Issue
Block a user