From 01ea18d91d2f76d30d670ba2201ea8cf5faecd4a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20Guti=C3=A9rrez?=
 <35082514+alezmad@users.noreply.github.com>
Date: Thu, 22 Jan 2026 14:20:54 +0000
Subject: [PATCH] Add test URL quick-select buttons to frontend
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Small (~79 reviews): R. Fleitas Peluqueros
- Medium (~589 reviews): ClickRent Gran Canaria
- Large (~2000+ reviews): Hospital Doctor Negrín

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 web/components/ScraperTest.tsx | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/web/components/ScraperTest.tsx b/web/components/ScraperTest.tsx
index 564e049..c29f84d 100644
--- a/web/components/ScraperTest.tsx
+++ b/web/components/ScraperTest.tsx
@@ -318,8 +318,37 @@ export default function ScraperTest() {
     searchInputRef.current?.focus();
   };
 
+  // Test URLs at different scales
+  const testUrls = [
+    { name: '🏪 Small (~79)', query: 'R. Fleitas Peluqueros Gran Canaria' },
+    { name: '🚗 Medium (~589)', query: 'ClickRent Gran Canaria' },
+    { name: '🏥 Large (~2000+)', query: 'Hospital Universitario Doctor Negrín Las Palmas' },
+  ];
+
   return (
     <div className="w-full max-w-4xl mx-auto">
+      {/* Test URL Quick Select */}
+      <div className="mb-4 p-3 bg-gray-50 border-2 border-gray-200 rounded-xl">
+        <div className="flex items-center gap-2 mb-2">
+          <span className="text-xs font-semibold text-gray-500 uppercase tracking-wide">Quick Test:</span>
+        </div>
+        <div className="flex flex-wrap gap-2">
+          {testUrls.map((test, idx) => (
+            <button
+              key={idx}
+              onClick={() => {
+                setSearchQuery(test.query);
+                setSearchedQuery(test.query);
+                checkReviews(test.query);
+              }}
+              className="px-3 py-1.5 text-sm bg-white border-2 border-gray-300 rounded-lg hover:border-blue-500 hover:bg-blue-50 transition-all font-medium text-gray-700"
+            >
+              {test.name}
+            </button>
+          ))}
+        </div>
+      </div>
+
       {/* Search Interface */}
       <>
           <div className="mb-4 flex gap-2">