index.test.js

Author: aquinojardim

dev-reactime/package-lock.json

@@ -1,5 +1,5 @@
 {
-  "name": "reactime",
+  "name": "dev-reactime",
   "version": "4.0.0",
   "description": "A library that helps debug React by memorizing the state of components with every render.",
   "main": "index.js",

dev-reactime/package.json

@@ -14,6 +14,43 @@ const state = {
   tabs: {
     87: {
       snapshots: [1, 2, 3, 4],
+      hierarchy: {
+        index: 0,
+        name: 1,
+        branch: 0,
+        stateSnapshot: {
+          state: {},
+          children: [],
+        },
+        children: [{
+          index: 1,
+          name: 2,
+          branch: 0,
+          stateSnapshot: {
+            state: {},
+            children: [],
+          },
+          children: [{
+            index: 2,
+            name: 3,
+            branch: 0,
+            stateSnapshot: {
+              state: {},
+              children: [],
+            },
+            children: [{
+              index: 3,
+              name: 4,
+              branch: 0,
+              stateSnapshot: {
+                state: {},
+                children: [],
+              },
+              children: [],
+            }]
+          }]
+        }]
+      },
       sliderIndex: 0,
       viewIndex: -1,
     },
@@ -46,5 +83,6 @@ describe('testing the emptySnapshot button', () => {
 });
 
 test('number of actions should reflect snapshots array', () => {
+  console.log(wrapper)
   expect(wrapper.find(Action).length).toBe(state.tabs[state.currentTab].snapshots.length);
 });

src/app/__tests__/actionContainer.test.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './components/App';
+
+it('renders without crashing', () => {
+  ReactDOM.render(<App />, document.getElementById('root'));
+})

src/app/__tests__/index.test.js

@@ -15,6 +15,7 @@ const resetSlider = () => {
 function ActionContainer() {
   const [{ tabs, currentTab }, dispatch] = useStoreContext();
   const { hierarchy, sliderIndex, viewIndex } = tabs[currentTab];
+  console.log(tabs[currentTab])
   let actionsArr = [];
   const hierarchyArr = [];