feat(auth): clarify login identity and speed up mobile entry

h5/test/wechat-browser.mjs

@@ -56,6 +56,23 @@ try {
   const saved = { id: 'RwechatCrossDevice', created_at: new Date().toISOString(), vm,
     presentation: ReportUI.build(vm, SkinScore.MOCK_RESULT), photos: [null, null, null],
     payload: { result: SkinScore.MOCK_RESULT, side: SkinScore.MOCK_SIDE } };
+  async function confirmLogin(page, kind) {
+    await page.waitForSelector('#p-login-success.show');
+    assert.equal(await page.locator('#login-success-title').textContent(), '登录成功');
+    assert((await page.locator('#login-success-message').textContent()).includes(kind === 'wechat' ? '当前使用：微信登录' : '当前使用：本机浏览器登录'));
+    assert.equal(await page.locator('#s-splash [data-auth-status]').textContent(), kind === 'wechat' ? '微信已登录' : '本机浏览器已登录');
+    if (process.env.H5_ARTIFACT_DIR) {
+      fs.mkdirSync(process.env.H5_ARTIFACT_DIR, { recursive: true });
+      await page.waitForLoadState('networkidle');
+      await page.screenshot({ path: path.join(process.env.H5_ARTIFACT_DIR, kind + '-login-success.png'), animations: 'disabled' });
+    }
+    assert.equal(await page.evaluate(() => document.activeElement.dataset.action), 'login-confirm');
+    await page.keyboard.press('Tab');
+    assert.equal(await page.evaluate(() => document.activeElement.dataset.action), 'login-confirm');
+    await page.click('[data-action="login-confirm"]');
+    assert.equal(await page.locator('#p-login-success.show').count(), 0);
+    assert.equal(await page.locator('#s-splash').evaluate(e => e.inert), false);
+  }
   for (let device = 0; device < 2; device++) {
     const context = await browser.newContext({ ignoreHTTPSErrors: true, userAgent: 'Mozilla/5.0 MicroMessenger/8.0', viewport: { width: 375, height: 726 } });
     const page = await context.newPage();
@@ -76,6 +93,7 @@ try {
       await page.check('#login-consent');
       await page.click('[data-action="login-browser"]');
       await page.waitForSelector('#s-splash.active');
+      await confirmLogin(page, 'browser');
       browserId = await page.evaluate(() => AccountClient.user().id);
       browserToken = await page.evaluate(() => localStorage.getItem('juzi.identity.v1'));
       accounts.storeReport(browserId, { ...saved, id: 'RbrowserOriginal' });
@@ -89,12 +107,14 @@ try {
       await page.click('[data-action="login-wechat"]');
       await page.waitForFunction(() => document.querySelector('#login-message').textContent.includes('微信授权未完成'));
       assert.equal(await page.locator('#s-login.active').count(), 1, 'OAuth failure must not masquerade as browser login success');
+      assert.equal(await page.locator('#p-login-success.show').count(), 0);
       await page.waitForFunction(() => !location.search.includes('login_error'));
       upstreamError = false;
     }
     await page.check('#login-consent');
     await page.click('[data-action="login-wechat"]');
     await page.waitForSelector('#s-splash.active');
+    await confirmLogin(page, 'wechat');
     await page.waitForFunction(() => !location.search.includes('login=success'));
     const user = await page.evaluate(() => AccountClient.user());
     assert.equal(user.kind, 'wechat');
@@ -104,6 +124,7 @@ try {
     assert(cookie.secure && cookie.httpOnly && cookie.path === '/state/' && cookie.sameSite === 'Lax');
     await page.click('[data-action="history"]');
     await page.waitForFunction(() => document.querySelector('#identity-note').textContent.includes('同一微信账号'));
+    assert.equal(await page.locator('#s-history [data-auth-status]').textContent(), '微信已登录');
     await page.waitForSelector('[data-report-id="RwechatCrossDevice"]');
     assert.equal(await page.locator('[data-report-id="RbrowserOriginal"]').count(), 0);
     assert.deepEqual((await api(page, 'reports/' + saved.id)).data.report, JSON.parse(JSON.stringify(saved)));
@@ -117,12 +138,14 @@ try {
       await page.check('#login-consent');
       await page.click('[data-action="login-wechat"]');
       await page.waitForSelector('#s-splash.active');
+      await confirmLogin(page, 'wechat');
       assert.equal(await page.evaluate(() => AccountClient.user().id), firstId);
       await page.click('[data-action="history"]');
       await page.click('[data-action="switch-login"]');
       await page.check('#login-consent');
       await page.click('[data-action="login-browser"]');
       await page.waitForSelector('#s-splash.active');
+      await confirmLogin(page, 'browser');
       assert.equal(await page.evaluate(() => AccountClient.user().id), browserId);
       await page.click('[data-action="history"]');
       await page.waitForSelector('[data-report-id="RbrowserOriginal"]');
@@ -137,6 +160,7 @@ try {
       await page.reload(); // Ordinary browser restore is still supported.
       await page.waitForSelector('#s-splash.active');
       assert.equal(await page.evaluate(() => AccountClient.user().id), browserId);
+      assert.equal(await page.locator('#p-login-success.show').count(), 0, 'session restore must not repeatedly open a success dialog');
     }
     assert.deepEqual(errors, []);
     await context.close();