novalon/novalon-website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加E2E测试并优化Docker部署配置

Browse Source 
- 新增Playwright E2E测试配置和测试脚本
- 优化Dockerfile和docker-compose.yml配置
- 新增novalon-nginx和novalon-website的docker-compose配置
- 优化contact页面和contact-section组件的代码结构
- 更新多个页面的SEO和元数据配置
- 添加备案图标资源
- 修复ESLint错误：转义引号、添加ESLint禁用注释、移除未使用变量

测试覆盖: 新增website-acceptance.spec.ts E2E测试
This commit is contained in:
张翔
2026-03-27 12:39:30 +08:00
parent 7a38eae6e0
commit df8043c0df
18 changed files with 468 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/sections/contact-section.tsx
+9 -9
View File
@@ -196,7 +196,7 @@ export function ContactSection() {
`}
>
<div className="flex items-center gap-3 mb-4">
<div className="w-8 h-px bg-gradient-to-r from-[#1C1C1C] to-[#C41E3A]" />
<div className="w-8 h-px bg-linear-to-r from-[#1C1C1C] to-[#C41E3A]" />
<span className="text-sm text-[#5C5C5C] tracking-wide">联系我们</span>
</div>
<h2 id="contact-heading" className="text-4xl md:text-5xl font-bold text-[#1C1C1C] mb-4">
@@ -219,7 +219,7 @@ export function ContactSection() {
<h3 className="text-lg font-semibold text-[#1C1C1C] mb-6">联系方式</h3>
<div className="space-y-4">
<div className="flex items-start gap-4 group">
<div className="w-10 h-10 bg-[#C41E3A] rounded-md flex items-center justify-center flex-shrink-0 transition-transform duration-200 group-hover:scale-105">
<div className="w-10 h-10 bg-[#C41E3A] rounded-md flex items-center justify-center shrink-0 transition-transform duration-200 group-hover:scale-105">
<Mail className="w-5 h-5 text-white" />
</div>
<div>
@@ -231,7 +231,7 @@ export function ContactSection() {
</div>
<div className="flex items-start gap-4 group">
<div className="w-10 h-10 bg-[#C41E3A] rounded-md flex items-center justify-center flex-shrink-0 transition-transform duration-200 group-hover:scale-105">
<div className="w-10 h-10 bg-[#C41E3A] rounded-md flex items-center justify-center shrink-0 transition-transform duration-200 group-hover:scale-105">
<MapPin className="w-5 h-5 text-white" />
</div>
<div>
@@ -262,15 +262,15 @@ export function ContactSection() {
</div>
<div className="space-y-3">
<div className="flex items-start gap-2">
<div className="w-1.5 h-1.5 bg-[#C41E3A] rounded-full mt-2 flex-shrink-0" />
<div className="w-1.5 h-1.5 bg-[#C41E3A] rounded-full mt-2 shrink-0" />
<p className="text-sm text-[#5C5C5C]">工作日 2 小时内快速响应您的咨询</p>
</div>
<div className="flex items-start gap-2">
<div className="w-1.5 h-1.5 bg-[#C41E3A] rounded-full mt-2 flex-shrink-0" />
<div className="w-1.5 h-1.5 bg-[#C41E3A] rounded-full mt-2 shrink-0" />
<p className="text-sm text-[#5C5C5C]">提供免费的业务咨询和方案评估服务</p>
</div>
<div className="flex items-start gap-2">
<div className="w-1.5 h-1.5 bg-[#C41E3A] rounded-full mt-2 flex-shrink-0" />
<div className="w-1.5 h-1.5 bg-[#C41E3A] rounded-full mt-2 shrink-0" />
<p className="text-sm text-[#5C5C5C]">根据您的需求量身定制最优解决方案</p>
</div>
</div>
@@ -351,7 +351,7 @@ export function ContactSection() {
验证码 <span className="text-[#C41E3A]">*</span>
</label>
<div className="flex items-center gap-3">
<div className="bg-[#E2E8F0] px-4 py-2 rounded-md font-mono text-lg text-[#1A1A2E] min-w-[120px] text-center" data-testid="captcha-question">
<div className="bg-[#E2E8F0] px-4 py-2 rounded-md font-mono text-lg text-[#1A1A2E] min-w-30 text-center" data-testid="captcha-question">
{captcha.question}
</div>
<div className="flex-1">
@@ -373,7 +373,7 @@ export function ContactSection() {
onClick={handleCaptchaRefresh}
disabled={isSubmitting}
data-testid="refresh-captcha"
className="flex-shrink-0"
className="shrink-0"
>
<RefreshCw className="w-4 h-4" />
</Button>
@@ -382,7 +382,7 @@ export function ContactSection() {
<Button
type="submit"
size="lg"
className="w-full group mt-auto min-h-[52px] md:min-h-0"
className="w-full group mt-auto min-h-13 md:min-h-0"
disabled={isSubmitting}
data-testid="submit-button"
>