Add Python and JS tests for redirecting from component method.

Author: adamghill

django_unicorn/static/js/component.js

@@ -28,6 +28,7 @@ export class Component {
 
     this.document = args.document || document;
     this.walker = args.walker || walk;
+    this.window = args.window || window;
 
     this.root = undefined;
     this.modelEls = [];

django_unicorn/static/js/messageSender.js

@@ -31,7 +31,7 @@ export function send(component, callback) {
     Accept: "application/json",
     "X-Requested-With": "XMLHttpRequest",
   };
-  headers[component.csrfTokenHeaderName] = getCsrfToken();
+  headers[component.csrfTokenHeaderName] = getCsrfToken(component);
 
   fetch(component.syncUrl, {
     method: "POST",
@@ -58,8 +58,13 @@ export function send(component, callback) {
       }
 
       // Redirect to the specified url if it is set
-      if (responseJson.redirect) {
-        window.location = responseJson.redirect.url;
+      // TODO: For turbolinks support look at https://github.com/livewire/livewire/blob/f2ba1977d73429911f81b3f6363ee8f8fea5abff/js/component/index.js#L330-L336
+      if (responseJson.redirect && responseJson.redirect.url) {
+        component.window.location.href = responseJson.redirect.url;
+
+        if (isFunction(callback)) {
+          callback([], null, null);
+        }
       }
 
       // Remove any unicorn validation messages before trying to merge with morphdom

django_unicorn/static/js/utils.js

@@ -60,10 +60,10 @@ export function $(selector, scope) {
 /**
  * Get the CSRF token used by Django.
  */
-export function getCsrfToken() {
+export function getCsrfToken(component) {
   // Default to looking for the CSRF in the cookie
   const cookieKey = "csrftoken=";
-  const csrfTokenCookie = document.cookie
+  const csrfTokenCookie = component.document.cookie
     .split(";")
     .filter((item) => item.trim().startsWith(cookieKey));
 
@@ -72,7 +72,9 @@ export function getCsrfToken() {
   }
 
   // Fall back to check for the CSRF hidden input
-  const csrfElements = document.getElementsByName("csrfmiddlewaretoken");
+  const csrfElements = component.document.getElementsByName(
+    "csrfmiddlewaretoken"
+  );
 
   if (csrfElements && csrfElements.length > 0) {
     return csrfElements[0].getAttribute("value");