Revert "Try to fix the E2E test with AI in Opus 4.5"

This reverts commit a2f564d.

Author: osbre

resources/css/settings.css

@@ -1,8 +1,5 @@
 @import url(https://fonts.bunny.net/css?family=space-grotesk:500,600);
 
-.sa-settings {
-    @tailwind base;
-    @tailwind components;
-}
-
+@tailwind base;
+@tailwind components;
 @tailwind utilities;

src/UI/PageLayoutComponent.php

@@ -31,9 +31,9 @@ public function __invoke(): void
                 padding-left: 0;
             }
         </style>
-        <link rel="preconnect" href="https://fonts.bunny.net">
-        <link rel="stylesheet" href="<?php echo PLUGIN_URL ?>build/css/settings.css">
-        <div class="sa-settings">
+        <template shadowrootmode="open">
+            <link rel="preconnect" href="https://fonts.bunny.net">
+            <link rel="stylesheet" href="<?php echo PLUGIN_URL ?>build/css/settings.css">
             <form method="post" action="options.php">
                 <!-- Hidden fields -->
                 <?php settings_fields($this->page->getOptionGroup($currentTab)); ?>
@@ -106,8 +106,22 @@ function sa_textarea_add_value(textarea, value) {
                         textarea.value += `\n${value}`;
                     }
                 }
-                </script>
-        </div>
+            </script>
+        </template>
+        <script>
+            // Polyfill in case the browser has no support for shadowRootMode
+            // 1. https://developer.chrome.com/docs/css-ui/declarative-shadow-dom#polyfill
+            // 2. https://caniuse.com/mdn-html_elements_template_shadowrootmode
+            (function attachShadowRoots(root) {
+                root.querySelectorAll("template[shadowrootmode]").forEach(template => {
+                    const mode = template.getAttribute("shadowrootmode");
+                    const shadowRoot = template.parentNode.attachShadow({ mode });
+                    shadowRoot.appendChild(template.content);
+                    template.remove();
+                    attachShadowRoots(shadowRoot);
+                });
+            })(document);
+        </script>
         <?php
     }
 

tests/Browser/PluginSettingsTest.php

@@ -35,4 +35,25 @@ public function test_adds_script_with_ignored_pages(): void
             ->visit('/')
             ->assertContains('data-ignore-pages="/vouchers"');
     }
+    //it('adds inactive script for selected user roles', function () {
+    //    $admin = asAdmin()->navigate('http://localhost:8100/wp-admin/options-general.php?page=simpleanalytics&tab=ignore-rules')
+    //        ->check('simpleanalytics_exclude_user_roles-editor')
+    //        ->check('simpleanalytics_exclude_user_roles-author')
+    //        ->click('Save Changes')
+    //        ->assertChecked('simpleanalytics_exclude_user_roles-editor')
+    //        ->assertChecked('simpleanalytics_exclude_user_roles-author');
+    //
+    //    $admin->navigate('http://localhost:8100')
+    //        ->assertPresent(DEFAULT_SCRIPT_SELECTOR);
+    //
+    //    asAuthor()->navigate('http://localhost:8100')
+    //        ->assertPresent(INACTIVE_ADMIN_SCRIPT_SELECTOR)
+    //        ->assertSourceHas(INACTIVE_ADMIN_COMMENT);
+    //
+    //    asEditor()->navigate('http://localhost:8100')
+    //        ->assertPresent(INACTIVE_ADMIN_SCRIPT_SELECTOR)
+    //        ->assertSourceHas(INACTIVE_ADMIN_COMMENT);
+    //});
+
+//    public function
 }