Housekeeping & Test Coverage

.github/workflows/develop.yml

@@ -33,5 +33,10 @@ jobs:
       - name: Run Unit Tests
         env:
           TZ: UTC
-        run: npm run test:ci --workspace=@tomplum/react-git-log
+        run: npm run test:unit:ci --workspace=@tomplum/react-git-log
+
+      - name: Run Integration Tests
+        env:
+          TZ: UTC
+        run: npm run test:integration:ci --workspace=@tomplum/react-git-log
 

.github/workflows/release.yml

@@ -24,6 +24,16 @@ jobs:
       - name: Build Library
         run: npm run build --workspace=@tomplum/react-git-log
 
+      - name: Run Unit Tests
+        env:
+          TZ: UTC
+        run: npm run test:unit:ci --workspace=@tomplum/react-git-log
+
+      - name: Run Integration Tests
+        env:
+          TZ: UTC
+        run: npm run test:integration:ci --workspace=@tomplum/react-git-log
+
       - name: Build Storybook
         run: npm run build-storybook --workspace=@tomplum/react-git-log-demo
 

.gitignore

@@ -25,3 +25,5 @@ dist-ssr
 
 *storybook.log
 packages/demo/storybook-static
+
+packages/library/coverage

.run/library _ test_integration.run.xml

@@ -0,0 +1,12 @@
+<component name="ProjectRunConfigurationManager">
+  <configuration default="false" name="library &gt; test:integration" type="js.build_tools.npm" nameIsGenerated="true">
+    <package-json value="$PROJECT_DIR$/packages/library/package.json" />
+    <command value="run" />
+    <scripts>
+      <script value="test:integration" />
+    </scripts>
+    <node-interpreter value="project" />
+    <envs />
+    <method v="2" />
+  </configuration>
+</component>

.run/library _ test.run.xml → .run/library _ test_unit.run.xml

@@ -1,9 +1,9 @@
 <component name="ProjectRunConfigurationManager">
-  <configuration default="false" name="library &gt; test" type="js.build_tools.npm" nameIsGenerated="true">
+  <configuration default="false" name="library &gt; test:unit" type="js.build_tools.npm" nameIsGenerated="true">
     <package-json value="$PROJECT_DIR$/packages/library/package.json" />
     <command value="run" />
     <scripts>
-      <script value="test" />
+      <script value="test:unit" />
     </scripts>
     <node-interpreter value="project" />
     <envs />

.run/library _ test_unit_ui.run.xml

@@ -0,0 +1,12 @@
+<component name="ProjectRunConfigurationManager">
+  <configuration default="false" name="library &gt; test:unit:ui" type="js.build_tools.npm" nameIsGenerated="true">
+    <package-json value="$PROJECT_DIR$/packages/library/package.json" />
+    <command value="run" />
+    <scripts>
+      <script value="test:unit:ui" />
+    </scripts>
+    <node-interpreter value="project" />
+    <envs />
+    <method v="2" />
+  </configuration>
+</component>

README.md

@@ -6,6 +6,8 @@
 # :seedling: React Git Log
 
 A flexible and interactive React component for visualising Git commit history. Displays a branching graph alongside commit, branch and tag metadata, with support for customised theming.
+
+# Contents
 <!-- TOC -->
 * [Features](#features)
 * [Using the component](#using-the-component)
@@ -168,21 +170,18 @@ This will write `git-log.txt` in the directory where you ran the command. It can
 - And Iain Ballard for his experimental GUI [SnivellingGit](https://github.com/i-e-b/SnivellingGit/tree/master)
 
 # Roadmap
-- Filtering of branches
-- Filter by commit message search?
-- Filtering of date?
 - Show code in stories
-- Tests
 - Expose custom theme object off the Theme type
 - Performance testing on large repos
 - Can Zustand help us here to reduce re-renders with GitContext Provider?
 - Add error boundary
-- Add empty state
 - Expose component override props for things like CommitNode, CommitMessage etc.
 - Straight line prop to turn curves into right angles?
-- Add data-testids to all relevant elements for testing
 - Node size parameter to make the graph even more compact as it will reduce the minimum column width
 - Line curve radius prop?
 - Should we split the component in 3 sub-components with a wrapper, like `GitLog` and `GitLog.Graph` etc.?
 - Fix React docgen in Storybook controls as its not showing the JSDoc from the interface props
-- Extract ThemeContext
+- Extract ThemeContext
+- Mobile responsiveness for the demo site
+- Add min width to commit message grid column
+- Add author to table