Create e2e test for checkbox

mesop/components/checkbox/e2e/BUILD

@@ -0,0 +1,13 @@
+load("//build_defs:defaults.bzl", "py_library")
+
+package(
+    default_visibility = ["//build_defs:mesop_internal"],
+)
+
+py_library(
+    name = "e2e",
+    srcs = glob(["*.py"]),
+    deps = [
+        "//mesop",
+    ],
+)

mesop/components/checkbox/e2e/__init__.py

@@ -0,0 +1 @@
+from . import checkbox_app as checkbox_app

mesop/components/checkbox/e2e/checkbox_app.py

@@ -0,0 +1,22 @@
+import mesop as me
+
+
+@me.stateclass
+class State:
+  checked: bool = False
+
+
+@me.on(me.CheckboxEvent)
+def on_update(event: me.CheckboxEvent):
+  state = me.state(State)
+  state.checked = event.checked
+
+
+@me.page(path="/components/checkbox/e2e/checkbox_app")
+def app():
+  me.checkbox(label="checkbox", on_update=on_update)
+  state = me.state(State)
+  if state.checked:
+    me.text(text="is checked")
+  else:
+    me.text(text="is not checked")

mesop/components/checkbox/e2e/checkbox_test.ts

@@ -0,0 +1,13 @@
+import {test, expect} from '@playwright/test';
+
+test('test', async ({page}) => {
+  await page.goto('/components/checkbox/e2e/checkbox_app');
+  expect(await page.getByText('is not checked').textContent()).toContain(
+    'is not checked',
+  );
+
+  await page.getByRole('checkbox').check();
+  expect(await page.getByText('is checked').textContent()).toContain(
+    'is checked',
+  );
+});

mesop/testing/BUILD

@@ -12,6 +12,7 @@ py_library(
         "//mesop/components/markdown/e2e",
         "//mesop/components/text_input/e2e",
         "//mesop/components/box/e2e",
+        "//mesop/components/checkbox/e2e",
         "//mesop/components/text/e2e",
         "//mesop/examples",
     ],

mesop/testing/index.py

@@ -1,6 +1,7 @@
 from mesop.examples import index as index
 import mesop.components.text.e2e as text_e2e
 import mesop.components.box.e2e as box_e2e
+import mesop.components.checkbox.e2e as checkbox_e2e
 import mesop.components.text_input.e2e as text_input_e2e
 import mesop.components.markdown.e2e as markdown_e2e
 # REF(//scripts/gen_component.py):insert_component_e2e_import_export