Skip to content

Commit af35ec9

Browse files
joshunraujoshunrau
committed
add testids to routes
1 parent fd53ed0 commit af35ec9

File tree

5 files changed

+38
-15
lines changed

5 files changed

+38
-15
lines changed

‎apps/web/src/routes/_app/admin/users/index.tsx‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -231,6 +231,7 @@ const UpdateUserForm: React.FC<{
231231
})
232232
}
233233
]}
234+
data-testid="update-user-form"
234235
initialValues={initialValues}
235236
key={JSON.stringify(initialValues)}
236237
submitBtnLabel={t('core.save')}
@@ -309,6 +310,7 @@ const RouteComponent = () => {
309310
<div className="mb-3 flex gap-3">
310311
<SearchBar
311312
className="grow"
313+
data-testid="admin-users-search"
312314
placeholder={t({
313315
en: 'Search by Username',
314316
fr: "Recherche par nom d'utilisateur"
@@ -345,11 +347,12 @@ const RouteComponent = () => {
345347
}
346348
]}
347349
data={filteredData}
350+
data-testid="admin-users-table"
348351
entriesPerPage={15}
349352
minRows={15}
350353
onEntryClick={setSelectedUser}
351354
/>
352-
<Sheet.Content className="flex flex-col p-0">
355+
<Sheet.Content className="flex flex-col p-0" data-testid="admin-user-edit-sheet">
353356
<Sheet.Header className="px-6 pt-6">
354357
<Sheet.Title>{selectedUser?.username}</Sheet.Title>
355358
<Sheet.Description>

‎apps/web/src/routes/_app/dashboard.tsx‎

Lines changed: 23 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -116,7 +116,7 @@ const RouteComponent = () => {
116116
value={currentGroup.id}
117117
onValueChange={(id) => changeGroup(currentUser!.groups.find((group) => group.id === id)!)!}
118118
>
119-
<Select.Trigger className="w-full md:w-[180px]">
119+
<Select.Trigger className="w-full md:w-[180px]" data-testid="dashboard-group-select">
120120
<Select.Value />
121121
</Select.Trigger>
122122
<Select.Content>
@@ -131,9 +131,9 @@ const RouteComponent = () => {
131131
</Select>
132132
)}
133133
</div>
134-
<div className="body-font">
134+
<div className="body-font" data-testid="dashboard-statistics">
135135
<div className="grid grid-cols-1 gap-6 text-center lg:grid-cols-2 xl:grid-cols-4">
136-
<div className="group transform transition-all duration-300 hover:scale-105">
136+
<div className="group transform transition-all duration-300 hover:scale-105" data-testid="statistic-users">
137137
<StatisticCard
138138
icon={
139139
<UsersIcon className="h-12 w-12 text-blue-600 transition-transform duration-300 group-hover:scale-110 dark:text-blue-400" />
@@ -145,7 +145,10 @@ const RouteComponent = () => {
145145
value={summaryQuery.data.counts.users}
146146
/>
147147
</div>
148-
<div className="group transform transition-all duration-300 hover:scale-105">
148+
<div
149+
className="group transform transition-all duration-300 hover:scale-105"
150+
data-testid="statistic-subjects"
151+
>
149152
<StatisticCard
150153
icon={
151154
<UserIcon className="h-12 w-12 text-emerald-600 transition-transform duration-300 group-hover:scale-110 dark:text-emerald-400" />
@@ -157,7 +160,10 @@ const RouteComponent = () => {
157160
value={summaryQuery.data.counts.subjects}
158161
/>
159162
</div>
160-
<div className="group transform transition-all duration-300 hover:scale-105">
163+
<div
164+
className="group transform transition-all duration-300 hover:scale-105"
165+
data-testid="statistic-instruments"
166+
>
161167
<StatisticCard
162168
icon={
163169
<ClipboardDocumentIcon className="h-12 w-12 text-amber-600 transition-transform duration-300 group-hover:scale-110 dark:text-amber-400" />
@@ -169,7 +175,10 @@ const RouteComponent = () => {
169175
value={summaryQuery.data.counts.instruments}
170176
/>
171177
</div>
172-
<div className="group transform transition-all duration-300 hover:scale-105">
178+
<div
179+
className="group transform transition-all duration-300 hover:scale-105"
180+
data-testid="statistic-records"
181+
>
173182
<StatisticCard
174183
icon={
175184
<DocumentTextIcon className="h-12 w-12 text-purple-600 transition-transform duration-300 group-hover:scale-110 dark:text-purple-400" />
@@ -184,7 +193,10 @@ const RouteComponent = () => {
184193
</div>
185194
</div>
186195
<div className="grid grid-cols-1 gap-8 lg:grid-cols-2">
187-
<div className="group rounded-2xl border border-slate-200/60 bg-white/90 shadow-xl backdrop-blur-sm transition-all duration-300 hover:border-blue-300/60 hover:shadow-2xl dark:border-slate-700/60 dark:bg-slate-800/90 dark:hover:border-blue-600/60">
196+
<div
197+
className="group rounded-2xl border border-slate-200/60 bg-white/90 shadow-xl backdrop-blur-sm transition-all duration-300 hover:border-blue-300/60 hover:shadow-2xl dark:border-slate-700/60 dark:bg-slate-800/90 dark:hover:border-blue-600/60"
198+
data-testid="dashboard-chart-records-sessions"
199+
>
188200
<div className="p-8 pb-4">
189201
<div className="flex items-center gap-4">
190202
<div className="rounded-xl bg-gradient-to-br from-blue-500/20 to-indigo-600/20 p-3 transition-all duration-300 group-hover:from-blue-500/30 group-hover:to-indigo-600/30">
@@ -301,7 +313,10 @@ const RouteComponent = () => {
301313
</ResponsiveContainer>
302314
</div>
303315
</div>
304-
<div className="group rounded-2xl border border-slate-200/60 bg-white/90 shadow-xl backdrop-blur-sm transition-all duration-300 hover:border-amber-300/60 hover:shadow-2xl dark:border-slate-700/60 dark:bg-slate-800/90 dark:hover:border-amber-600/60">
316+
<div
317+
className="group rounded-2xl border border-slate-200/60 bg-white/90 shadow-xl backdrop-blur-sm transition-all duration-300 hover:border-amber-300/60 hover:shadow-2xl dark:border-slate-700/60 dark:bg-slate-800/90 dark:hover:border-amber-600/60"
318+
data-testid="dashboard-chart-subjects-growth"
319+
>
305320
<div className="p-8 pb-4">
306321
<div className="flex items-center gap-4">
307322
<div className="rounded-xl bg-gradient-to-br from-amber-500/20 to-orange-600/20 p-3 transition-all duration-300 group-hover:from-amber-500/30 group-hover:to-orange-600/30">

‎apps/web/src/routes/_app/datahub/index.tsx‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -144,6 +144,7 @@ const RouteComponent = () => {
144144
<Dialog.Trigger className="grow">
145145
<SearchBar
146146
className="[&>input]:text-foreground [&>input]:placeholder-foreground"
147+
data-testid="datahub-subject-lookup-search"
147148
id="subject-lookup-search-bar"
148149
placeholder={t({
149150
en: 'Click to Search',
@@ -152,7 +153,7 @@ const RouteComponent = () => {
152153
readOnly={true}
153154
/>
154155
</Dialog.Trigger>
155-
<Dialog.Content data-spotlight-type="subject-lookup-modal">
156+
<Dialog.Content data-spotlight-type="subject-lookup-modal" data-testid="datahub-subject-lookup-dialog">
156157
<Dialog.Header>
157158
<Dialog.Title>{t('datahub.index.lookup.title')}</Dialog.Title>
158159
</Dialog.Header>
@@ -163,6 +164,7 @@ const RouteComponent = () => {
163164
<ActionDropdown
164165
widthFull
165166
data-spotlight-type="export-data-dropdown"
167+
data-testid="datahub-export-dropdown"
166168
options={['CSV', 'JSON', 'Excel']}
167169
title={t('datahub.index.table.export')}
168170
onSelection={handleExportSelection}

‎apps/web/src/routes/_app/instruments/accessible-instruments.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ const RouteComponent = () => {
1717
const instrumentInfoQuery = useInstrumentInfoQuery();
1818

1919
return (
20-
<React.Fragment>
20+
<div data-testid="accessible-instruments-page">
2121
<PageHeader>
2222
<Heading className="text-center" variant="h2">
2323
{t('instruments.accessible.title')}
@@ -40,7 +40,7 @@ const RouteComponent = () => {
4040
}
4141
}}
4242
/>
43-
</React.Fragment>
43+
</div>
4444
);
4545
};
4646

‎apps/web/src/routes/auth/login.tsx‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -46,18 +46,21 @@ const RouteComponent = () => {
4646
};
4747

4848
return (
49-
<div className="flex min-h-screen w-full flex-col">
49+
<div className="flex min-h-screen w-full flex-col" data-testid="login-page">
5050
{setupStateQuery.data.isDemo && <DemoBanner onLogin={(credentials) => void handleLogin(credentials)} />}
5151
<div className="flex w-full grow flex-col items-center justify-center">
52-
<Card className="sm:bg-card w-full max-w-sm border-none bg-inherit px-2.5 py-1.5 sm:border-solid">
52+
<Card
53+
className="sm:bg-card w-full max-w-sm border-none bg-inherit px-2.5 py-1.5 sm:border-solid"
54+
data-testid="login-card"
55+
>
5356
<Card.Header className="flex items-center justify-center">
5457
<Logo className="m-1.5 h-auto w-16" variant="auto" />
5558
<Heading variant="h2">{t('login')}</Heading>
5659
</Card.Header>
5760
<Card.Content>
5861
<LoginForm onSubmit={(credentials) => void handleLogin(credentials)} />
5962
</Card.Content>
60-
<Card.Footer className="text-muted-foreground flex justify-between">
63+
<Card.Footer className="text-muted-foreground flex justify-between" data-testid="login-footer-toggles">
6164
<LanguageToggle
6265
align="start"
6366
options={{

0 commit comments

Comments
 (0)