ChatView / ChatInput screenshot tests: install the modern theme

Both tests previously extended `BaseTest`, which renders against
whatever theme is currently installed -- and that's the legacy
iOS 7 / Android Holo Light default. So the new ChatBubble*/
ChatInput* UIIDs I styled in `native-themes/{ios-modern,
android-material}/theme.css` never reached the rendered screenshot,
and the bubbles came out unstyled.

Switch both tests to `DualAppearanceBaseTest`, which is the existing
mechanism used by the other theme-fidelity tests
(SpanLabelThemeScreenshotTest, ButtonThemeScreenshotTest, etc.). It:

1. Installs the modern native theme via UIManager.setThemeProps
   from the .res shipped alongside the test resources.
2. Drives two captures per test: `_light` (CN.isDarkMode()=false) and
   `_dark` (true), refreshing the theme between them so the
   prefers-color-scheme @media block lights up the $DarkChatBubble*
   entries we already emit.

Same content (system + user + assistant + streaming + typing indicator
for ChatView, attach+voice+send for ChatInput), just routed through
the dual-appearance harness so the ChatBubble UIIDs actually render.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: shai-almog

scripts/hellocodenameone/common/src/main/java/com/codenameone/examples/hellocodenameone/tests/ChatInputScreenshotTest.java

@@ -1,20 +1,30 @@
 package com.codenameone.examples.hellocodenameone.tests;
 
 import com.codename1.components.ChatInput;
-import com.codename1.ui.Container;
 import com.codename1.ui.Form;
 import com.codename1.ui.events.ActionEvent;
 import com.codename1.ui.events.ActionListener;
 import com.codename1.ui.layouts.BorderLayout;
+import com.codename1.ui.layouts.Layout;
 
-/// Renders ChatInput with attach + voice + send affordances all visible.
-/// Baselines the ChatInputField / ChatSendButton / ChatAttachButton /
-/// ChatVoiceButton UIIDs.
-public class ChatInputScreenshotTest extends BaseTest {
+/// ChatInput screenshot: attach + voice + send affordances all visible.
+/// Baselines the ChatInput / ChatInputField / ChatSendButton /
+/// ChatAttachButton / ChatVoiceButton UIIDs in both modern theme
+/// appearances (light + dark via DualAppearanceBaseTest).
+public class ChatInputScreenshotTest extends DualAppearanceBaseTest {
 
     @Override
-    public boolean runTest() {
-        Form form = createForm("ChatInput", new BorderLayout(), "ChatInput");
+    protected String baseName() {
+        return "ChatInput";
+    }
+
+    @Override
+    protected Layout newLayout() {
+        return new BorderLayout();
+    }
+
+    @Override
+    protected void populate(Form form, String suffix) {
         ChatInput input = new ChatInput();
         // Setters install ActionListener -> button becomes visible. Use no-op
         // listeners; this is a layout test, not an interaction test.
@@ -26,10 +36,6 @@ public void actionPerformed(ActionEvent evt) {
         input.setOnSend(noop);
         input.setOnAttach(noop);
         input.setOnVoice(noop);
-
-        Container body = (Container) form.getContentPane();
-        body.add(BorderLayout.SOUTH, input);
-        form.show();
-        return true;
+        form.add(BorderLayout.SOUTH, input);
     }
 }

scripts/hellocodenameone/common/src/main/java/com/codenameone/examples/hellocodenameone/tests/ChatViewScreenshotTest.java

@@ -2,22 +2,31 @@
 
 import com.codename1.ai.ChatMessage;
 import com.codename1.components.ChatView;
-import com.codename1.ui.Container;
 import com.codename1.ui.Form;
 import com.codename1.ui.layouts.BorderLayout;
+import com.codename1.ui.layouts.Layout;
 
-/// Renders ChatView with a representative system+user+assistant exchange
-/// plus the typing indicator visible. Baselines this PR's new AI UI surface
-/// against iOS Modern + Android Material themes (the existing
-/// build-ios-metal / build-ios / Build Android screenshot jobs pick up the
-/// emitted "ChatView" image automatically).
-public class ChatViewScreenshotTest extends BaseTest {
-    private ChatView chat;
+/// ChatView screenshot: representative system + user + assistant
+/// exchange with the typing indicator visible. Baselines ChatBubbleUser,
+/// ChatBubbleAssistant, ChatBubbleSystem, ChatBubbleText, and
+/// ChatTypingIndicator UIIDs against iOS Modern + Android Material
+/// modern themes (emits a `_light` and `_dark` pair, like the other
+/// theme-fidelity tests in this directory).
+public class ChatViewScreenshotTest extends DualAppearanceBaseTest {
 
     @Override
-    public boolean runTest() {
-        Form form = createForm("ChatView", new BorderLayout(), "ChatView");
-        chat = new ChatView();
+    protected String baseName() {
+        return "ChatView";
+    }
+
+    @Override
+    protected Layout newLayout() {
+        return new BorderLayout();
+    }
+
+    @Override
+    protected void populate(Form form, String suffix) {
+        ChatView chat = new ChatView();
 
         // System framing (small grey bubble centred).
         chat.addMessage(ChatMessage.system("AI Travel Assistant"));
@@ -39,9 +48,6 @@ public boolean runTest() {
         // Typing indicator visible -- exercises the dots animation styling.
         chat.setTypingIndicatorVisible(true);
 
-        Container body = (Container) form.getContentPane();
-        body.add(BorderLayout.CENTER, chat);
-        form.show();
-        return true;
+        form.add(BorderLayout.CENTER, chat);
     }
 }