feat(test): add visitor conversion journey tests

2026-04-09 19:27:57 +08:00
parent e594bfae61
commit dd27caff53
1 changed files with 91 additions and 0 deletions
@@ -0,0 +1,91 @@
+import { test, expect } from '@playwright/test';
+import { 
+  FrontendHomePage, 
+  FrontendContactPage,
+  FrontendProductPage
+} from '../../pages/frontend';
+import { TestDataFactory } from '../../fixtures/test-data-factory';
+
+test.describe('访客转化旅程 @journey @visitor @conversion', () => {
+  let homePage: FrontendHomePage;
+  let contactPage: FrontendContactPage;
+  let productPage: FrontendProductPage;
+
+  test.beforeEach(async ({ page }) => {
+    homePage = new FrontendHomePage(page);
+    contactPage = new FrontendContactPage(page);
+    productPage = new FrontendProductPage(page);
+  });
+
+  test('访客从首页浏览到提交咨询的完整旅程', async ({ page }) => {
+    const contactData = TestDataFactory.createContactForm();
+
+    await test.step('步骤1: 访客着陆首页', async () => {
+      await homePage.goto();
+      await homePage.expectHeroVisible();
+      await homePage.expectServicesVisible();
+    });
+
+    await test.step('步骤2: 浏览服务介绍，建立初步认知', async () => {
+      await homePage.scrollToSection('services');
+      await homePage.expectServiceCardsVisible();
+    });
+
+    await test.step('步骤3: 查看成功案例，建立信任', async () => {
+      await homePage.scrollToSection('cases');
+      await homePage.clickFirstCase();
+      await page.waitForURL(/\/cases\/\d+/);
+      await expect(page.locator('h1')).toBeVisible();
+    });
+
+    await test.step('步骤4: 返回首页，查看产品详情', async () => {
+      await homePage.goto();
+      await homePage.scrollToSection('products');
+      await homePage.clickFirstProduct();
+      await page.waitForURL(/\/products\/\d+/);
+      await expect(page.locator('h1')).toBeVisible();
+    });
+
+    await test.step('步骤5: 决定咨询，访问联系页面', async () => {
+      await contactPage.goto();
+      await contactPage.expectContactInfoVisible();
+    });
+
+    await test.step('步骤6: 填写并提交联系表单', async () => {
+      await contactPage.fillForm(contactData);
+      await contactPage.submitForm();
+      await contactPage.expectSubmitSuccess();
+    });
+
+    await test.step('步骤7: 验证收到确认提示', async () => {
+      await contactPage.expectConfirmationVisible();
+    });
+  });
+
+  test('访客从搜索引擎着陆到产品详情页', async ({ page }) => {
+    await test.step('步骤1: 模拟搜索引擎着陆（直接访问产品详情页）', async () => {
+      await page.goto('/products/1');
+      await expect(page.locator('h1')).toBeVisible();
+    });
+
+    await test.step('步骤2: 查看产品详情', async () => {
+      await productPage.expectProductDetailsVisible();
+    });
+
+    await test.step('步骤3: 浏览相关案例', async () => {
+      const relatedCasesLink = page.locator('a:has-text("相关案例")');
+      if (await relatedCasesLink.count() > 0) {
+        await relatedCasesLink.click();
+        await page.waitForURL(/\/cases/);
+      }
+    });
+
+    await test.step('步骤4: 返回首页或提交咨询', async () => {
+      const contactButton = page.locator('a:has-text("联系我们")');
+      if (await contactButton.count() > 0) {
+        await contactButton.click();
+        await page.waitForURL(/\/contact/);
+      }
+    });
+  });
+});