zones

e2e/deposit-to-a-zone.test.ts

@@ -0,0 +1,54 @@
+import { expect, test } from '@playwright/test'
+
+test('prepare zone access and deposit to Zone A', async ({ page }) => {
+  test.setTimeout(180000)
+
+  const client = await page.context().newCDPSession(page)
+  await client.send('WebAuthn.enable')
+  const { authenticatorId } = await client.send('WebAuthn.addVirtualAuthenticator', {
+    options: {
+      protocol: 'ctap2',
+      transport: 'internal',
+      hasResidentKey: true,
+      hasUserVerification: true,
+      isUserVerified: true,
+    },
+  })
+
+  await page.goto('/guide/private-zones/deposit-to-a-zone')
+
+  const signUpButton = page.getByRole('button', { name: 'Sign up' }).first()
+  await expect(signUpButton).toBeVisible({ timeout: 90000 })
+  await signUpButton.click()
+
+  await expect(page.getByRole('button', { name: 'Sign out' }).first()).toBeVisible({
+    timeout: 30000,
+  })
+
+  const authorizeButton = page
+    .getByRole('button', { name: /^Authoriz(?:e|ing) Zone A reads$/i })
+    .first()
+  await expect(authorizeButton).toBeVisible({ timeout: 30000 })
+  await expect(authorizeButton).toBeEnabled({ timeout: 90000 })
+  await authorizeButton.click()
+
+  const getFundsButton = page.getByRole('button', { name: /^Get testnet pathUSD$/i }).first()
+  const depositButton = page.getByRole('button', { name: /^Deposit 100 pathUSD$/i }).first()
+
+  if (await getFundsButton.isVisible()) {
+    await getFundsButton.click()
+    await expect(depositButton).toBeVisible({ timeout: 90000 })
+  }
+
+  await depositButton.click()
+
+  await expect(
+    page
+      .locator('div[data-completed="true"]', {
+        has: page.getByText('Wait for Zone A to credit the deposit.'),
+      })
+      .first(),
+  ).toBeVisible({ timeout: 120000 })
+
+  await client.send('WebAuthn.removeVirtualAuthenticator', { authenticatorId })
+})

e2e/send-tokens-across-zones.test.ts

@@ -0,0 +1,81 @@
+import { expect, test } from '@playwright/test'
+
+test('send pathUSD from Zone A into Zone B', async ({ page }) => {
+  test.setTimeout(240000)
+
+  const client = await page.context().newCDPSession(page)
+  await client.send('WebAuthn.enable')
+  const { authenticatorId } = await client.send('WebAuthn.addVirtualAuthenticator', {
+    options: {
+      protocol: 'ctap2',
+      transport: 'internal',
+      hasResidentKey: true,
+      hasUserVerification: true,
+      isUserVerified: true,
+    },
+  })
+
+  await page.goto('/guide/private-zones/send-tokens-across-zones')
+
+  const signUpButton = page.getByRole('button', { name: 'Sign up' }).first()
+  await expect(signUpButton).toBeVisible({ timeout: 90000 })
+  await signUpButton.click()
+
+  await expect(page.getByRole('button', { name: 'Sign out' }).first()).toBeVisible({
+    timeout: 30000,
+  })
+
+  const authorizeSourceButton = page
+    .getByRole('button', { name: /^Authoriz(?:e|ing) Zone A reads$/i })
+    .first()
+  await expect(authorizeSourceButton).toBeVisible({ timeout: 30000 })
+  await expect(authorizeSourceButton).toBeEnabled({ timeout: 90000 })
+  await authorizeSourceButton.click()
+
+  const getFundsButton = page.getByRole('button', { name: /^Get testnet pathUSD$/i }).first()
+  const topUpButton = page.getByRole('button', { name: /^Approve \+ top up Zone A$/i }).first()
+  const sendButton = page.getByRole('button', { name: /^Send 25 pathUSD into Zone B$/i }).first()
+  const authorizeTargetButton = page
+    .getByRole('button', { name: /^Authoriz(?:e|ing) Zone B reads$/i })
+    .first()
+
+  await expect
+    .poll(
+      async () =>
+        (await getFundsButton.isVisible()) ||
+        (await topUpButton.isVisible()) ||
+        (await sendButton.isVisible()),
+      { timeout: 90000 },
+    )
+    .toBe(true)
+
+  if (await getFundsButton.isVisible()) {
+    await getFundsButton.click()
+    await expect
+      .poll(async () => (await topUpButton.isVisible()) || (await sendButton.isVisible()), {
+        timeout: 90000,
+      })
+      .toBe(true)
+  }
+
+  if (await topUpButton.isVisible()) {
+    await topUpButton.click()
+  }
+
+  await expect(sendButton).toBeVisible({ timeout: 120000 })
+  await sendButton.click()
+
+  await expect(authorizeTargetButton).toBeVisible({ timeout: 120000 })
+  await expect(authorizeTargetButton).toBeEnabled({ timeout: 90000 })
+  await authorizeTargetButton.click()
+
+  await expect(
+    page
+      .locator('div[data-completed="true"]', {
+        has: page.getByText('Authorize private reads in Zone B and confirm the pathUSD balance.'),
+      })
+      .first(),
+  ).toBeVisible({ timeout: 120000 })
+
+  await client.send('WebAuthn.removeVirtualAuthenticator', { authenticatorId })
+})

