shadow dom with no id

Author: umar-sofyrus

shadow_dom_test.html

@@ -118,5 +118,27 @@ <h4>iFrame Content</h4>
         </div>
     </div>
 
+    <div class="container">
+        <h2>5. Shadow DOM with No Stable IDs (CSS/XPath Test)</h2>
+        <p>This case requires finding the element using tag names, class names, or text, as neither the host nor the target element has an 'id'.</p>
+        
+        <div class="shadow-host no-id-host"> 
+            <h3>Host Element: No IDs</h3>
+            <template shadowrootmode="open">
+                <style>
+                    .shadow-content { background-color: #f3e5f5; padding: 10px; border: 1px solid purple; }
+                    .target-button { background-color: purple; color: white; padding: 8px; border: none; cursor: pointer; }
+                </style>
+                <div class="shadow-content">
+                    <p>Content is inside the Shadow Root.</p>
+                    
+                    <button class="target-button" onclick="alert('No-ID Button Clicked!')">Unique Button Text</button>
+                    
+                    <input type="text" placeholder="Input without ID">
+                </div>
+            </template>
+        </div>
+    </div>
+
 </body>
 </html>