fix: add name and data-testid attributes for form input fields

This commit is contained in:
张翔
2026-03-05 21:51:50 +08:00
parent 318081a62a
commit 2d6cd79067
2 changed files with 39 additions and 28 deletions
+22 -11
View File
@@ -277,6 +277,8 @@ export default function ContactPage() {
<input type="hidden" name="_csrf" value={csrfToken} />
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
<Input
name="name"
data-testid="name-input"
label="姓名"
id="name"
placeholder="请输入您的姓名"
@@ -287,6 +289,8 @@ export default function ContactPage() {
error={errors.name}
/>
<Input
name="phone"
data-testid="phone-input"
label="电话"
id="phone"
type="tel"
@@ -299,6 +303,8 @@ export default function ContactPage() {
/>
</div>
<Input
name="email"
data-testid="email-input"
label="邮箱"
id="email"
type="email"
@@ -306,32 +312,37 @@ export default function ContactPage() {
required
value={formData.email}
onChange={(e) => handleChange('email', e.target.value)}
onBlur={(e) => handleBlur('email', e.target.value)}
error={errors.email}
/>
onBlur={(e) => handleBlur('email', e.target.value)}
error={errors.email}
/>
<Input
name="subject"
data-testid="subject-input"
label="主题"
id="subject"
placeholder="请输入消息主题"
required
value={formData.subject}
onChange={(e) => handleChange('subject', e.target.value)}
onBlur={(e) => handleBlur('subject', e.target.value)}
error={errors.subject}
/>
onChange={(e) => handleChange('subject', e.target.value)}
onBlur={(e) => handleBlur('subject', e.target.value)}
error={errors.subject}
/>
<Textarea
name="message"
data-testid="message-input"
label="留言内容"
id="message"
placeholder="请输入您想咨询的内容"
rows={5}
required
value={formData.message}
onChange={(e) => handleChange('message', e.target.value)}
onBlur={(e) => handleBlur('message', e.target.value)}
error={errors.message}
/>
onChange={(e) => handleChange('message', e.target.value)}
onBlur={(e) => handleBlur('message', e.target.value)}
error={errors.message}
/>
<Button
type="submit"
data-testid="submit-button"
size="lg"
className="w-full group mt-auto min-h-[52px] md:min-h-0"
disabled={isSubmitting}