Mock fetch for other component tests.

Author: adamghill

tests/js/component/messageSender.test.js

@@ -5,11 +5,12 @@ import { send } from "../../../django_unicorn/static/js/messageSender.js";
 
 test.cb("click on internal element", (t) => {
   const html = `
-  <input type="hidden" name="csrfmiddlewaretoken" value="vte8BO6vgh1t7zUMDm8fdhpDNV62Hfc1fibo0a5doKc7DE0LybjTw5UNS6YMaYDa">
-  <div unicorn:id="5jypjiyb" unicorn:name="text-inputs" unicorn:checksum="GXzew3Km">
+<input type="hidden" name="csrfmiddlewaretoken" value="asdf">
+<div unicorn:id="5jypjiyb" unicorn:name="text-inputs" unicorn:checksum="GXzew3Km">
     <input unicorn:model='name'></input>
     <button unicorn:click='test()'><span id="clicker">Click</span></button>
-  </div>`;
+</div>
+  `;
 
   const component = getComponent(html);
 

tests/js/utils.js

@@ -1,4 +1,5 @@
 import { JSDOM } from "jsdom";
+import fetchMock from "fetch-mock";
 import { Element } from "../../django_unicorn/static/js/element.js";
 import { Component } from "../../django_unicorn/static/js/component.js";
 
@@ -65,9 +66,14 @@ export function getComponent(html, id, name, data) {
 <div unicorn:id="5jypjiyb" unicorn:name="text-inputs" unicorn:checksum="GXzew3Km">
   <input unicorn:model='name'></input>
   <button unicorn:click='name="world"'></button>
-</div>`;
+</div>
+    `;
   }
 
+  html = `
+<input type="hidden" name="csrfmiddlewaretoken" value="asdf">${html}
+  `;
+
   if (typeof id === "undefined") {
     id = "5jypjiyb";
   }
@@ -92,5 +98,15 @@ export function getComponent(html, id, name, data) {
     window: { location: { href: "" } },
   });
 
+  const res = {
+    id: "",
+    dom: "",
+    data: {},
+    errors: {},
+    redirect: {},
+    return: {},
+  };
+  global.fetch = fetchMock.sandbox().mock().post("/test/text-inputs", res);
+
   return component;
 }