Update app.py

app.py

@@ -394,8 +394,16 @@ def run_all_tests(url):
     
     return perf, seo, sec, a11y
 
+# Custom CSS for scrollable textboxes
+custom_css = """
+.scrollable-textbox textarea {
+    max-height: 400px !important;
+    overflow-y: auto !important;
+}
+"""
+
 # Create Gradio Interface
-with gr.Blocks(title="Web Testing Suite", theme=gr.themes.Soft()) as demo:
+with gr.Blocks(title="Web Testing Suite", theme=gr.themes.Soft(), css=custom_css) as demo:
     gr.Markdown("""
     # 🚀 Comprehensive Web Testing Suite
     Test any website for **Performance**, **SEO**, **Security**, and **Accessibility**
@@ -404,12 +412,73 @@ with gr.Blocks(title="Web Testing Suite", theme=gr.themes.Soft()) as demo:
     with gr.Row():
         url_input = gr.Textbox(
             label="🌐 Website URL",
-            placeholder="https://example.com",
+            placeholder="https://example.com or example.com",
             scale=3
         )
     
     with gr.Row():
         test_all_btn = gr.Button("🔍 Run All Tests", variant="primary", scale=1)
+        guideline_btn = gr.Button("📖 Show Guidelines", variant="secondary", scale=1)
+    
+    # Guidelines Accordion
+    with gr.Accordion("📋 Testing Guidelines & Features", open=False, visible=False) as guidelines_section:
+        gr.Markdown("""
+        ## 📦 What's Included
+
+        ### 1. ⚡ Performance Tester
+        - **TTFB** (Time To First Byte)
+        - Full page load metrics with Selenium
+        - DNS, TCP, and response time measurements
+        - Payload size analysis (HTML, CSS, JS, images)
+        - Resource count tracking
+        - Lighthouse integration for Core Web Vitals (FCP, LCP, CLS, TTI)
+
+        ### 2. 🔍 SEO Auditor
+        - Meta tag validation (title, description, OG tags)
+        - Title/description length optimization checks
+        - Header structure analysis (H1-H3)
+        - Broken internal link detection
+        - Sitemap.xml verification
+        - JSON-LD schema extraction
+
+        ### 3. 🔒 Security Tester
+        - SSL certificate validation & expiry check
+        - Security headers audit (CSP, HSTS, X-Frame-Options, etc.)
+        - Mixed content detection (HTTP on HTTPS pages)
+        - Basic XSS vulnerability testing
+        - CORS configuration analysis
+
+        ### 4. ♿ Accessibility Tester
+        - Missing alt attribute detection
+        - ARIA role validation
+        - Form label checking
+        - Keyboard focus/tabindex analysis
+        - WCAG compliance indicators
+
+        ### 5. 🤖 E2E Tester (Selenium)
+        - Login flow automation
+        - Form submission testing
+        - Button click interactions
+        - Screenshot capture
+        - Performance tracing
+        - Custom test suite runner
+
+        ---
+
+        ## 💡 How to Use
+        1. Enter your website URL (with or without https://)
+        2. Click **"Run All Tests"** for comprehensive analysis
+        3. Or click individual test buttons for specific checks
+        4. View detailed results in each tab
+        5. Results are scrollable for long outputs
+
+        ## 🎯 Best Practices
+        - Test after major updates
+        - Regular security audits recommended
+        - Fix accessibility issues for better UX
+        - Monitor performance metrics monthly
+        - Keep SEO elements updated
+        """)
     
     with gr.Row():
         perf_btn = gr.Button("⚡ Performance", scale=1)
@@ -419,16 +488,55 @@ with gr.Blocks(title="Web Testing Suite", theme=gr.themes.Soft()) as demo:
     
     with gr.Tabs():
         with gr.Tab("⚡ Performance"):
-            perf_output = gr.Textbox(label="Results", lines=15)
+            perf_output = gr.Textbox(
+                label="Performance Test Results", 
+                lines=20,
+                max_lines=20,
+                elem_classes=["scrollable-textbox"]
+            )
         
         with gr.Tab("🔍 SEO"):
-            seo_output = gr.Textbox(label="Results", lines=15)
+            seo_output = gr.Textbox(
+                label="SEO Audit Results", 
+                lines=20,
+                max_lines=20,
+                elem_classes=["scrollable-textbox"]
+            )
         
         with gr.Tab("🔒 Security"):
-            sec_output = gr.Textbox(label="Results", lines=15)
+            sec_output = gr.Textbox(
+                label="Security Test Results", 
+                lines=20,
+                max_lines=20,
+                elem_classes=["scrollable-textbox"]
+            )
         
         with gr.Tab("♿ Accessibility"):
-            a11y_output = gr.Textbox(label="Results", lines=15)
+            a11y_output = gr.Textbox(
+                label="Accessibility Test Results", 
+                lines=20,
+                max_lines=20,
+                elem_classes=["scrollable-textbox"]
+            )
+    
+    gr.Markdown("""
+    ---
+    ### 📊 Quick Reference
+    - ✅ **Green**: Passed / Optimal
+    - ⚠️ **Yellow**: Needs Attention
+    - ❌ **Red**: Failed / Critical Issue
+    
+    *Results are automatically scrollable when content exceeds the display area*
+    """)
+    
+    # Toggle guidelines visibility
+    def toggle_guidelines():
+        return gr.Accordion(visible=True, open=True)
+    
+    guideline_btn.click(
+        toggle_guidelines,
+        outputs=[guidelines_section]
+    )
     
     # Button actions
     test_all_btn.click(
@@ -441,15 +549,6 @@ with gr.Blocks(title="Web Testing Suite", theme=gr.themes.Soft()) as demo:
     seo_btn.click(run_seo_audit, inputs=[url_input], outputs=[seo_output])
     sec_btn.click(run_security_test, inputs=[url_input], outputs=[sec_output])
     a11y_btn.click(run_accessibility_test, inputs=[url_input], outputs=[a11y_output])
-    
-    gr.Markdown("""
-    ---
-    ### 📋 What Each Test Checks:
-    - **⚡ Performance**: TTFB, Page Size, Resource Count, Compression
-    - **🔍 SEO**: Meta Tags, Headers, Sitemap, Title/Description Length
-    - **🔒 Security**: SSL, Security Headers, Mixed Content
-    - **♿ Accessibility**: Alt Text, Form Labels, ARIA Roles
-    """)
 
 if __name__ == "__main__":
     demo.launch()