Add test for text_to_text

mesop/examples/testing/__init__.py

@@ -7,3 +7,6 @@
 from mesop.examples.testing import (
   minimal_chat as minimal_chat,
 )
+from mesop.examples.testing import (
+  text_to_text as text_to_text,
+)

mesop/examples/testing/text_to_text.py

@@ -0,0 +1,17 @@
+import mesop as me
+import mesop.labs as mel
+
+
+@me.page(
+  path="/testing/text_to_text",
+  title="Text to Text Example",
+)
+def app():
+  mel.text_to_text(
+    echo,
+    title="Text to Text Example",
+  )
+
+
+def echo(s: str):
+  return "Echo: " + s

mesop/tests/e2e/text_to_text_test.ts

@@ -0,0 +1,19 @@
+import {test, expect} from '@playwright/test';
+
+test('text to text', async ({page}) => {
+  await page.goto('/testing/text_to_text');
+  const inputLocator = page.locator('#mat-input-0');
+  await inputLocator.click();
+  await inputLocator.fill('fly');
+  // Need to wait for the input state to be saved before clicking.
+  await page.waitForTimeout(2000);
+  await page.getByRole('button', {name: 'Generate'}).click();
+  await expect(page.getByText('Echo: fly')).toBeVisible();
+
+  await inputLocator.click();
+  await inputLocator.fill('abc');
+  // Need to wait for the input state to be saved before clicking.
+  await page.waitForTimeout(2000);
+  await page.getByRole('button', {name: 'Generate'}).click();
+  await expect(page.getByText('Echo: abc')).toBeVisible();
+});