registration tests

templates/auth/register/ts/emailExists.test.ts

@@ -0,0 +1,42 @@
+/*
+ * 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 fetchMock from 'jest-fetch-mock';
+
+import emailExists from './emailExists';
+
+import {mockAlert, getRegistrationFormHtml} from '../../../setUpTests';
+
+fetchMock.enableMocks();
+mockAlert();
+
+beforeEach(() => {
+  fetchMock.resetMocks();
+});
+
+it('finds exchange', async () => {
+  fetchMock.mockResponseOnce(JSON.stringify({exists: true}));
+
+  document.body.innerHTML = getRegistrationFormHtml();
+  const emailField = <HTMLInputElement>document.getElementById('email');
+  emailField.setAttribute('value', 'test@a.com');
+
+  expect(await emailExists()).toBe(true);
+
+  fetchMock.mockResponseOnce(JSON.stringify({exists: false}));
+  expect(await emailExists()).toBe(false);
+});

templates/auth/register/ts/emailExists.ts

@@ -0,0 +1,44 @@
+/*
+ * 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 ROUTES from '../../../api/v1/routes';
+
+import genJsonPayload from '../../../utils/genJsonPayload';
+
+const emailExists = async () => {
+  const email = <HTMLInputElement>document.getElementById('email');
+  const val = email.value;
+  const payload = {
+    val,
+  };
+
+  const res = await fetch(ROUTES.emailExists, genJsonPayload(payload));
+  if (res.ok) {
+    const data = await res.json();
+    if (data.exists) {
+      email.className += ' form__in-field--warn';
+      alert('Email taken');
+      return data.exists;
+    }
+    return data.exists;
+  } else {
+    const err = await res.json();
+    alert(`error: ${err.error}`);
+  }
+};
+
+export default emailExists;

templates/auth/register/ts/index.ts

@@ -0,0 +1,86 @@
+/*
+ * 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 VIEWS from '../../../views/v1/routes';
+
+import isBlankString from '../../../utils/isBlankString';
+import genJsonPayload from '../../../utils/genJsonPayload';
+
+import userExists from './userExists';
+import emailExists from './emailExists';
+import getFormUrl from '../../../utils/getFormUrl';
+
+//import '../forms.scss';
+
+const usernameElement = <HTMLInputElement>document.getElementById('username');
+const emailElement = <HTMLInputElement>document.getElementById('email');
+const passwordElement = <HTMLInputElement>document.getElementById('password');
+
+const registerUser = async (e: Event) => {
+  e.preventDefault();
+
+  const username = usernameElement.value;
+  isBlankString(username, 'username', e);
+  //isBlankString(e);//, username, 'username');
+
+  const password = passwordElement.value;
+  const passwordCheckElement = <HTMLInputElement>(
+    document.getElementById('password-check')
+  );
+  const passwordCheck = passwordCheckElement.value;
+  if (password != passwordCheck) {
+    return alert("passwords don't match, check again!");
+  }
+
+  let exists = await userExists();
+  if (exists) {
+    return;
+  }
+
+  let email: string|null = emailElement.value;
+  if (!email.replace(/\s/g, '').length) {
+    email = null;
+  } else {
+    exists = await emailExists();
+    if (exists) {
+      return;
+    }
+  }
+
+  const payload = {
+    username,
+    password,
+    confirm_password: passwordCheck,
+    email,
+  };
+  const formUrl = getFormUrl(null);
+
+  const res = await fetch(formUrl, genJsonPayload(payload));
+  if (res.ok) {
+    alert('success');
+    window.location.assign(VIEWS.loginUser);
+  } else {
+    const err = await res.json();
+    alert(`error: ${err.error}`);
+  }
+};
+
+export const index = () => {
+  const form = <HTMLFontElement>document.getElementById('form');
+  form.addEventListener('submit', registerUser, true);
+  usernameElement.addEventListener('input', userExists, false);
+};

templates/auth/register/ts/userExists.test.ts

@@ -0,0 +1,41 @@
+/*
+ * 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 fetchMock from 'jest-fetch-mock';
+
+import userExists from './userExists';
+
+import {mockAlert, getLoginFormHtml} from '../../../setUpTests';
+
+fetchMock.enableMocks();
+mockAlert();
+
+beforeEach(() => {
+  fetchMock.resetMocks();
+});
+
+it('finds exchange', async () => {
+  fetchMock.mockResponseOnce(JSON.stringify({exists: true}));
+
+  document.body.innerHTML = getLoginFormHtml();
+  const usernameField = <HTMLInputElement>document.querySelector('#username');
+  usernameField.value = 'test';
+  expect(await userExists()).toBe(true);
+
+  fetchMock.mockResponseOnce(JSON.stringify({exists: false}));
+  expect(await userExists()).toBe(false);
+});

templates/auth/register/ts/userExists.ts

@@ -0,0 +1,44 @@
+/*
+ * 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 ROUTES from '../../../api/v1/routes';
+
+import genJsonPayload from '../../../utils/genJsonPayload';
+
+const userExists = async () => {
+  const username = <HTMLInputElement>document.getElementById('username');
+  const val = username.value;
+  const payload = {
+    val,
+  };
+
+  const res = await fetch(ROUTES.usernameExists, genJsonPayload(payload));
+  if (res.ok) {
+    const data = await res.json();
+    if (data.exists) {
+      username.className += ' form__in-field--warn';
+      alert('Username taken');
+    }
+    return data.exists;
+  } else {
+    const err = await res.json();
+    alert(`error: ${err.error}`);
+  }
+  return false;
+};
+
+export default userExists;