test(web): cover the http form layout and add the unicode regex flag

The layout test only checked the stdio branch, so a regression in the URL or
Headers span could pass. It now asserts both branches. The three CSS assertions
also carry the u flag the repo uses everywhere else.

Author: elkaix

apps/pythinker-web/test/connectors-page.test.ts

@@ -92,16 +92,27 @@ describe('ConnectorsPage', () => {
 
     await wrapper.get('button.act').trigger('click');
     const labelOf = (field: ReturnType<typeof wrapper.get>): string => field.get('.rlabel').text();
-    const wide = wrapper.findAll('.connector-field-wide').map(labelOf);
-    const narrow = wrapper
-      .findAll('.connector-field')
-      .filter((field) => !field.classes().includes('connector-field-wide'))
-      .map(labelOf);
+    const layout = (): { narrow: string[]; wide: string[] } => ({
+      narrow: wrapper
+        .findAll('.connector-field')
+        .filter((field) => !field.classes().includes('connector-field-wide'))
+        .map(labelOf),
+      wide: wrapper.findAll('.connector-field-wide').map(labelOf),
+    });
 
     // Name and Transport pair up on the first row; the rest take a full row,
     // so no row is left half empty.
-    expect(narrow).toEqual(['Name', 'Transport']);
-    expect(wide).toEqual(['Command', 'Arguments', 'Environment (JSON)']);
+    expect(layout()).toEqual({
+      narrow: ['Name', 'Transport'],
+      wide: ['Command', 'Arguments', 'Environment (JSON)'],
+    });
+
+    await wrapper.get('select').setValue('http');
+
+    expect(layout()).toEqual({
+      narrow: ['Name', 'Transport'],
+      wide: ['URL', 'Headers (JSON)'],
+    });
   });
 
   it('shows the daemon validation message after a rejected write', () => {

apps/pythinker-web/test/provider-manager-chrome.test.ts

@@ -22,11 +22,11 @@ describe('ProviderManager dialog chrome', () => {
   it('clips its children to the rounded corners', () => {
     const dialog = blockOf('.dialog');
 
-    expect(dialog).toMatch(/border-radius:\s*4px/);
-    expect(dialog).toMatch(/overflow:\s*hidden/);
+    expect(dialog).toMatch(/border-radius:\s*4px/u);
+    expect(dialog).toMatch(/overflow:\s*hidden/u);
   });
 
   it('leaves the corner rounding to the dialog instead of the footer', () => {
-    expect(blockOf('.footer-hint')).not.toMatch(/border-radius/);
+    expect(blockOf('.footer-hint')).not.toMatch(/border-radius/u);
   });
 });