error handling in auth

templates/components/error/error.test.ts

@@ -18,16 +18,12 @@
 import createError from './index';
 import * as e from './index';
 
+import setup from './setUpTests';
+
 'use strict';
 
 jest.useFakeTimers();
 
-const setup = () => {
-  let x = document.createElement('div');
-  x.id = e.ERR_CONTAINER_ID;
-  return x;
-};
-
 it('checks if error boxes work', () => {
   document.body.append(setup());
 

templates/components/error/index.html

@@ -0,0 +1 @@
+<div id="err__container"></div>

templates/components/error/setUpTests.ts

@@ -0,0 +1,25 @@
+/*
+ * Copyright (C) 2021  Aravinth Manivannan <realaravinth@batsense.net>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+import * as e from './index';
+
+const setup = () => {
+  let x = document.createElement('div');
+  x.id = e.ERR_CONTAINER_ID;
+  return x;
+};
+
+export default setup;

templates/components/footers.html

@@ -15,5 +15,6 @@
     href="<.= &*crate::MOBILE_CSS .>" 
   />
 <script src="<.= &*crate::JS .>"></script>
+<. include!("../components/error/index.html"); .>
 </body>
 </html>