Browser Automation Skill

Playwright CSS Selector Reference

Basic Selectors

#id

#checkout-btn

.class

.add-to-cart

tag

button

input

[attr=val]

[data-testid="submit"]

tag.class

button.primary

Form Selectors

input[type="email"]

input[type="password"]

input[type="search"]

input[name="q"]

textarea

select[name="country"]

input[type="checkbox"]

input[type="radio"]

button[type="submit"]

Navigation Selectors

a[href*="cart"]

a[href*="checkout"]

a[href*="login"]

nav a

.breadcrumb a

[role="navigation"] a

E-commerce Selectors

.product-price

[data-price]

.add-to-cart

#add-to-cart

.cart-total

.order-total

.quantity

input[name="quantity"]

.checkout-btn

#checkout

Common Workflows

Product Search & Purchase

1. browser_navigate → store homepage
2. browser_type → search box with product name
3. browser_click → search button or press Enter
4. browser_read_page → scan results
5. browser_click → desired product
6. browser_read_page → verify product details & price
7. browser_click → "Add to Cart"
8. browser_navigate → cart page
9. browser_read_page → verify cart contents & total
10. STOP → Report to user, wait for approval
11. browser_click → "Proceed to Checkout" (only after approval)

Account Login

1. browser_navigate → login page
2. browser_type → email/username field
3. browser_type → password field
4. browser_click → login/submit button
5. browser_read_page → verify successful login

Form Submission

1. browser_navigate → form page
2. browser_read_page → understand form structure
3. browser_type → fill each field sequentially
4. browser_click → checkboxes/radio buttons as needed
5. browser_screenshot → visual verification before submit
6. browser_click → submit button
7. browser_read_page → verify confirmation

Price Comparison

1. For each store:
   a. browser_navigate → store URL
   b. browser_type → search query
   c. browser_read_page → extract prices
   d. memory_store → save price data
2. memory_recall → compare all prices
3. Report findings to user

Error Recovery Strategies

Security Checklist

• Verify domain before entering credentials
• Never store passwords in memory_store
• Check for HTTPS before submitting sensitive data
• Report suspicious redirects to user
• Never auto-approve financial transactions
• Warn about phishing indicators (misspelled domains, unusual URLs)