Add more tests

package.json

@@ -110,7 +110,7 @@
       "<rootDir>/resources/assets/tests/setup",
       "<rootDir>/resources/assets/tests/utils"
     ],
-    "testRegex": "resources/assets/tests/.*\\.(spec|test)\\.js"
+    "testRegex": "resources/assets/tests/.*\\.(spec|test)\\.js$"
   },
   "serve": {
     "clipboard": false,

resources/assets/src/js/check-updates.js

@@ -1,6 +1,7 @@
+import $ from 'jquery';
 import { init } from './net';
 
-async function checkForUpdates() {
+export async function checkForUpdates() {
     const response = await fetch(`${blessing.base_url}/admin/update/check`, init);
 
     if (response.ok) {
@@ -13,7 +14,7 @@ async function checkForUpdates() {
     }
 }
 
-async function checkForPluginUpdates() {
+export async function checkForPluginUpdates() {
     const response = await fetch(`${blessing.base_url}/admin/plugins/market/check`, init);
 
     if (response.ok) {

resources/assets/src/js/feedback.js

@@ -1,6 +1,6 @@
 import { queryStringify } from './utils';
 
-async function sendFeedback() {
+export async function sendFeedback() {
     if (document.cookie.replace(/(?:(?:^|.*;\s*)feedback_sent\s*=\s*([^;]*).*$)|^.*$/, '$1')) {
         return;
     }

resources/assets/src/js/logout.js

@@ -1,3 +1,4 @@
+import $ from 'jquery';
 import { post } from './net';
 import { swal } from './notify';
 import { trans } from './i18n';

resources/assets/tests/js/__snapshots__/feedback.test.js.snap

@@ -0,0 +1,16 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`send feedback 1`] = `
+Array [
+  "https://work.prinzeugen.net/statistics/feedback",
+  Object {
+    "body": "site_name=Blessing%20Skin&site_url=&version=4.0.0",
+    "headers": Object {
+      "Accept": "application/json",
+      "Content-Type": "application/x-www-form-urlencoded",
+    },
+    "method": "POST",
+    "mode": "cors",
+  },
+]
+`;

resources/assets/tests/js/check-updates.test.js

@@ -0,0 +1,59 @@
+import {
+    checkForUpdates,
+    checkForPluginUpdates
+} from '@/js/check-updates';
+import { init } from '@/js/net';
+
+test('check for BS updates', async () => {
+    window.fetch = jest.fn()
+        .mockResolvedValueOnce({ ok: false })
+        .mockResolvedValueOnce({
+            ok: true,
+            json: () => Promise.resolve({ available: false })
+        })
+        .mockResolvedValueOnce({
+            ok: true,
+            json: () => Promise.resolve({ available: true, latest: '4.0.0' })
+        });
+
+    document.body.innerHTML = `
+        <a href="/admin/update"></a>
+    `;
+
+    await checkForUpdates();
+    expect(window.fetch).toBeCalledWith('/admin/update/check', init);
+    expect(document.querySelector('a').innerHTML).toBe('');
+
+    await checkForUpdates();
+    expect(document.querySelector('a').innerHTML).toBe('');
+
+    await checkForUpdates();
+    expect(document.querySelector('a').innerHTML).toContain('4.0.0');
+});
+
+test('check for plugins updates', async () => {
+    window.fetch = jest.fn()
+        .mockResolvedValueOnce({ ok: false })
+        .mockResolvedValueOnce({
+            ok: true,
+            json: () => Promise.resolve({ available: false })
+        })
+        .mockResolvedValueOnce({
+            ok: true,
+            json: () => Promise.resolve({ available: true, plugins: [{}] })
+        });
+
+    document.body.innerHTML = `
+        <a href="/admin/plugins/market"></a>
+    `;
+
+    await checkForPluginUpdates();
+    expect(window.fetch).toBeCalledWith('/admin/plugins/market/check', init);
+    expect(document.querySelector('a').innerHTML).toBe('');
+
+    await checkForPluginUpdates();
+    expect(document.querySelector('a').innerHTML).toBe('');
+
+    await checkForPluginUpdates();
+    expect(document.querySelector('a').innerHTML).toContain('1');
+});

resources/assets/tests/js/feedback.test.js

@@ -0,0 +1,28 @@
+import { sendFeedback } from '@/js/feedback';
+
+test('send feedback', async () => {
+    window.fetch = jest.fn()
+        .mockResolvedValueOnce({ ok: false })
+        .mockResolvedValueOnce({
+            ok: true,
+            json: () => Promise.resolve({ errno: 1 })
+        })
+        .mockResolvedValue({
+            ok: true,
+            json: () => Promise.resolve({ errno: 0 })
+        });
+
+    await sendFeedback();
+    expect(document.cookie).toBe('');
+    expect(fetch.mock.calls[0]).toMatchSnapshot();
+
+    await sendFeedback();
+    expect(document.cookie).toBe('');
+
+    await sendFeedback();
+    expect(document.cookie).toStartWith('feedback_sent=');
+
+    window.fetch.mockClear();
+    await sendFeedback();
+    expect(window.fetch).not.toBeCalled();
+});

resources/assets/tests/js/logout.test.js

@@ -0,0 +1,18 @@
+import { logout } from '@/js/logout';
+import { post } from '@/js/net';
+import { swal } from '@/js/notify';
+
+jest.mock('@/js/net');
+jest.mock('@/js/notify');
+
+test('log out', async () => {
+    swal.mockResolvedValueOnce({ dismiss: 1 }).mockResolvedValueOnce({});
+    post.mockResolvedValue({ msg: '' });
+
+    await logout();
+    expect(post).not.toBeCalled();
+
+    await logout();
+    expect(post).toBeCalledWith('/auth/logout');
+    jest.runAllTimers();
+});

resources/assets/tests/setup.js

@@ -3,10 +3,12 @@ import Vue from 'vue';
 
 window.blessing = {
     base_url: '',
-    site_name: 'Blessing Skin'
+    site_name: 'Blessing Skin',
+    version: '4.0.0'
 };
 
-console.log = console.warn = console.error = () => {};
+const noop = () => undefined;
+Object.keys(console).forEach(method => console[method] = noop);
 
 Vue.prototype.$t = key => key;