e2e/send-tokens-within-a-zone.test.ts

@@ -0,0 +1,68 @@
+import { expect, test } from '@playwright/test'
+
+test('prepare zone balance and send tokens within Zone A', async ({ page }) => {
+  test.setTimeout(180000)
+
+  const client = await page.context().newCDPSession(page)
+  await client.send('WebAuthn.enable')
+  const { authenticatorId } = await client.send('WebAuthn.addVirtualAuthenticator', {
+    options: {
+      protocol: 'ctap2',
+      transport: 'internal',
+      hasResidentKey: true,
+      hasUserVerification: true,
+      isUserVerified: true,
+    },
+  })
+
+  await page.goto('/guide/private-zones/send-tokens-within-a-zone')
+
+  const signUpButton = page.getByRole('button', { name: 'Sign up' }).first()
+  await expect(signUpButton).toBeVisible({ timeout: 90000 })
+  await signUpButton.click()
+
+  await expect(page.getByRole('button', { name: 'Sign out' }).first()).toBeVisible({
+    timeout: 30000,
+  })
+
+  const authorizeButton = page
+    .getByRole('button', { name: /^Authoriz(?:e|ing) Zone A reads$/i })
+    .first()
+  await expect(authorizeButton).toBeVisible({ timeout: 30000 })
+  await expect(authorizeButton).toBeEnabled({ timeout: 90000 })
+  await authorizeButton.click()
+
+  const getFundsButton = page.getByRole('button', { name: /^Get testnet pathUSD$/i }).first()
+  const topUpButton = page.getByRole('button', { name: /^Approve \+ top up Zone A$/i }).first()
+  const sendButton = page.getByRole('button', { name: /^Send 25 pathUSD$/i }).first()
+
+  await expect
+    .poll(
+      async () =>
+        (await getFundsButton.isVisible()) ||
+        (await topUpButton.isVisible()) ||
+        (await sendButton.isVisible()),
+      { timeout: 90000 },
+    )
+    .toBe(true)
+
+  if (await getFundsButton.isVisible()) {
+    await getFundsButton.click()
+    await expect(topUpButton).toBeVisible({ timeout: 90000 })
+  }
+
+  if (await topUpButton.isVisible()) await topUpButton.click()
+  await expect(sendButton).toBeVisible({ timeout: 120000 })
+
+  await sendButton.click()
+
+  await expect(
+    page
+      .locator('div[data-completed="true"]', {
+        has: page.getByText('Wait for Zone A to show the updated private balance.'),
+      })
+      .first(),
+  ).toBeVisible({ timeout: 120000 })
+
+  await client.send('WebAuthn.removeVirtualAuthenticator', { authenticatorId })
+})

e2e/swap-across-zones.test.ts

@@ -0,0 +1,83 @@
+import { expect, test } from '@playwright/test'
+
+test('swap pathUSD from Zone A into betaUSD on Zone B', async ({ page }) => {
+  test.setTimeout(240000)
+
+  const client = await page.context().newCDPSession(page)
+  await client.send('WebAuthn.enable')
+  const { authenticatorId } = await client.send('WebAuthn.addVirtualAuthenticator', {
+    options: {
+      protocol: 'ctap2',
+      transport: 'internal',
+      hasResidentKey: true,
+      hasUserVerification: true,
+      isUserVerified: true,
+    },
+  })
+
+  await page.goto('/guide/private-zones/swap-across-zones')
+
+  const signUpButton = page.getByRole('button', { name: 'Sign up' }).first()
+  await expect(signUpButton).toBeVisible({ timeout: 90000 })
+  await signUpButton.click()
+
+  await expect(page.getByRole('button', { name: 'Sign out' }).first()).toBeVisible({
+    timeout: 30000,
+  })
+
+  const authorizeSourceButton = page
+    .getByRole('button', { name: /^Authoriz(?:e|ing) Zone A reads$/i })
+    .first()
+  await expect(authorizeSourceButton).toBeVisible({ timeout: 30000 })
+  await expect(authorizeSourceButton).toBeEnabled({ timeout: 90000 })
+  await authorizeSourceButton.click()
+
+  const getFundsButton = page.getByRole('button', { name: /^Get testnet pathUSD$/i }).first()
+  const topUpButton = page.getByRole('button', { name: /^Approve \+ top up Zone A$/i }).first()
+  const swapButton = page
+    .getByRole('button', { name: /^Swap 25 pathUSD into Zone B betaUSD$/i })
+    .first()
+  const authorizeTargetButton = page
+    .getByRole('button', { name: /^Authoriz(?:e|ing) Zone B reads$/i })
+    .first()
+
+  await expect
+    .poll(
+      async () =>
+        (await getFundsButton.isVisible()) ||
+        (await topUpButton.isVisible()) ||
+        (await swapButton.isVisible()),
+      { timeout: 90000 },
+    )
+    .toBe(true)
+
+  if (await getFundsButton.isVisible()) {
+    await getFundsButton.click()
+    await expect
+      .poll(async () => (await topUpButton.isVisible()) || (await swapButton.isVisible()), {
+        timeout: 90000,
+      })
+      .toBe(true)
+  }
+
+  if (await topUpButton.isVisible()) {
+    await topUpButton.click()
+  }
+
+  await expect(swapButton).toBeVisible({ timeout: 120000 })
+  await swapButton.click()
+
+  await expect(authorizeTargetButton).toBeVisible({ timeout: 120000 })
+  await expect(authorizeTargetButton).toBeEnabled({ timeout: 90000 })
+  await authorizeTargetButton.click()
+
+  await expect(
+    page
+      .locator('div[data-completed="true"]', {
+        has: page.getByText('Authorize private reads in Zone B and confirm the betaUSD balance.'),
+      })
+      .first(),
+  ).toBeVisible({ timeout: 120000 })
+
+  await client.send('WebAuthn.removeVirtualAuthenticator', { authenticatorId })
+})

