ts: error component

templates/components/error/error.test.ts

@@ -0,0 +1,58 @@
+/*
+ * 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 createError from './index';
+import * as e from './index';
+
+'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());
+
+  const getMsg = (num: number) => `message ${num}`;
+  createError(getMsg(1));
+  let msg = document.querySelector(`.${e.ERR_MSG_CONTAINER}`);
+  expect(msg.innerHTML).toContain(getMsg(1));
+
+  let btn = <HTMLButtonElement>msg.getElementsByClassName(e.ERR_CLOSE)[0];
+  btn.click();
+  msg = document.querySelector(`.${e.ERR_MSG_CONTAINER}`);
+  expect(msg).toEqual(null);
+
+  const errElement = document.createElement('p');
+  errElement.appendChild(document.createTextNode(getMsg(2)));
+  createError(errElement);
+  msg = document.querySelector(`.${e.ERR_MSG_CONTAINER}`).querySelector('p');
+  expect(msg).toEqual(errElement);
+
+  let timeOutElement = document.createElement('p');
+  timeOutElement.appendChild(document.createTextNode(getMsg(2)));
+  createError(timeOutElement, 200);
+  msg = document.querySelector(`.${e.ERR_MSG_CONTAINER}`).querySelector('p');
+  expect(msg).toEqual(timeOutElement);
+  jest.runOnlyPendingTimers();
+  msg = document.querySelector(`.${e.ERR_MSG_CONTAINER}`);
+  expect(msg).toEqual(null);
+});