ab9c1f9f98
Align CCIP catalog UX with 11-lane config-ready routes, document the no-key public API decision, and enable browser WalletConnect pairing with backend session registration and deploy-time project ID wiring. Co-authored-by: Cursor <cursoragent@cursor.com>
113 lines
6.8 KiB
TypeScript
113 lines
6.8 KiB
TypeScript
import { expect, test } from '@playwright/test'
|
|
|
|
const EXPLORER_URL = process.env.EXPLORER_URL || 'https://explorer.d-bis.org'
|
|
const CANONICAL_CUSDT = '0x93E66202A11B1772E55407B32B44e5Cd8eda7f22'
|
|
|
|
test.describe('Explorer sprint smoke', () => {
|
|
test('homepage dashboard loads', async ({ page }) => {
|
|
await page.goto(`${EXPLORER_URL}/`, { waitUntil: 'domcontentloaded', timeout: 20000 })
|
|
await expect(page.getByText(/Network overview/i)).toBeVisible({ timeout: 10000 })
|
|
await expect(page.getByRole('heading', { name: /Recent Transactions/i })).toBeVisible({ timeout: 10000 })
|
|
})
|
|
|
|
test('wallet page loads', async ({ page }) => {
|
|
await page.goto(`${EXPLORER_URL}/wallet`, { waitUntil: 'domcontentloaded', timeout: 20000 })
|
|
await expect(page.getByRole('heading', { name: /Wallet Tools/i })).toBeVisible({ timeout: 10000 })
|
|
})
|
|
|
|
test('wallet page shows WalletConnect posture note', async ({ page }) => {
|
|
await page.goto(`${EXPLORER_URL}/wallet`, { waitUntil: 'domcontentloaded', timeout: 20000 })
|
|
await expect(page.getByText(/WalletConnect v2 posture/i)).toBeVisible({ timeout: 10000 })
|
|
})
|
|
|
|
test('tokens page loads', async ({ page }) => {
|
|
await page.goto(`${EXPLORER_URL}/tokens`, { waitUntil: 'domcontentloaded', timeout: 20000 })
|
|
await expect(page.getByRole('heading', { name: /^Tokens$/i })).toBeVisible({ timeout: 10000 })
|
|
await expect(page.getByText(/Canonical Chain 138 trading set/i).first()).toBeVisible({ timeout: 10000 })
|
|
})
|
|
|
|
test('canonical cUSDT token detail loads', async ({ page }) => {
|
|
await page.goto(`${EXPLORER_URL}/tokens/${CANONICAL_CUSDT}`, { waitUntil: 'domcontentloaded', timeout: 20000 })
|
|
await expect(page.getByText(/cUSDT|Tether/i).first()).toBeVisible({ timeout: 10000 })
|
|
})
|
|
|
|
test('operations hub loads extended token list note', async ({ page }) => {
|
|
await page.goto(`${EXPLORER_URL}/operations`, { waitUntil: 'networkidle', timeout: 30000 })
|
|
await expect(page.getByRole('heading', { name: /Operations hub/i })).toBeVisible({ timeout: 10000 })
|
|
await expect(page.getByText(/Extended Metamask dual-chain catalog/i).first()).toBeVisible({ timeout: 10000 })
|
|
})
|
|
|
|
test('bridge page loads CCIP route catalog', async ({ page }) => {
|
|
await page.goto(`${EXPLORER_URL}/bridge`, { waitUntil: 'domcontentloaded', timeout: 30000 })
|
|
await expect(page.getByRole('heading', { name: /Bridge & Relay Monitoring/i })).toBeVisible({ timeout: 15000 })
|
|
await expect(page.getByText(/CCIP route catalog/i).first()).toBeVisible({ timeout: 15000 })
|
|
await expect(page.getByText(/Wemix/i).first()).toBeVisible({ timeout: 15000 })
|
|
})
|
|
|
|
test('public API access doc page loads', async ({ page }) => {
|
|
await page.goto(`${EXPLORER_URL}/docs/public-api-access`, { waitUntil: 'domcontentloaded', timeout: 30000 })
|
|
await expect(page.getByRole('heading', { name: /Public API access/i })).toBeVisible({ timeout: 15000 })
|
|
await expect(page.getByText(/Decision summary/i).first()).toBeVisible({ timeout: 10000 })
|
|
})
|
|
|
|
test('wallet page exposes WalletConnect action', async ({ page }) => {
|
|
await page.goto(`${EXPLORER_URL}/wallet`, { waitUntil: 'domcontentloaded', timeout: 30000 })
|
|
await expect(page.getByRole('button', { name: /^WalletConnect$/i })).toBeVisible({ timeout: 15000 })
|
|
})
|
|
|
|
test('operations hub shows WETH in surface navigation', async ({ page }) => {
|
|
await page.setViewportSize({ width: 1280, height: 720 })
|
|
await page.goto(`${EXPLORER_URL}/operations`, { waitUntil: 'domcontentloaded', timeout: 30000 })
|
|
await expect(page.getByRole('navigation', { name: /Operations surfaces/i }).getByRole('link', { name: /^WETH$/i })).toBeVisible({ timeout: 10000 })
|
|
})
|
|
|
|
test('footer lists public API endpoints and explorer surfaces', async ({ page }) => {
|
|
await page.goto(`${EXPLORER_URL}/`, { waitUntil: 'domcontentloaded', timeout: 20000 })
|
|
await expect(page.getByRole('contentinfo').getByText(/Public APIs/i)).toBeVisible({ timeout: 10000 })
|
|
await expect(page.getByRole('contentinfo').getByRole('link', { name: /Blockscout stats/i })).toBeVisible({ timeout: 10000 })
|
|
await expect(page.getByRole('contentinfo').getByRole('link', { name: /Wallet tools/i })).toBeVisible({ timeout: 10000 })
|
|
await expect(page.getByRole('contentinfo').getByRole('button', { name: /Copy URL for Blockscout stats/i })).toBeVisible({ timeout: 10000 })
|
|
await expect(page.getByRole('contentinfo').getByRole('link', { name: /Account access/i })).toBeVisible({ timeout: 10000 })
|
|
})
|
|
|
|
test('homepage quick links include account access', async ({ page }) => {
|
|
await page.goto(`${EXPLORER_URL}/`, { waitUntil: 'domcontentloaded', timeout: 20000 })
|
|
await expect(page.getByRole('link', { name: /Account access/i }).first()).toBeVisible({ timeout: 10000 })
|
|
})
|
|
|
|
test('tablet viewport exposes mobile navigation menu', async ({ page }) => {
|
|
await page.setViewportSize({ width: 1100, height: 800 })
|
|
await page.goto(`${EXPLORER_URL}/`, { waitUntil: 'domcontentloaded', timeout: 20000 })
|
|
await expect(page.getByRole('button', { name: /Open navigation menu/i })).toBeVisible({ timeout: 10000 })
|
|
await page.getByRole('button', { name: /Open navigation menu/i }).click()
|
|
await expect(page.getByRole('link', { name: /Operations hub/i }).first()).toBeVisible({ timeout: 10000 })
|
|
})
|
|
|
|
test('analytics page shows track 3 surface note', async ({ page }) => {
|
|
await page.goto(`${EXPLORER_URL}/analytics`, { waitUntil: 'domcontentloaded', timeout: 30000 })
|
|
await expect(page.getByRole('heading', { name: /Analytics & Network Activity/i })).toBeVisible({ timeout: 15000 })
|
|
await expect(page.getByText(/Track 3 public surface/i).first()).toBeVisible({ timeout: 10000 })
|
|
})
|
|
|
|
test('operator page shows track 4 surface note', async ({ page }) => {
|
|
await page.goto(`${EXPLORER_URL}/operator`, { waitUntil: 'domcontentloaded', timeout: 30000 })
|
|
await expect(page.getByRole('heading', { name: /^Operator$/i })).toBeVisible({ timeout: 15000 })
|
|
await expect(page.getByText(/Track 4 public surface/i).first()).toBeVisible({ timeout: 10000 })
|
|
})
|
|
|
|
test('legacy SPA fallback loads with deprecation banner', async ({ page }) => {
|
|
await page.goto(`${EXPLORER_URL}/legacy/index.html`, { waitUntil: 'domcontentloaded', timeout: 30000 })
|
|
await expect(page).toHaveTitle(/DBIS Explorer/i)
|
|
await expect(page.getByText(/Deprecated legacy explorer UI/i)).toBeVisible({ timeout: 10000 })
|
|
await expect(page.getByRole('heading', { name: /Latest Blocks/i })).toBeVisible({ timeout: 15000 })
|
|
})
|
|
|
|
test('wallet connect config exposes browser-auth fallback', async ({ request }) => {
|
|
const response = await request.get(`${EXPLORER_URL}/explorer-api/v1/walletconnect/config`)
|
|
expect(response.ok()).toBeTruthy()
|
|
const payload = await response.json()
|
|
expect(payload.fallbackAuth).toBe('/api/v1/auth/wallet')
|
|
expect(String(payload.message || '')).toMatch(/auth\/wallet|WalletConnect/i)
|
|
})
|
|
})
|