widget static resources are now built locally

templates/widget/js/tests/const.test.ts

@@ -0,0 +1,50 @@
+/*
+ * mCaptcha is a PoW based DoS protection software.
+ * This is the frontend web component of the mCaptcha system
+ * Copyright © 2021 Aravinth Manivnanan <realaravinth@batsense.net>.
+ *
+ * Use of this source code is governed by Apache 2.0 or MIT license.
+ * You shoud have received a copy of MIT and Apache 2.0 along with
+ * this program. If not, see <https://spdx.org/licenses/MIT.html> for
+ * MIT or <http://www.apache.org/licenses/LICENSE-2.0> for Apache.
+ */
+import * as CONST from '../const';
+
+import {getBaseHtml, sitekey, checkbox} from './setupTests';
+import * as TESTElements from './setupTests';
+
+it('const works', () => {
+  const body = document.querySelector('body');
+  const container = getBaseHtml();
+  body.appendChild(container);
+  expect(CONST.sitekey()).toBe(sitekey);
+  expect(CONST.btn()).toBe(checkbox);
+
+  // display after
+  CONST.messageText().after();
+  expect(TESTElements.afterMsg.style.display).toBe('block');
+  expect(TESTElements.beforeMsg.style.display).toBe('none');
+  expect(TESTElements.duringMsg.style.display).toBe('none');
+  expect(TESTElements.errorMsg.style.display).toBe('none');
+
+  // display before
+  CONST.messageText().before();
+  expect(TESTElements.afterMsg.style.display).toBe('none');
+  expect(TESTElements.beforeMsg.style.display).toBe('block');
+  expect(TESTElements.duringMsg.style.display).toBe('none');
+  expect(TESTElements.errorMsg.style.display).toBe('none');
+
+  // display during
+  CONST.messageText().during();
+  expect(TESTElements.afterMsg.style.display).toBe('none');
+  expect(TESTElements.beforeMsg.style.display).toBe('none');
+  expect(TESTElements.duringMsg.style.display).toBe('block');
+  expect(TESTElements.errorMsg.style.display).toBe('none');
+
+  // display error
+  CONST.messageText().error();
+  expect(TESTElements.afterMsg.style.display).toBe('none');
+  expect(TESTElements.beforeMsg.style.display).toBe('none');
+  expect(TESTElements.duringMsg.style.display).toBe('none');
+  expect(TESTElements.errorMsg.style.display).toBe('block');
+});

templates/widget/js/tests/setupTests.ts

@@ -0,0 +1,40 @@
+/*
+ * mCaptcha is a PoW based DoS protection software.
+ * This is the frontend web component of the mCaptcha system
+ * Copyright © 2021 Aravinth Manivnanan <realaravinth@batsense.net>.
+ *
+ * Use of this source code is governed by Apache 2.0 or MIT license.
+ * You shoud have received a copy of MIT and Apache 2.0 along with
+ * this program. If not, see <https://spdx.org/licenses/MIT.html> for
+ * MIT or <http://www.apache.org/licenses/LICENSE-2.0> for Apache.
+ */
+import * as CONST from '../const';
+
+export const sitekey = 'imbatman';
+
+export const checkbox = <HTMLInputElement>document.createElement('input');
+checkbox.type = 'checkbox';
+checkbox.id = CONST.btnId;
+
+const getMessages = (state: string) => {
+  const msg = <HTMLElement>document.createElement('span');
+  msg.className = `widget__verification-text--${state}`;
+  return msg;
+};
+
+export const beforeMsg = getMessages('before');
+export const afterMsg = getMessages('after');
+export const duringMsg = getMessages('during');
+export const errorMsg = getMessages('error');
+
+/** get base HTML with empty mCaptcha container */
+export const getBaseHtml = () => {
+  const form = <HTMLFormElement>document.createElement('form');
+  form.appendChild(checkbox);
+  form.appendChild(beforeMsg);
+  form.appendChild(duringMsg);
+  form.appendChild(afterMsg);
+  form.appendChild(errorMsg);
+
+  return form;
+};