Skip to main content

Image-based web automation for Selenium & Playwright - locate elements by screenshots

Project description

Pyxelator

PYXELATOR

Pixel-based Element Locator for Web Automation

Visual element automation for Selenium & Playwright. No more XPath hunting - just use screenshots!

Python License


Why Pyxelator?

Traditional web automation requires finding elements by:

  • XPath (breaks easily)
  • CSS Selectors (tedious to write)
  • IDs/Classes (may not exist)

With Pyxelator, you just need screenshots!

  • Take screenshot of button/field
  • Use it to find & interact
  • Works with ANY element

Installation

pip install pyxelator

Requirements:

  • Python 3.10+
  • opencv-python
  • numpy
  • selenium or playwright

Quick Start

Super Simple API

from pyxelator import find, click, fill
from selenium import webdriver

driver = webdriver.Chrome()
driver.get('https://example.com')

# That's it! Just use images!
if find(driver, 'login_button.png'):
 click(driver, 'login_button.png')
 fill(driver, 'email_field.png', 'user@example.com')

Or use OOP style

from pyxelator import Pyxelator
from selenium import webdriver

driver = webdriver.Chrome()
driver.get('https://example.com')

px = Pyxelator(driver)

if px.find('login_button.png'):
 px.click('login_button.png')
 px.fill('email_field.png', 'user@example.com')

API Reference

Module Functions (Recommended)

find(driver, image, confidence=0.7)

Check if element exists.

if find(driver, 'button.png'):
 print("Button found!")

Parameters:

  • driver - Selenium WebDriver or Playwright Page
  • image - Path to template image
  • confidence - Match confidence 0.0-1.0 (default: 0.7)

Returns: True if found, False otherwise


locate(driver, image, confidence=0.7)

Get element coordinates.

coords = locate(driver, 'button.png')
if coords:
 print(f"Button at {coords}") # (x, y)

Returns: (x, y) tuple or None


click(driver, image, confidence=0.7)

Click element by image.

click(driver, 'submit_button.png')

Returns: True if clicked, False if not found


fill(driver, image, text, confidence=0.7)

Fill text into element.

fill(driver, 'email_field.png', 'user@example.com')

Returns: True if filled, False if not found


Class API

Pyxelator(driver)

from pyxelator import Pyxelator

px = Pyxelator(driver)
px.find('button.png')
px.click('button.png')
px.fill('input.png', 'text')

Methods:

  • find(image, confidence=0.7) bool
  • locate(image, confidence=0.7) tuple or None
  • click(image, confidence=0.7) bool
  • fill(image, text, confidence=0.7) bool

Usage Examples

Selenium

from selenium import webdriver
from pyxelator import find, click, fill
import time

driver = webdriver.Chrome()
driver.get('https://example.com')
time.sleep(1)

# Login flow
if find(driver, 'login_button.png'):
 fill(driver, 'username.png', 'myuser')
 fill(driver, 'password.png', 'mypass')
 click(driver, 'submit.png')
 print("Logged in!")

driver.quit()

Playwright

from playwright.sync_api import sync_playwright
from pyxelator import find, click, fill
import time

with sync_playwright() as p:
 browser = p.chromium.launch(headless=False)
 page = browser.new_page()
 page.goto('https://example.com')
 time.sleep(1)

 # Same API!
 if find(page, 'login_button.png'):
 fill(page, 'username.png', 'myuser')
 fill(page, 'password.png', 'mypass')
 click(page, 'submit.png')
 print("Logged in!")

 browser.close()

Pytest Integration

import pytest
from selenium import webdriver
from pyxelator import find, click, fill
import time

@pytest.fixture
def driver():
 driver = webdriver.Chrome()
 driver.maximize_window()
 yield driver
 driver.quit()

def test_login(driver):
 driver.get('https://example.com')
 time.sleep(1)

 assert find(driver, 'login_button.png') == True
 assert click(driver, 'login_button.png') == True
 assert fill(driver, 'email.png', 'test@example.com') == True

Creating Template Images

Best Practices:

  1. Screenshot ONE element (button, field, icon)
  2. Keep it small (50x50 to 300x200 pixels)
  3. Choose unique elements (avoid generic ones)
  4. Crop tightly around the element
  5. Use descriptive names (login_button.png, email_field.png)

How to Create:

# Helper script to create templates
from selenium import webdriver
import time

