bede/tfm_ainventory
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test: add data-testid attributes to login page for E2E tests

Browse Source
This commit is contained in:
Daniel Bedeleanu
2026-04-19 09:51:43 +03:00
parent 6b5e7adde2
commit 28c55f86ce
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/app/login/page.tsx
View File

@@ -79,7 +79,7 @@ export default function LoginPage() {
if (!mounted) return null; if (!mounted) return null;
return ( return (
<div className="min-h-screen bg-background flex items-center justify-center p-4"> <div data-testid="identity-check-overlay" className="min-h-screen bg-background flex items-center justify-center p-4">
<Toaster position="top-center" /> <Toaster position="top-center" />
<div className="bg-surface border border-slate-800 rounded-3xl p-8 max-w-sm w-full shadow-2xl space-y-8 animate-in fade-in zoom-in duration-500"> <div className="bg-surface border border-slate-800 rounded-3xl p-8 max-w-sm w-full shadow-2xl space-y-8 animate-in fade-in zoom-in duration-500">
@@ -91,7 +91,7 @@ export default function LoginPage() {
<p className="text-muted text-sm">Select operator profile or use direct login</p> <p className="text-muted text-sm">Select operator profile or use direct login</p>
</div> </div>
<div className="grid gap-3"> <div data-testid="user-list" className="grid gap-3">
{!selectedUserForLogin && !isEnterprise ? ( {!selectedUserForLogin && !isEnterprise ? (
<> <>
{users.length > 0 ? ( {users.length > 0 ? (
@@ -99,6 +99,7 @@ export default function LoginPage() {
{users.map(user => ( {users.map(user => (
<button <button
key={user.id} key={user.id}
data-testid="user-list-item"
onClick={() => handleSelectUser(user)} onClick={() => handleSelectUser(user)}
className="bg-slate-800/50 hover:bg-slate-800 border border-slate-800 hover:border-primary/40 p-4 rounded-2xl text-left transition-all group flex items-center justify-between" className="bg-slate-800/50 hover:bg-slate-800 border border-slate-800 hover:border-primary/40 p-4 rounded-2xl text-left transition-all group flex items-center justify-between"
> >
@@ -123,6 +124,7 @@ export default function LoginPage() {
<div className="pt-2 grid grid-cols-2 gap-3"> <div className="pt-2 grid grid-cols-2 gap-3">
<button <button
data-testid="local-login-tab"
onClick={() => setIsEnterprise(true)} onClick={() => setIsEnterprise(true)}
className="flex items-center justify-center gap-2 py-4 rounded-2xl border border-dashed border-slate-700 text-muted hover:text-white hover:border-slate-500 transition-all font-bold text-xs" className="flex items-center justify-center gap-2 py-4 rounded-2xl border border-dashed border-slate-700 text-muted hover:text-white hover:border-slate-500 transition-all font-bold text-xs"
> >
@@ -159,6 +161,7 @@ export default function LoginPage() {
<User className="absolute left-4 top-1/2 -translate-y-1/2 text-muted" size={16} /> <User className="absolute left-4 top-1/2 -translate-y-1/2 text-muted" size={16} />
<input <input
ref={enterpriseUserRef} ref={enterpriseUserRef}
data-testid="username-input"
type="text" type="text"
autoFocus autoFocus
className="w-full bg-slate-800/50 border border-slate-800 focus:border-primary rounded-2xl py-4 pl-12 pr-4 text-white focus:outline-none transition-all placeholder:text-slate-700 font-mono" className="w-full bg-slate-800/50 border border-slate-800 focus:border-primary rounded-2xl py-4 pl-12 pr-4 text-white focus:outline-none transition-all placeholder:text-slate-700 font-mono"
@@ -173,6 +176,7 @@ export default function LoginPage() {
<Lock className="absolute left-4 top-1/2 -translate-y-1/2 text-muted" size={16} /> <Lock className="absolute left-4 top-1/2 -translate-y-1/2 text-muted" size={16} />
<input <input
ref={enterprisePassRef} ref={enterprisePassRef}
data-testid="password-input"
type="password" type="password"
onKeyDown={(e) => e.key === 'Enter' && handleLogin()} onKeyDown={(e) => e.key === 'Enter' && handleLogin()}
className="w-full bg-slate-800/50 border border-slate-800 focus:border-primary rounded-2xl py-4 pl-12 pr-4 text-white/50 focus:text-white focus:outline-none transition-all placeholder:text-slate-700 font-mono" className="w-full bg-slate-800/50 border border-slate-800 focus:border-primary rounded-2xl py-4 pl-12 pr-4 text-white/50 focus:text-white focus:outline-none transition-all placeholder:text-slate-700 font-mono"
@@ -182,6 +186,7 @@ export default function LoginPage() {
</div> </div>
<button <button
data-testid="login-submit"
onClick={handleLogin} onClick={handleLogin}
className="w-full bg-primary text-white font-black py-4 rounded-2xl shadow-xl shadow-primary/20 active:scale-95 transition-all" className="w-full bg-primary text-white font-black py-4 rounded-2xl shadow-xl shadow-primary/20 active:scale-95 transition-all"
> >
@@ -225,6 +230,7 @@ export default function LoginPage() {
<Lock className="absolute left-4 top-1/2 -translate-y-1/2 text-muted" size={16} /> <Lock className="absolute left-4 top-1/2 -translate-y-1/2 text-muted" size={16} />
<input <input
ref={localPassRef} ref={localPassRef}
data-testid="local-password-input"
type="password" type="password"
autoFocus autoFocus
onKeyDown={(e) => e.key === 'Enter' && handleLogin()} onKeyDown={(e) => e.key === 'Enter' && handleLogin()}
@@ -235,6 +241,7 @@ export default function LoginPage() {
</div> </div>
<button <button
data-testid="local-login-submit"
onClick={handleLogin} onClick={handleLogin}
className="w-full bg-primary text-white font-black py-4 rounded-2xl shadow-xl shadow-primary/20 active:scale-95 transition-all" className="w-full bg-primary text-white font-black py-4 rounded-2xl shadow-xl shadow-primary/20 active:scale-95 transition-all"
> >