e2e/withdraw-from-a-zone.test.ts

@@ -0,0 +1,79 @@
+import { expect, test } from '@playwright/test'
+
+test.describe.configure({ retries: 0, timeout: 120000 })
+
+test('prepare zone balance and withdraw from Zone A', async ({ page }) => {
+  test.setTimeout(180000)
+
+  const client = await page.context().newCDPSession(page)
+  await client.send('WebAuthn.enable')
+  const { authenticatorId } = await client.send('WebAuthn.addVirtualAuthenticator', {
+    options: {
+      protocol: 'ctap2',
+      transport: 'internal',
+      hasResidentKey: true,
+      hasUserVerification: true,
+      isUserVerified: true,
+    },
+  })
+
+  await page.goto('/guide/private-zones/withdraw-from-a-zone')
+
+  const signUpButton = page.getByRole('button', { name: 'Sign up' }).first()
+  await expect(signUpButton).toBeVisible({ timeout: 45000 })
+  await signUpButton.click()
+
+  await expect(page.getByRole('button', { name: 'Sign out' }).first()).toBeVisible({
+    timeout: 20000,
+  })
+
+  const authorizeButton = page
+    .getByRole('button', { name: /^Authoriz(?:e|ing) Zone A reads$/i })
+    .first()
+  await expect(authorizeButton).toBeVisible({ timeout: 30000 })
+  await expect(authorizeButton).toBeEnabled({ timeout: 90000 })
+  await authorizeButton.click()
+
+  const getFundsButton = page.getByRole('button', { name: /^Get testnet pathUSD$/i }).first()
+  const topUpButton = page.getByRole('button', { name: /^Approve \+ top up Zone A$/i }).first()
+  const withdrawButton = page.getByRole('button', { name: /^Withdraw 100 pathUSD$/i }).first()
+
+  await expect
+    .poll(
+      async () =>
+        (await getFundsButton.isVisible()) ||
+        (await topUpButton.isVisible()) ||
+        (await withdrawButton.isVisible()),
+      { timeout: 90000 },
+    )
+    .toBe(true)
+
+  if (await getFundsButton.isVisible()) {
+    await getFundsButton.click()
+    await expect
+      .poll(async () => (await topUpButton.isVisible()) || (await withdrawButton.isVisible()), {
+        timeout: 90000,
+      })
+      .toBe(true)
+  }
+
+  if (await topUpButton.isVisible()) {
+    await topUpButton.click()
+  }
+
+  await expect(withdrawButton).toBeVisible({ timeout: 90000 })
+
+  await withdrawButton.click()
+
+  await expect(
+    page
+      .locator('div[data-completed="true"]', {
+        has: page.getByText('Wait for pathUSD to settle back to your public balance.'),
+      })
+      .first(),
+  ).toBeVisible({
+    timeout: 120000,
+  })
+
+  await client.send('WebAuthn.removeVirtualAuthenticator', { authenticatorId })
+})

package.json

@@ -41,7 +41,7 @@
     "tailwindcss": "^4.2.2",
     "unplugin-auto-import": "^21.0.0",
     "unplugin-icons": "^23.0.1",
-    "viem": "^2.47.18",
+    "viem": "2.48.0",
     "vocs": "https://pkg.pr.new/wevm/vocs@2fb25c2",
     "wagmi": "^3.6.1",
     "waku": "1.0.0-alpha.4",