test: Add render tests for dialog (deephaven#1031)

closes deephaven#952

tests/app.d/tests.app

@@ -9,4 +9,5 @@ file_2=ui.py
 file_3=ui_render_all.py
 file_4=ui_flex.py
 file_5=ui_table.py
-file_6=ui_panel_loading.py
+file_6=ui_panel_loading.py
+file_7=ui_dialog.py

tests/app.d/ui_dialog.py

@@ -0,0 +1,83 @@
+from deephaven import ui
+
+my_modal = ui.panel(
+    ui.dialog_trigger(
+        ui.action_button(
+            "Trigger Modal",
+        ),
+        ui.dialog(
+            ui.heading("Modal"),
+            ui.content("This is a modal."),
+        ),
+        is_dismissable=True,
+        type="modal",
+        default_open=True,
+    )
+)
+
+my_popover = ui.panel(
+    ui.dialog_trigger(
+        ui.action_button(
+            "Trigger Popover",
+        ),
+        ui.dialog(
+            ui.heading("Popover"),
+            ui.content("This is a popover."),
+        ),
+        type="popover",
+        default_open=True,
+    )
+)
+
+my_tray = ui.panel(
+    ui.dialog_trigger(
+        ui.action_button(
+            "Trigger Tray",
+        ),
+        ui.dialog(
+            ui.heading("Tray"),
+            ui.content("This is a tray."),
+        ),
+        type="tray",
+        default_open=True,
+    )
+)
+
+my_fullscreen = ui.panel(
+    ui.dialog_trigger(
+        ui.action_button("Trigger Fullscreen"),
+        ui.dialog(
+            ui.heading("Fullscreen"),
+            ui.content(
+                "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sit\
+            amet tristique risus. In sit amet suscipit lorem. Orci varius\
+            natoque penatibus et magnis dis parturient montes, nascetur\
+            ridiculus mus. In condimentum imperdiet metus non condimentum. Duis\
+            eu velit et quam accumsan tempus at id velit. Duis elementum\
+            elementum purus, id tempus mauris posuere a. Nunc vestibulum sapien\
+            pellentesque lectus commodo ornare."
+            ),
+        ),
+        type="fullscreen",
+        default_open=True,
+    )
+)
+
+
+my_fullscreen_takeover = ui.panel(
+    ui.dialog_trigger(
+        ui.action_button("Trigger Fullscreen"),
+        ui.dialog(
+            ui.heading("Fullscreen"),
+            ui.content(
+                ui.form(
+                    ui.text_field(label="Name"),
+                    ui.text_field(label="Email address"),
+                    ui.checkbox("Make profile private"),
+                )
+            ),
+        ),
+        type="fullscreenTakeover",
+        default_open=True,
+    )
+)

tests/ui_dialog.spec.ts

@@ -0,0 +1,25 @@
+import { expect, test } from '@playwright/test';
+import { openPanel, gotoPage, SELECTORS } from './utils';
+
+// Tests dialog components render as expected
+test.describe('UI dialog components', () => {
+  ['my_popover', 'my_tray'].forEach(name => {
+    test(name, async ({ page }) => {
+      await gotoPage(page, '');
+      await openPanel(page, name, SELECTORS.REACT_PANEL_VISIBLE);
+
+      await expect(
+        page.locator(SELECTORS.REACT_PANEL_VISIBLE)
+      ).toHaveScreenshot();
+    });
+  });
+
+  ['my_modal', 'my_fullscreen', 'my_fullscreen_takeover'].forEach(name => {
+    test(name, async ({ page }) => {
+      await gotoPage(page, '');
+      await openPanel(page, name, SELECTORS.REACT_PANEL_VISIBLE);
+
+      await expect(page).toHaveScreenshot();
+    });
+  });
+});