driver = webdriver.Chrome()
driver.get('https://yoursite.com')
time.sleep(2)

# Take full screenshot
driver.save_screenshot('fullpage.png')

# Now open fullpage.png in image editor
# Crop the specific element you want
# Save as: login_button.png, email_field.png, etc.

Confidence Levels

Adjust confidence parameter for matching accuracy:

# Strict matching (0.8-1.0)
find(driver, 'button.png', confidence=0.9)

# Balanced (0.7) - RECOMMENDED
find(driver, 'button.png', confidence=0.7)

# Relaxed (0.5-0.6)
find(driver, 'button.png', confidence=0.5)

Recommendation: Start with 0.7, adjust if needed.


Framework Compatibility

Selenium WebDriver - Fully supported Playwright - Fully supported Auto-detection - No configuration needed

Pyxelator automatically detects which framework you're using!


Troubleshooting

Element Not Found?

  1. Check template size - Must be smaller than viewport
  2. Lower confidence - Try confidence=0.6
  3. Verify element visibility - Element must be on screen
  4. Check template quality - Use clear screenshots

Click Not Working?

  1. Verify element is clickable
  2. Add delay before clicking - time.sleep(1)
  3. Check if element is covered by other elements

Fill Not Working?

  1. Ensure element is input field
  2. Check if field needs to be focused first
  3. Try clicking before filling

Advanced Usage

Multiple Actions

from pyxelator import Pyxelator

px = Pyxelator(driver)

# Chain actions
if px.find('login.png'):
 px.fill('email.png', 'user@test.com')
 px.fill('pass.png', '12345')
 px.click('submit.png')

Custom Confidence Per Element

# Strict for critical buttons
click(driver, 'delete_button.png', confidence=0.9)

# Relaxed for dynamic elements
fill(driver, 'search_box.png', 'query', confidence=0.6)

Error Handling

if not find(driver, 'button.png'):
 print("Button not found, taking alternative action...")
 # Fallback logic here

Testing

Run tests:

# Selenium tests
pytest test_pyxelator_selenium.py -v

# Playwright tests
pytest test_pyxelator_playwright.py -v

# All tests
pytest -v

Contributing

Contributions welcome! Please:

  1. Fork the repository
  2. Create feature branch
  3. Add tests
  4. Submit pull request

License

MIT License - see LICENSE file


Author

Created with for the automation community


Changelog

v0.1.0 (Initial Release)

  • Selenium support
  • Playwright support
  • Auto framework detection
  • Simple function API
  • OOP class API
  • Template matching with OpenCV
  • Click, fill, find, locate actions

Support


**Happy Automating! **

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

pyxelator-0.1.1.tar.gz (340.6 kB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

pyxelator-0.1.1-py3-none-any.whl (7.3 kB view details)

Uploaded Python 3

File details

Details for the file pyxelator-0.1.1.tar.gz.

File metadata

  • Download URL: pyxelator-0.1.1.tar.gz
  • Upload date:
  • Size: 340.6 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/6.2.0 CPython/3.13.7

File hashes

Hashes for pyxelator-0.1.1.tar.gz
Algorithm Hash digest
SHA256 d9752f4283ae24e8d710ad48e0fd93dd50459ca66ab323752edc2cc32789139d
MD5 2dffd675e1e10f16d0fb4a39b4fad950
BLAKE2b-256 c571be67c1867d0f511024e340d97cfd0f789e42f45701b8c8223786b4c061f3

See more details on using hashes here.

File details

Details for the file pyxelator-0.1.1-py3-none-any.whl.

File metadata

  • Download URL: pyxelator-0.1.1-py3-none-any.whl
  • Upload date:
  • Size: 7.3 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/6.2.0 CPython/3.13.7

File hashes

Hashes for pyxelator-0.1.1-py3-none-any.whl
Algorithm Hash digest
SHA256 a51df81514474bd2ace1f3aa64a86826d61ec88ec8184b95d56da25948d6c84d
MD5 d03c0be03a90bf927c72b16579a94fec
BLAKE2b-256 b7914ad9d7fb3ff203c2df5bf6994182e276fa9a0ad4e4fbc69c7cd035947c11

See more details on using hashes here.

Supported by

AWS Cloud computing and Security Sponsor Datadog Monitoring Depot Continuous Integration Fastly CDN Google Download Analytics Pingdom Monitoring Sentry Error logging StatusPage Status page