From cc7e4ad0e2c6148a8db14512c1a994f1a035006c Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Fri, 26 Jun 2020 15:06:46 +0200
Subject: [PATCH] e2e: show browser logs to debug CI issues

---
 e2e/utils.py                          | 6 ++++++
 passbook/static/static/passbook/pf.js | 3 +++
 2 files changed, 9 insertions(+)

diff --git a/e2e/utils.py b/e2e/utils.py
index 775ce6d44..56ccc692a 100644
--- a/e2e/utils.py
+++ b/e2e/utils.py
@@ -16,6 +16,7 @@ from selenium import webdriver
 from selenium.webdriver.common.desired_capabilities import DesiredCapabilities
 from selenium.webdriver.remote.webdriver import WebDriver
 from selenium.webdriver.support.ui import WebDriverWait
+from structlog import get_logger
 
 from passbook.core.models import User
 
@@ -48,6 +49,7 @@ class SeleniumTestCase(StaticLiveServerTestCase):
         self.driver.implicitly_wait(5)
         self.wait = WebDriverWait(self.driver, 60)
         self.apply_default_data()
+        self.logger = get_logger()
 
     def _get_driver(self) -> WebDriver:
         return webdriver.Remote(
@@ -57,6 +59,10 @@ class SeleniumTestCase(StaticLiveServerTestCase):
 
     def tearDown(self):
         self.driver.save_screenshot(f"out/{self.__class__.__name__}_{time()}.png")
+        for line in self.driver.get_log("browser"):
+            self.logger.warning(
+                line["message"], source=line["source"], level=line["level"]
+            )
         self.driver.quit()
         super().tearDown()
 
diff --git a/passbook/static/static/passbook/pf.js b/passbook/static/static/passbook/pf.js
index 52c0aba4c..9f634f3bc 100644
--- a/passbook/static/static/passbook/pf.js
+++ b/passbook/static/static/passbook/pf.js
@@ -50,6 +50,9 @@ const convertToSlug = (text) => {
 document.querySelectorAll("input[name=name]").forEach((input) => {
     input.addEventListener("input", (e) => {
         const form = e.target.closest("form");
+        if (form === null) {
+            return;
+        }
         const slugField = form.querySelector("input[name=slug]");
         slugField.value = convertToSlug(e.target.value);
     });