feat: integration screen

web/visual/states.ts

@@ -17,6 +17,7 @@ export interface VisualState {
 	exception?: DiffException
 	skip?: 'clock-sensitive'
 	path: string
+	origin?: string
 	now?: string
 	paused?: boolean
 	api?: Record<string, ApiMock>
@@ -334,7 +335,26 @@ async function chooseArticleRowMenuItem(page: Page, label: string) {
 	await page.getByRole('menuitem', { name: label, exact: true }).click()
 }
 
+const integrationOrigin = 'https://cms.renew.example'
+
+async function clickBaseUrlCopy(page: Page) {
+	await page.getByRole('button', { name: 'Copy', exact: true }).first().click()
+}
+
 export const visualStates: Record<string, Record<string, VisualState>> = {
+	integration: {
+		Default: {
+			path: '/integration',
+			origin: integrationOrigin,
+			api: { 'GET /v1/auth/me': verifiedSession },
+		},
+		Copied: {
+			path: '/integration',
+			origin: integrationOrigin,
+			api: { 'GET /v1/auth/me': verifiedSession },
+			steps: clickBaseUrlCopy,
+		},
+	},
 	articles: {
 		Default: {
 			path: '/article',