Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found
Select Git revision

Target

Select target project
  • web-et-numerique/factory/llle_project/ecolyo
1 result
Select Git revision
Show changes
Hide whitespace changes
Inline Side-by-side
Showing
with 78 additions and 142 deletions
src/components/EcogestureSelection/EcogestureSelectionModal/EcogestureSelectionModal.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import React from 'react'
import EcogestureSelectionModal from './EcogestureSelectionModal'
......@@ -22,11 +22,9 @@ describe('EcogestureInitModal component', () => {
handleCloseClick={mockHandleClose}
/>
)
await act(async () => {
await userEvent.click(
screen.getByText('ecogesture_selection.selectionModal.button_close')
)
})
await userEvent.click(
screen.getByText('ecogesture_selection.selectionModal.button_close')
)
expect(mockHandleClose).toHaveBeenCalledTimes(1)
})
})
src/components/EcogestureSelection/EcogestureSelectionRestart/EcogestureSelectionRestart.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import React from 'react'
import EcogestureSelectionRestart from './EcogestureSelectionRestart'
......@@ -20,21 +20,17 @@ describe('EcogestureSelectionRestart component', () => {
it('should call go to the ecogesture view when user click on the button', async () => {
render(<EcogestureSelectionRestart listLength={10} restart={mockRestart} />)
await act(async () => {
await userEvent.click(
screen.getByText('ecogesture_selection.button_go_to_ecogesture')
)
})
await userEvent.click(
screen.getByText('ecogesture_selection.button_go_to_ecogesture')
)
expect(mockedNavigate).toHaveBeenCalledWith('/ecogestures?tab=0')
})
it('should call the restart when user click on the button', async () => {
render(<EcogestureSelectionRestart listLength={10} restart={mockRestart} />)
await act(async () => {
await userEvent.click(
screen.getByText('ecogesture_selection.button_continue')
)
})
await userEvent.click(
screen.getByText('ecogesture_selection.button_continue')
)
expect(mockRestart).toHaveBeenCalledTimes(1)
})
})
src/components/Exploration/ExplorationFinished.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import React from 'react'
import { Provider } from 'react-redux'
......@@ -26,9 +26,7 @@ describe('ExplorationFinished', () => {
expect(
screen.getByText(userChallengeData[0].exploration.message_success)
).toBeInTheDocument()
await act(async () => {
await userEvent.click(screen.getByText('exploration.button_confirm'))
})
await userEvent.click(screen.getByText('exploration.button_confirm'))
expect(mockNavigate).toHaveBeenCalledWith(-1)
})
})
src/components/Feedback/FeedbackModal.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import FeedbackModal from 'components/Feedback/FeedbackModal'
import React from 'react'
......@@ -40,9 +40,7 @@ describe('FeedbackModal component', () => {
<FeedbackModal />
</Provider>
)
await act(async () => {
await userEvent.click(screen.getByText('feedback.lets_go'))
})
await userEvent.click(screen.getByText('feedback.lets_go'))
expect(window.open).toHaveBeenCalledTimes(1)
expect(global.open).toHaveBeenCalledWith(`${__SAU_LINK__}?version=0.0.0`)
})
......
src/components/FluidChart/TimeStepSelector/TimeStepSelector.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import { userEvent } from '@testing-library/user-event'
import TimeStepSelector from 'components/FluidChart/TimeStepSelector/TimeStepSelector'
import { FluidType, TimeStep } from 'enums'
......@@ -69,9 +69,7 @@ describe('TimeStepSelector component', () => {
<TimeStepSelector fluidType={FluidType.WATER} />
</Provider>
)
await act(async () => {
await userEvent.click(screen.getAllByRole('listitem')[2])
})
await userEvent.click(screen.getAllByRole('listitem')[2])
expect(setCurrentTimeStepSpy).toHaveBeenCalledTimes(1)
expect(setCurrentTimeStepSpy).toHaveBeenCalledWith(TimeStep.DAY)
expect(setCurrentIndexSpy).toHaveBeenCalledTimes(1)
......@@ -91,9 +89,7 @@ describe('TimeStepSelector component', () => {
<TimeStepSelector fluidType={FluidType.WATER} />
</Provider>
)
await act(async () => {
await userEvent.click(screen.getByText('timestep.today'))
})
await userEvent.click(screen.getByText('timestep.today'))
expect(setCurrentTimeStepSpy).toHaveBeenCalledTimes(1)
expect(setCurrentTimeStepSpy).toHaveBeenCalledWith(TimeStep.WEEK)
expect(setCurrentIndexSpy).toHaveBeenCalledTimes(1)
......
src/components/Header/CozyBar.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import { userEvent } from '@testing-library/user-event'
import CozyBar from 'components/Header/CozyBar'
import { ScreenType } from 'enums'
......@@ -44,11 +44,9 @@ describe('CozyBar component', () => {
</Provider>
)
expect(container).toMatchSnapshot()
await act(async () => {
await userEvent.click(
screen.getByLabelText('header.accessibility.button_back')
)
})
await userEvent.click(
screen.getByLabelText('header.accessibility.button_back')
)
expect(mockedNavigate).toHaveBeenCalled()
})
......@@ -60,11 +58,9 @@ describe('CozyBar component', () => {
</Provider>
)
expect(container).toMatchSnapshot()
await act(async () => {
await userEvent.click(
screen.getByLabelText('header.accessibility.button_back')
)
})
await userEvent.click(
screen.getByLabelText('header.accessibility.button_back')
)
expect(mockBackFunction).toHaveBeenCalled()
})
})
......@@ -76,11 +72,9 @@ describe('CozyBar component', () => {
</Provider>
)
const updateModalSpy = jest.spyOn(ModalAction, 'openFeedbackModal')
await act(async () => {
await userEvent.click(
screen.getByLabelText('header.accessibility.button_open_feedbacks')
)
})
await userEvent.click(
screen.getByLabelText('header.accessibility.button_open_feedbacks')
)
expect(updateModalSpy).toHaveBeenCalledWith(true)
})
......
src/components/Header/Header.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import Header from 'components/Header/Header'
import { ScreenType } from 'enums'
......@@ -54,12 +54,12 @@ describe('Header component', () => {
})
it('should not display desktop title text when desktopTitleKey not provided', () => {
const { queryByText } = render(
render(
<Provider store={desktopStore}>
<Header desktopTitleKey="" />
</Provider>
)
expect(queryByText(/.+/)).not.toBeInTheDocument()
expect(screen.queryByText(/.+/)).not.toBeInTheDocument()
})
it('should display title and back button when desktopTitle key provided and displayBackArrow is true', () => {
......@@ -95,11 +95,9 @@ describe('Header component', () => {
<Header desktopTitleKey="KEY" displayBackArrow={true} />
</Provider>
)
await act(async () => {
await userEvent.click(
screen.getByLabelText('header.accessibility.button_back')
)
})
await userEvent.click(
screen.getByLabelText('header.accessibility.button_back')
)
expect(mockedNavigate).toHaveBeenCalled()
})
......@@ -114,11 +112,9 @@ describe('Header component', () => {
/>
</Provider>
)
await act(async () => {
await userEvent.click(
screen.getByLabelText('header.accessibility.button_back')
)
})
await userEvent.click(
screen.getByLabelText('header.accessibility.button_back')
)
expect(mockBack).toHaveBeenCalled()
})
})
......@@ -130,11 +126,9 @@ describe('Header component', () => {
</Provider>
)
const updateModalSpy = jest.spyOn(ModalAction, 'openFeedbackModal')
await act(async () => {
await userEvent.click(
screen.getByLabelText('header.accessibility.button_open_feedbacks')
)
})
await userEvent.click(
screen.getByLabelText('header.accessibility.button_open_feedbacks')
)
expect(updateModalSpy).toHaveBeenCalledWith(true)
})
})
src/components/Konnector/ConnectionNotFound/ConnectionNotFound.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import { userEvent } from '@testing-library/user-event'
import React from 'react'
import ConnectionNotFound from './ConnectionNotFound'
......@@ -16,9 +16,7 @@ describe('ConnectionNotFound component test', () => {
it('should open konnector url when button is clicked', async () => {
global.open = jest.fn()
render(<ConnectionNotFound konnectorSlug={konnectorSlug} />)
await act(async () => {
await userEvent.click(screen.getByText('konnector_form.button_install'))
})
await userEvent.click(screen.getByText('konnector_form.button_install'))
expect(global.open).toHaveBeenCalledWith(
'http://localhost/#/discover/enedissgegrandlyon',
'_blank'
......
src/components/Konnector/KonnectorModal.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import { FluidType, KonnectorError } from 'enums'
import React from 'react'
......@@ -64,9 +64,7 @@ describe('KonnectorModal component', () => {
/>
</Provider>
)
await act(async () => {
await userEvent.click(screen.getByText('konnector_modal.button_validate'))
})
await userEvent.click(screen.getByText('konnector_modal.button_validate'))
expect(mockHandleCloseClick).toHaveBeenCalled()
})
it('should render login error', () => {
......
src/components/Konnector/KonnectorModalFooter.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import { ERROR_EVENT } from 'cozy-harvest-lib/dist/models/flowEvents'
import { KonnectorError } from 'enums'
......@@ -105,9 +105,7 @@ describe('KonnectorModalFooter component', () => {
/>
</Provider>
)
await act(async () => {
await userEvent.click(screen.getByText('konnector_modal.button_go'))
})
await userEvent.click(screen.getByText('konnector_modal.button_go'))
expect(mockDelete).toHaveBeenCalled()
expect(mockedNavigate).toHaveBeenCalledTimes(1)
})
......@@ -124,9 +122,7 @@ describe('KonnectorModalFooter component', () => {
/>
</Provider>
)
await act(async () => {
await userEvent.click(screen.getByText('konnector_modal.button_go'))
})
await userEvent.click(screen.getByText('konnector_modal.button_go'))
expect(mockDelete).toHaveBeenCalled()
expect(mockedNavigate).toHaveBeenCalledTimes(1)
})
......@@ -143,11 +139,7 @@ describe('KonnectorModalFooter component', () => {
/>
</Provider>
)
await act(async () => {
await userEvent.click(
screen.getByText('konnector_modal.button_check_info')
)
})
await userEvent.click(screen.getByText('konnector_modal.button_check_info'))
expect(mockedNavigate).toHaveBeenCalledTimes(1)
expect(mockDelete).toHaveBeenCalledTimes(0)
})
......
src/components/Konnector/KonnectorViewerList.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import React from 'react'
import { Provider } from 'react-redux'
......@@ -28,11 +28,9 @@ describe('KonnectorViewerList component', () => {
<KonnectorViewerList />
</Provider>
)
await act(async () => {
await userEvent.click(
screen.getByText('konnector_options.label_connect_to_electricity')
)
})
await userEvent.click(
screen.getByText('konnector_options.label_connect_to_electricity')
)
expect(mockedNavigate).toHaveBeenCalled()
})
})
src/components/Options/ExportData/Modals/exportDoneModal.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import React from 'react'
import ExportDoneModal from './exportDoneModal'
......@@ -27,9 +27,7 @@ describe('exportDoneModal component', () => {
handleCloseClick={mockHandleClose}
/>
)
await act(async () => {
await userEvent.click(screen.getByText('export.modal_done.button_close'))
})
await userEvent.click(screen.getByText('export.modal_done.button_close'))
expect(mockHandleClose).toHaveBeenCalledTimes(1)
})
})
src/components/Options/ExportData/Modals/exportLoadingModal.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import { userEvent } from '@testing-library/user-event'
import React from 'react'
import { allFluids } from 'utils/utils'
......@@ -27,11 +27,9 @@ describe('ExportLoadingModal component', () => {
selectedFluids={allFluids}
/>
)
await act(async () => {
await userEvent.click(
screen.getByText('export.modal_loading.button_cancel')
)
})
await userEvent.click(
screen.getByText('export.modal_loading.button_cancel')
)
expect(mockHandleClose).toHaveBeenCalledTimes(1)
})
})
src/components/Options/ExportData/Modals/exportStartModal.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import React from 'react'
import ExportStartModal from './exportStartModal'
......@@ -24,11 +24,7 @@ describe('exportStartModal component', () => {
handleDownloadClick={jest.fn()}
/>
)
await act(async () => {
await userEvent.click(
screen.getByText('export.modal_start.button_cancel')
)
})
await userEvent.click(screen.getByText('export.modal_start.button_cancel'))
expect(mockHandleClose).toHaveBeenCalledTimes(1)
})
})
src/components/Options/ProfileTypeOptions/ProfileTypeOptions.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import { userEvent } from '@testing-library/user-event'
import ProfileTypeOptions from 'components/Options/ProfileTypeOptions/ProfileTypeOptions'
import {
......@@ -31,9 +31,7 @@ describe('ProfileTypeOptions component', () => {
</Provider>
)
expect(container.getElementsByClassName('profile-icon').length).toBeTruthy()
await act(async () => {
await userEvent.click(screen.getByText('profile_type.read_profile'))
})
await userEvent.click(screen.getByText('profile_type.read_profile'))
expect(mockedNavigate).toHaveBeenCalled()
})
it('should be rendered when user complete profile type form', () => {
......
src/components/Options/ReportOptions/ReportOptions.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import { userEvent } from '@testing-library/user-event'
import ReportOptions from 'components/Options/ReportOptions/ReportOptions'
import React from 'react'
......@@ -41,9 +41,7 @@ describe('ReportOptions component', () => {
<ReportOptions />
</Provider>
)
await act(async () => {
await userEvent.click(screen.getAllByRole('checkbox')[0])
})
await userEvent.click(screen.getAllByRole('checkbox')[0])
expect(updateProfileSpy).toHaveBeenCalledTimes(1)
expect(updateProfileSpy).toHaveBeenCalledWith({
sendAnalysisNotification: false,
......@@ -59,9 +57,7 @@ describe('ReportOptions component', () => {
<ReportOptions />
</Provider>
)
await act(async () => {
await userEvent.click(screen.getAllByRole('checkbox')[0])
})
await userEvent.click(screen.getAllByRole('checkbox')[0])
expect(updateProfileSpy).toHaveBeenCalledTimes(1)
expect(updateProfileSpy).toHaveBeenCalledWith({
sendAnalysisNotification: true,
......@@ -80,9 +76,7 @@ describe('ReportOptions component', () => {
</Provider>
)
expect(screen.getAllByRole('checkbox')[1]).not.toBeChecked()
await act(async () => {
await userEvent.click(screen.getAllByRole('checkbox')[1])
})
await userEvent.click(screen.getAllByRole('checkbox')[1])
expect(updateProfileSpy).toHaveBeenCalledTimes(1)
expect(updateProfileSpy).toHaveBeenCalledWith({
sendConsumptionAlert: true,
......
src/components/Options/Unsubscribe/Unsubscribe.spec.tsx
View file @ 5f3901d0
import { act, render, screen, waitFor } from '@testing-library/react'
import { render, screen, waitFor } from '@testing-library/react'
import { userEvent } from '@testing-library/user-event'
import React from 'react'
import Unsubscribe from './Unsubscribe'
......@@ -20,9 +20,7 @@ describe('Unsubscribe component', () => {
it('should click the subscribe button', async () => {
const { container } = render(<Unsubscribe />)
await waitFor(() => null, { container })
await act(async () => {
await userEvent.click(screen.getByText('unsubscribe.button_subscribe'))
})
await userEvent.click(screen.getByText('unsubscribe.button_subscribe'))
expect(mockUpdateProfile).toHaveBeenCalled()
// then should only display one button
......
src/components/PartnerIssue/PartnerIssueModal.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import { userEvent } from '@testing-library/user-event'
import { FluidType } from 'enums'
import React from 'react'
......@@ -49,11 +49,9 @@ describe('PartnerIssueModal component', () => {
issuedFluid={FluidType.ELECTRICITY}
/>
)
await act(async () => {
await userEvent.click(
screen.getByText('consumption.partner_issue_modal.ok')
)
})
await userEvent.click(
screen.getByText('consumption.partner_issue_modal.ok')
)
expect(mockHandleClose).toHaveBeenCalled()
})
......
src/components/ProfileType/ProfileTypeFinished/ProfileTypeFinished.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import React from 'react'
import { Provider } from 'react-redux'
......@@ -45,11 +45,9 @@ describe('ProfileTypeFinished component', () => {
<ProfileTypeFinished profileType={mockProfileType} />
</Provider>
)
await act(async () => {
await userEvent.click(
screen.getByLabelText('profile_type.accessibility.button_validate')
)
})
await userEvent.click(
screen.getByLabelText('profile_type.accessibility.button_validate')
)
expect(mockedNavigate).toHaveBeenCalledWith('/ecogesture-selection')
})
})
src/components/Quiz/QuizBegin/QuizBegin.spec.tsx
View file @ 5f3901d0
import { act, render, screen } from '@testing-library/react'
import { render, screen } from '@testing-library/react'
import { userEvent } from '@testing-library/user-event'
import { UserChallengeUpdateFlag } from 'enums'
import React from 'react'
......@@ -24,9 +24,7 @@ describe('QuizBegin component', () => {
</Provider>
)
expect(container.getElementsByClassName('quiz-icon')[0]).toBeInTheDocument()
await act(async () => {
await userEvent.click(screen.getByText('duel.button_start'))
})
await userEvent.click(screen.getByText('duel.button_start'))
expect(mockUserChallengeUpdateFlag).toHaveBeenCalledWith(
userChallengeData[0],
UserChallengeUpdateFlag.QUIZ_START
......