flexysnap 0.1.2-alpha.1 → 0.1.2-alpha.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flexysnap",
-  "version": "0.1.2-alpha.1",
+  "version": "0.1.2-alpha.3",
   "description": "Flexible visual snapshot testing for Playwright, built for e-commerce.",
   "keywords": [
     "playwright",
@@ -45,8 +45,6 @@
   "dependencies": {
     "@playwright/test": "^1.61.1",
     "canvas": "^3.2.3",
-    "glob": "^13.0.6",
-    "playwright": "^1.61.1",
     "sharp": "^0.35.3"
   },
   "devDependencies": {

package/src/index.js

@@ -4,7 +4,9 @@ export {
     click,
     hover,
     fill,
+    selectOption,
     rehover,
+    scrollToTopOfElement,
     setClosePopups,
     logTimestamp,
     setBaseUrl

package/src/testUtils.js

@@ -140,6 +140,25 @@ async function rehover(page) {
     }
 }
 
+async function scrollToTopOfElement(page, target, offset = 0) {
+    const locator = typeof target === 'string' ? page.locator(target) : target;
+    await locator.waitFor({ state: 'attached' });
+
+    const targetScrollY = await locator.evaluate((element, scrollOffset) => {
+        const rect = element.getBoundingClientRect();
+        return rect.top + window.scrollY - scrollOffset;
+    }, offset);
+
+    const maxScrollY = await page.evaluate(() => document.body.scrollHeight - window.innerHeight);
+    const finalScrollY = Math.max(0, Math.min(targetScrollY, maxScrollY));
+
+    await page.evaluate((scrollY) => window.scrollTo(0, scrollY), finalScrollY);
+    await page.waitForTimeout(500);
+    logTimestamp(`Scrolled to position: ${finalScrollY}`);
+
+    return finalScrollY;
+}
+
 async function fill(page, field, value) {
     let locator;
     if (typeof field === 'string') {
@@ -153,13 +172,29 @@ async function fill(page, field, value) {
     
 }
 
-module.exports = {
+async function selectOption(page, field, value) {
+    let locator;
+    if (typeof field === 'string') {
+        const selector = `select[name="${field}"]`;
+        locator = page.locator(selector);
+    } else {
+        locator = field;
+    }
+    await click(page, locator);
+    await locator.selectOption({ label: value });
+    logTimestamp('selecting ' + value + ' on ' + locator);
+    await page.waitForTimeout(500);
+}
+
+export {
     waitForCompleteLoad,
     highlightedClick,
     click,
     hover,
     fill,
+    selectOption,
     rehover,
+    scrollToTopOfElement,
     setClosePopups,
     logTimestamp,
     setBaseUrl