changes

Author: Dave3130

public/_redirects

@@ -0,0 +1 @@
+/*    /index.html   200

src/App.tsx

@@ -91,7 +91,7 @@ const ShoppingCartPage = () => {
                   <div className="text-blue-600 font-bold text-lg">${item.price} x {item.quantity}</div>
                   <div className="flex items-center gap-2 mt-2">
                     <button className="px-2 py-1 bg-gray-200 rounded" onClick={() => decrementFromCart(item.id)}>-</button>
-                    <span className="px-2">{item.quantity}</span>
+                    <span className="px-2" id="item-quantity">{item.quantity}</span>
                     <button className="px-2 py-1 bg-gray-200 rounded" onClick={() => addToCart(item, 1)}>+</button>
                   </div>
                 </div>

src/pages/Scenarios.tsx

@@ -124,7 +124,7 @@ const Scenarios: React.FC = () => {
                         title: 'Link copied',
                         description: 'The scenario URL is ready to share.',
                         className: toastStyles,
-                        duration: 800
+                        duration: 3000
                       });
                     });
                   }
@@ -160,6 +160,7 @@ const Scenarios: React.FC = () => {
                 </div>
                 <button
                   onClick={() => setToggleState(!toggleState)}
+                  id="feature-toggle-btn"
                   className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${
                     toggleState ? 'bg-blue-600' : 'bg-gray-200'
                   }`}
@@ -202,6 +203,7 @@ const Scenarios: React.FC = () => {
                 {[25, 50, 75, 100].map((value) => (
                   <button
                     key={value}
+                    id={`progress-btn-${value}`}
                     onClick={() => setProgressValue(value)}
                     className="flex-1 py-2 px-2 text-sm rounded-lg font-medium transition-all bg-gray-100 text-gray-700 hover:bg-gray-200"
                   >