fix react test

aiidateam · Dec 13, 2023 · ce75ef3 · ce75ef3
1 parent b8ad4f4
commit ce75ef3
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/.github/workflows/ci.yaml b/.github/workflows/ci.yaml
@@ -106,6 +106,18 @@ jobs:
  - name: Start AiiDA daemon
  run: verdi daemon start 2
 
+ - name: Install Dependencies
+ working-directory: aiida_worktree/web/frontend
+ run: npm install
+
+ - name: Start React Application
+ working-directory: aiida_worktree/web/frontend
+ run: npm start
+ background: true
+
+ - name: Wait for React App to Start
+ run: sleep 10
+
  - name: Run pytest
  env:
  AIIDA_WARN_v3: 1

diff --git a/aiida_worktree/web/frontend/src/components/WorkTreeLog.js b/aiida_worktree/web/frontend/src/components/WorkTreeLog.js
@@ -3,14 +3,11 @@ import styled from "styled-components";
 
 
 export const WorktreeLogStyle = styled.div`
- width: 50%;
  .log-section {
- background-color: #fff;
  border: 1px solid #ddd;
  padding: 1em;
  overflow-x: auto; /* Add horizontal scrollbar */
  overflow-y: auto; /* Add vertical scrollbar */
- max-height: 400px;
  font-family: monospace;
  white-space: pre;
  font-size: 1.2em;

diff --git a/aiida_worktree/web/frontend/src/components/WorktreeSummary.js b/aiida_worktree/web/frontend/src/components/WorktreeSummary.js
@@ -2,10 +2,8 @@
 import styled from "styled-components";
 
 export const WorktreeInfoStyle = styled.div`
- width: 50%;
  padding: 1em;
  overflow-y: auto;
- background-color: #fff;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  display: flex;