WIP: store testing

karma.conf.ts

@@ -7,11 +7,15 @@ process.env.CHROME_BIN = require('puppeteer').executablePath();
 export default (config: Karma.Config) => {
   const configuration: Karma.ConfigOptions = {
     basePath: '',
-    browsers: ['KarmaChromeHeadless'],
+    browsers: process.env.CI ? ['KarmaChromeHeadless'] : ['KarmaChrome'],
     customLaunchers: {
       KarmaChromeHeadless: {
         base: 'ChromeHeadless',
-        flags: ['--no-sandbox']
+        flags: ['--no-sandbox', '--disable-web-security']
+      },
+      KarmaChrome: {
+        base: 'Chrome',
+        flags: ['--no-sandbox', '--disable-web-security']
       }
     },
     files: ['test/loadtests.ts'],

src/stores/GalleryStore.tsx

@@ -3,7 +3,7 @@ import { observable } from 'mobx';
 import { useLocalStore } from 'mobx-react-lite';
 import * as api from '@/utils/api';
 
-const createStore = () => {
+export const createStore = () => {
   const store = observable({
     page: 1,
     isFetching: false,

test/stores/GalleryStoreTest.ts

@@ -0,0 +1,11 @@
+import { expect } from 'chai';
+import { createStore } from '@/stores/GalleryStore';
+
+describe('stores', () => {
+  const store = createStore();
+  it('fetch ranking', async () => {
+    store.setWord('ranking');
+    await store.fetchSource();
+    expect(store.items).to.have.lengthOf.at.least(1);
+  });
+});

test/utils/apiTest.ts

@@ -0,0 +1,15 @@
+import { expect } from 'chai';
+import * as api from '@/utils/api';
+import config from '@/config';
+
+describe('api', () => {
+  it('proxy pixiv image', () => {
+    expect(
+      api.proxyImage(
+        'https://i.pximg.net/c/600x1200_90/img-master/img/2020/04/24/18/00/10/81026143_p0_master1200.jpg'
+      )
+    ).to.equal(
+      `${config.apiBaseURL}/image/i.pximg.net/c/600x1200_90/img-master/img/2020/04/24/18/00/10/81026143_p0_master1200.jpg`
+    );
+  });
+});