diff --git a/assets/js/__test__/ProfilePage-test.jsx b/assets/js/__test__/ProfilePage-test.jsx
deleted file mode 100644
index d133f7d105096ed67be9a8e8173c7e2c45664b4b..0000000000000000000000000000000000000000
--- a/assets/js/__test__/ProfilePage-test.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react';
-import ReactTestUtils from 'react-addons-test-utils';
-import ProfilePage from '../ProfilePage';
-import Storage from '../lib/Storage';
-
-describe('ProfilePage', () => {
-  it('renders without problem', () => {
-    const profile = ReactTestUtils.renderIntoDocument(
-      <ProfilePage />);
-    expect(profile).to.exist;
-  });
-});
diff --git a/assets/js/__test__/lib/Dumper-test.jsx b/assets/js/__test__/lib/Dumper-test.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..fa6c2154b6fe2e0e22f5071e5c7ca1e54d4b77db
--- /dev/null
+++ b/assets/js/__test__/lib/Dumper-test.jsx
@@ -0,0 +1,17 @@
+/* eslint-disable no-unused-expressions */
+import Dumper from './../../lib/Dumper';
+
+describe('Dumper', () => {
+  it('Dumper dump successfully', () => {
+    const val = Dumper.dump({
+      hue: ['tes1', 'tes2'],
+      hui: { huo: '123' },
+    });
+    expect(val).to.be.exist;
+  });
+
+  it('Dumper dump correctly', () => {
+    const val = Dumper.dump({ hue: [1, 2, 3] });
+    expect(val).to.equal('hue : [ 1,2,3 ]');
+  })
+});
diff --git a/assets/js/lib/Dumper.jsx b/assets/js/lib/Dumper.jsx
new file mode 100644
index 0000000000000000000000000000000000000000..f1f5cf6e07b695a276295126a2861223afddc8d7
--- /dev/null
+++ b/assets/js/lib/Dumper.jsx
@@ -0,0 +1,7 @@
+/* eslint-disable no-console no-restricted-syntax no-param-reassign */
+
+export default class Dumper {
+  static dump(obj, indent) {
+
+  }
+}