@intuned/browser-dev 2.2.3-unify-sdks.20

package/dist/helpers/tests/testResolveUrl.spec.js

@@ -0,0 +1,341 @@
+"use strict";
+
+var _extendedTest = require("./extendedTest");
+var _ = require("..");
+var _playwright = require("playwright");
+(0, _extendedTest.describe)("ResolveUrl Tests", () => {
+  (0, _extendedTest.describe)("String URL with base URL tests", () => {
+    (0, _extendedTest.test)("relative url simple path", async () => {
+      const result = await (0, _.resolveUrl)({
+        url: "/path/to/page",
+        baseUrl: "https://mhtml-viewer.com"
+      });
+      (0, _extendedTest.expect)(result).toBe("https://mhtml-viewer.com/path/to/page");
+    });
+    (0, _extendedTest.test)("relative url with query", async () => {
+      const result = await (0, _.resolveUrl)({
+        url: "/search?q=test&page=1",
+        baseUrl: "https://mhtml-viewer.com"
+      });
+      (0, _extendedTest.expect)(result).toBe("https://mhtml-viewer.com/search?q=test&page=1");
+    });
+    (0, _extendedTest.test)("relative url with fragment", async () => {
+      const result = await (0, _.resolveUrl)({
+        url: "/page#section1",
+        baseUrl: "https://mhtml-viewer.com"
+      });
+      (0, _extendedTest.expect)(result).toBe("https://mhtml-viewer.com/page#section1");
+    });
+    (0, _extendedTest.test)("relative url with special characters", async () => {
+      const result = await (0, _.resolveUrl)({
+        url: "/path with spaces/file.html",
+        baseUrl: "https://mhtml-viewer.com"
+      });
+      (0, _extendedTest.expect)(result).toBe("https://mhtml-viewer.com/path%20with%20spaces/file.html");
+    });
+    (0, _extendedTest.test)("relative url with encoded characters", async () => {
+      const result = await (0, _.resolveUrl)({
+        url: "/path%20with%20spaces/file.html",
+        baseUrl: "https://mhtml-viewer.com"
+      });
+      (0, _extendedTest.expect)(result).toBe("https://mhtml-viewer.com/path%20with%20spaces/file.html");
+    });
+    (0, _extendedTest.test)("already full url", async () => {
+      const fullUrl = "https://other-site.com/path/to/page";
+      const result = await (0, _.resolveUrl)({
+        url: fullUrl,
+        baseUrl: "https://mhtml-viewer.com"
+      });
+      (0, _extendedTest.expect)(result).toBe(fullUrl);
+    });
+    (0, _extendedTest.test)("relative url current directory", async () => {
+      const result = await (0, _.resolveUrl)({
+        url: "./page.html",
+        baseUrl: "https://mhtml-viewer.com/folder/"
+      });
+      (0, _extendedTest.expect)(result).toBe("https://mhtml-viewer.com/folder/page.html");
+    });
+    (0, _extendedTest.test)("relative url parent directory", async () => {
+      const result = await (0, _.resolveUrl)({
+        url: "../other/page.html",
+        baseUrl: "https://mhtml-viewer.com/folder/subfolder/"
+      });
+      (0, _extendedTest.expect)(result).toBe("https://mhtml-viewer.com/folder/other/page.html");
+    });
+    (0, _extendedTest.test)("query parameter encoding", async () => {
+      const result = await (0, _.resolveUrl)({
+        url: "/search?q=hello world&filter=a+b",
+        baseUrl: "https://mhtml-viewer.com"
+      });
+      console.log("RESULT: ", result);
+      (0, _extendedTest.expect)(result).toBe("https://mhtml-viewer.com/search?q=hello%20world&filter=a%2Bb");
+    });
+  });
+  (0, _extendedTest.describe)("String URL with page tests", () => {
+    (0, _extendedTest.test)("relative url with page basic", async () => {
+      const browser = await _playwright.chromium.launch({
+        headless: true
+      });
+      try {
+        const page = await browser.newPage();
+        await page.goto("https://mhtml-viewer.com/some/path");
+        const result = await (0, _.resolveUrl)({
+          url: "/new/path",
+          page: page
+        });
+        (0, _extendedTest.expect)(result).toBe("https://mhtml-viewer.com/new/path");
+      } finally {
+        await browser.close();
+      }
+    });
+    (0, _extendedTest.test)("already full url with page", async () => {
+      const browser = await _playwright.chromium.launch({
+        headless: true
+      });
+      try {
+        const page = await browser.newPage();
+        await page.goto("https://mhtml-viewer.com/some/path");
+        const fullUrl = "https://other-site.com/different/path";
+        const result = await (0, _.resolveUrl)({
+          url: fullUrl,
+          page: page
+        });
+        (0, _extendedTest.expect)(result).toBe(fullUrl);
+      } finally {
+        await browser.close();
+      }
+    });
+    (0, _extendedTest.test)("page with query and fragment", async () => {
+      const browser = await _playwright.chromium.launch({
+        headless: true
+      });
+      try {
+        const page = await browser.newPage();
+        await page.goto("https://mhtml-viewer.com/folder/page?param=value#section");
+        const result = await (0, _.resolveUrl)({
+          url: "/new/path",
+          page: page
+        });
+        (0, _extendedTest.expect)(result).toBe("https://mhtml-viewer.com/new/path");
+      } finally {
+        await browser.close();
+      }
+    });
+  });
+  (0, _extendedTest.describe)("Locator and ElementHandle tests", () => {
+    (0, _extendedTest.test)("get anchor href basic", async () => {
+      const browser = await _playwright.chromium.launch({
+        headless: true
+      });
+      try {
+        const page = await browser.newPage();
+        await page.goto("https://mhtml-viewer.com");
+        await page.setContent(`
+          <html>
+            <body>
+              <a href="/test/path" id="test-link">Test Link</a>
+            </body>
+          </html>
+        `);
+        const locator = page.locator("#test-link");
+        const result = await (0, _.resolveUrl)({
+          url: locator
+        });
+        (0, _extendedTest.expect)(result).toBe("https://mhtml-viewer.com/test/path");
+      } finally {
+        await browser.close();
+      }
+    });
+    (0, _extendedTest.test)("get anchor href full url", async () => {
+      const browser = await _playwright.chromium.launch({
+        headless: true
+      });
+      try {
+        const page = await browser.newPage();
+        await page.setContent(`
+          <html>
+            <body>
+              <a href="https://other-site.com/page" id="external-link">External Link</a>
+            </body>
+          </html>
+        `);
+        const locator = page.locator("#external-link");
+        const result = await (0, _.resolveUrl)({
+          url: locator
+        });
+        (0, _extendedTest.expect)(result).toBe("https://other-site.com/page");
+      } finally {
+        await browser.close();
+      }
+    });
+    (0, _extendedTest.test)("get anchor href with query and fragment", async () => {
+      const browser = await _playwright.chromium.launch({
+        headless: true
+      });
+      try {
+        const page = await browser.newPage();
+        await page.goto("https://mhtml-viewer.com");
+        await page.setContent(`
+          <html>
+            <body>
+              <a href="/search?q=test&page=1#results" id="complex-link">Search Link</a>
+            </body>
+          </html>
+        `);
+        const locator = page.locator("#complex-link");
+        const result = await (0, _.resolveUrl)({
+          url: locator
+        });
+        (0, _extendedTest.expect)(result).toBe("https://mhtml-viewer.com/search?q=test&page=1#results");
+      } finally {
+        await browser.close();
+      }
+    });
+    (0, _extendedTest.test)("get anchor href non anchor element error", async () => {
+      const browser = await _playwright.chromium.launch({
+        headless: true
+      });
+      try {
+        const page = await browser.newPage();
+        await page.setContent(`
+          <html>
+            <body>
+              <div id="not-anchor">Not a link</div>
+            </body>
+          </html>
+        `);
+        const locator = page.locator("#not-anchor");
+        await (0, _extendedTest.expect)(async () => {
+          await (0, _.resolveUrl)({
+            url: locator
+          });
+        }).rejects.toThrow("Expected an anchor element, got DIV");
+      } finally {
+        await browser.close();
+      }
+    });
+    (0, _extendedTest.test)("get anchor href button element error", async () => {
+      const browser = await _playwright.chromium.launch({
+        headless: true
+      });
+      try {
+        const page = await browser.newPage();
+        await page.setContent(`
+          <html>
+            <body>
+              <button id="button-element">Click me</button>
+            </body>
+          </html>
+        `);
+        const locator = page.locator("#button-element");
+        await (0, _extendedTest.expect)(async () => {
+          await (0, _.resolveUrl)({
+            url: locator
+          });
+        }).rejects.toThrow("Expected an anchor element, got BUTTON");
+      } finally {
+        await browser.close();
+      }
+    });
+    (0, _extendedTest.test)("get anchor href empty href", async () => {
+      const browser = await _playwright.chromium.launch({
+        headless: true
+      });
+      try {
+        const page = await browser.newPage();
+        await page.goto("https://mhtml-viewer.com/current/page");
+        await page.setContent(`
+          <html>
+            <body>
+              <a href="" id="empty-link">Empty Link</a>
+            </body>
+          </html>
+        `);
+        const locator = page.locator("#empty-link");
+        const result = await (0, _.resolveUrl)({
+          url: locator
+        });
+        (0, _extendedTest.expect)(result).toBe("https://mhtml-viewer.com/current/page");
+      } finally {
+        await browser.close();
+      }
+    });
+    (0, _extendedTest.test)("get anchor href hash only", async () => {
+      const browser = await _playwright.chromium.launch({
+        headless: true
+      });
+      try {
+        const page = await browser.newPage();
+        await page.goto("https://mhtml-viewer.com/current/page");
+        await page.setContent(`
+          <html>
+            <body>
+              <a href="#section1" id="hash-link">Hash Link</a>
+            </body>
+          </html>
+        `);
+        const locator = page.locator("#hash-link");
+        const result = await (0, _.resolveUrl)({
+          url: locator
+        });
+        (0, _extendedTest.expect)(result).toBe("https://mhtml-viewer.com/current/page#section1");
+      } finally {
+        await browser.close();
+      }
+    });
+  });
+  (0, _extendedTest.describe)("Error handling tests", () => {
+    (0, _extendedTest.test)("both baseUrl and page provided should throw error", async () => {
+      const browser = await _playwright.chromium.launch({
+        headless: true
+      });
+      try {
+        const page = await browser.newPage();
+        await page.goto("https://mhtml-viewer.com");
+        const invalidParams = {
+          url: "/test",
+          baseUrl: "https://example.com",
+          page: page
+        };
+        await (0, _extendedTest.expect)(async () => {
+          await (0, _.resolveUrl)(invalidParams);
+        }).rejects.toThrow("Cannot provide both 'baseUrl' and 'page' parameters");
+      } finally {
+        await browser.close();
+      }
+    });
+    (0, _extendedTest.test)("neither baseUrl nor page provided should throw error", async () => {
+      const invalidParams = {
+        url: "/test"
+      };
+      await (0, _extendedTest.expect)(async () => {
+        await (0, _.resolveUrl)(invalidParams);
+      }).rejects.toThrow("Must provide either 'baseUrl' or 'page' parameter");
+    });
+    (0, _extendedTest.test)("baseUrl provided with locator should throw error", async () => {
+      const browser = await _playwright.chromium.launch({
+        headless: true
+      });
+      try {
+        const page = await browser.newPage();
+        await page.setContent(`
+          <html>
+            <body>
+              <a href="/test" id="link">Link</a>
+            </body>
+          </html>
+        `);
+        const locator = page.locator("#link");
+        const invalidParams = {
+          url: locator,
+          baseUrl: "https://example.com"
+        };
+        await (0, _extendedTest.expect)(async () => {
+          await (0, _.resolveUrl)(invalidParams);
+        }).rejects.toThrow("baseUrl and page parameters are not needed when url is Locator");
+      } finally {
+        await browser.close();
+      }
+    });
+  });
+});