add site form validation tests

templates/panel/sitekey/add/ts/form/index.ts

@@ -0,0 +1,64 @@
+/*
+ * 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 {LEVELS} from '../levels';
+
+import getFormUrl from '../../../../../utils/getFormUrl';
+import genJsonPayload from '../../../../../utils/genJsonPayload';
+
+import VIEWS from '../../../../../views/v1/routes';
+
+import validateDescription from './validateDescription';
+import validateDuration from './validateDuration';
+
+const SITE_KEY_FORM_CLASS = 'sitekey-form';
+const FORM = <HTMLFormElement>document.querySelector(`.${SITE_KEY_FORM_CLASS}`);
+
+const addSubmitEventListener = () => {
+  FORM.addEventListener('submit', submit, true);
+};
+
+const submit = async (e: Event) => {
+  e.preventDefault();
+
+  const description = validateDescription(e);
+  const duration = validateDuration(e);
+
+  const formUrl = getFormUrl(FORM);
+
+  const levels = LEVELS.getLevels();
+  console.debug(`[form submition]: levels: ${levels}`);
+
+  const payload = {
+    levels: levels,
+    duration,
+    description,
+  };
+
+  console.debug(`[form submition] json payload: ${JSON.stringify(payload)}`);
+
+  const res = await fetch(formUrl, genJsonPayload(payload));
+  if (res.ok) {
+    alert('success');
+    window.location.assign(VIEWS.sitekey);
+  } else {
+    const err = await res.json();
+    alert(`error: ${err.error}`);
+  }
+};
+
+export default addSubmitEventListener;

templates/panel/sitekey/add/ts/form/validateDescription.test.ts

@@ -0,0 +1,37 @@
+/*
+ * 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 validateDescription from './validateDescription';
+import {getAddForm, fillDescription} from '../setupTests';
+
+document.body.innerHTML = getAddForm();
+
+const emptyErr = "can't be empty";
+
+it('validateDescription workds', () => {
+  try {
+    const event = new Event('submit');
+    validateDescription(event);
+  } catch (e) {
+    expect(e.message).toContain(emptyErr);
+  }
+
+  // fill and validate
+  fillDescription('testing');
+  const event = new Event('submit');
+  validateDescription(event);
+});

templates/panel/sitekey/add/ts/form/validateDescription.ts

@@ -0,0 +1,28 @@
+/*
+ * 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 isBlankString from '../../../../../utils/isBlankString';
+
+const validateDescription = (e: Event) => {
+  const inputElement = <HTMLInputElement>document.getElementById('description');
+  const val = inputElement.value;
+  const filed = 'Description';
+  isBlankString(val, filed, e);
+  return val;
+};
+
+export default validateDescription;

templates/panel/sitekey/add/ts/form/validateDuration.test.ts

@@ -0,0 +1,74 @@
+/*
+ * 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 isNumber from '../../../../../utils/isNumber';
+
+//const validateDuration = (e: Event) => {
+//  const duartionElement = <HTMLInputElement>document.getElementById('duration');
+//  const duration = parseInt(duartionElement.value);
+//  if (!isNumber(duration) || Number.isNaN(duration)) {
+//    throw new Error('duration can contain nubers only');
+//  }
+//
+//  if (duration <= 0) {
+//    throw new Error('duration must be greater than zero');
+//  }
+//  return duration;
+//};
+//
+//export default validateDuration;
+
+import validateDuration from './validateDuration';
+import {getAddForm, fillDuration} from '../setupTests';
+
+document.body.innerHTML = getAddForm();
+
+const emptyErr = "can't be empty";
+const NaNErr = 'duration can contain nubers only';
+const zeroErr = 'duration must be greater than zero';
+
+const duration = 30;
+
+it('validateDuration workds', () => {
+  try {
+    const event = new Event('submit');
+    validateDuration(event);
+  } catch (e) {
+    expect(e.message).toContain(emptyErr);
+  }
+
+  // fill string error
+  try {
+    fillDuration('testing');
+    const event = new Event('submit');
+    validateDuration(event);
+  } catch (e) {
+    expect(e.message).toContain(NaNErr);
+  }
+
+  // zero err
+  try {
+    fillDuration(0);
+    const event = new Event('submit');
+    validateDuration(event);
+  } catch (e) {
+    expect(e.message).toContain(zeroErr);
+  }
+
+  fillDuration(duration);
+  const event = new Event('submit');
+  expect(validateDuration(event)).toBe(duration);
+});

templates/panel/sitekey/add/ts/form/validateDuration.ts

@@ -0,0 +1,32 @@
+/*
+ * 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 isNumber from '../../../../../utils/isNumber';
+
+const validateDuration = (e: Event) => {
+  const duartionElement = <HTMLInputElement>document.getElementById('duration');
+  const duration = parseInt(duartionElement.value);
+  if (!isNumber(duration) || Number.isNaN(duration)) {
+    throw new Error('duration can contain nubers only');
+  }
+
+  if (duration <= 0) {
+    throw new Error('duration must be greater than zero');
+  }
+  return duration;
+};
+
+export default validateDuration;