Test

Test

Test

Test

Test

Test

Test

import React, { useState } from 'react';
import { Box, Container, Paper, Typography, Grid } from '@mui/material';
import TestsSummary from './TestsSummary';
import TestsList from './TestsList';
import ErrorsList from './ErrorsList';
import FileUpload from './FileUpload';


const Dashboard = () => {
  const [testResults, setTestResults] = useState(null);


  const handleTestResults = results => {
    setTestResults(results);
  };


  return (
    <Container maxWidth='lg'>
      <Box sx={{ py: 4 }}>
        <Typography variant='h4' component='h1' gutterBottom>
          Newman Test Results Dashboard
        </Typography>


        <FileUpload onResults={handleTestResults} />


        {testResults && (
          <Box sx={{ mt: 4 }}>
            <TestsSummary data={testResults} />


            <Grid container spacing={3} sx={{ mt: 2 }}>
              <Grid item xs={12} md={8}>
                <TestsList tests={testResults.tests} />
              </Grid>
              <Grid item xs={12} md={4}>
                <ErrorsList errors={testResults.errors} />
              </Grid>
            </Grid>
          </Box>
        )}
      </Box>
    </Container>
  );
};


export default Dashboard;

Test