maint(pat ajax): Add more tests for passing arguments.

Author: thet

src/pat/ajax/ajax.test.js

@@ -1,19 +1,21 @@
+import registry from "../../core/registry";
 import pattern from "./ajax";
 import $ from "jquery";
 import { jest } from "@jest/globals";
 
 var $lab;
 
 describe("pat-ajax", function () {
-    beforeEach(function () {
-        $lab = $("<div/>", { id: "lab" }).appendTo(document.body);
-    });
+    describe("anchor", function () {
+        beforeEach(function () {
+            $lab = $("<div/>", { id: "lab" }).appendTo(document.body);
+        });
 
-    afterEach(function () {
-        $("#lab").remove();
-    });
+        afterEach(function () {
+            document.body.innerHTML = "";
+            jest.restoreAllMocks();
+        });
 
-    describe("anchor", function () {
         it("triggers ajax request on click", function () {
             var $a = $("<a href='href.html' />").appendTo($lab);
             pattern.init($a);
@@ -33,6 +35,7 @@ describe("pat-ajax", function () {
         var $form, $button, spy_ajax;
 
         beforeEach(function () {
+            $lab = $("<div/>", { id: "lab" }).appendTo(document.body);
             $form = $("<form action='action.html'></form>").appendTo($lab);
             $button = $(
                 "<button type='submit' name='submit' value='submit' />"
@@ -42,6 +45,11 @@ describe("pat-ajax", function () {
             spy_ajax = jest.spyOn($, "ajax");
         });
 
+        afterEach(function () {
+            document.body.innerHTML = "";
+            jest.restoreAllMocks();
+        });
+
         it("triggers ajax request on submit", function () {
             $form.submit();
             expect(spy_ajax).toHaveBeenCalled();
@@ -75,4 +83,57 @@ describe("pat-ajax", function () {
             expect(ajaxargs.data).toEqual("input1=value1");
         });
     });
+
+    describe("Arguments can be set", function () {
+        afterEach(function () {
+            document.body.innerHTML = "";
+            jest.restoreAllMocks();
+        });
+
+        // URL
+        it("Gets URL from anchor-href", function () {
+            document.body.innerHTML = `<a class="pat-ajax" href="somewhere.html"/>`;
+            registry.scan(document.body);
+            jest.spyOn($, "ajax");
+            document.body.querySelector(".pat-ajax").click();
+            const ajaxargs = $.ajax.mock.calls[$.ajax.mock.calls.length - 1][0];
+            expect(ajaxargs.url).toEqual("somewhere.html");
+        });
+        it("Gets URL from form-action", function () {
+            document.body.innerHTML = `<form class="pat-ajax" action="somewhere.html"/>`;
+            registry.scan(document.body);
+            jest.spyOn($, "ajax");
+            $(".pat-ajax").submit();
+            const ajaxargs = $.ajax.mock.calls[$.ajax.mock.calls.length - 1][0];
+            expect(ajaxargs.url).toEqual("somewhere.html");
+        });
+        it("Can explicitly set URL on anchor", function () {
+            document.body.innerHTML = `
+              <a
+                  class="pat-ajax"
+                  href="somewhere.html"
+                  data-pat-ajax="url: else.html"
+              />
+            `;
+            registry.scan(document.body);
+            jest.spyOn($, "ajax");
+            document.body.querySelector(".pat-ajax").click();
+            const ajaxargs = $.ajax.mock.calls[$.ajax.mock.calls.length - 1][0];
+            expect(ajaxargs.url).toEqual("else.html");
+        });
+        it("Can explicitly set URL on form", function () {
+            document.body.innerHTML = `
+              <form
+                  class="pat-ajax"
+                  action="somewhere.html"
+                  data-pat-ajax="url: else.html"
+              />
+            `;
+            registry.scan(document.body);
+            jest.spyOn($, "ajax");
+            $(".pat-ajax").submit();
+            const ajaxargs = $.ajax.mock.calls[$.ajax.mock.calls.length - 1][0];
+            expect(ajaxargs.url).toEqual("else.html");
+        });
+    });
 });