Блог

Эй, ребята, я сделал панель мониторинга и использовал некоторые диаграммы с chart.js там и сейчас, после того, как он работает нормально, мой тест проваливается, я не могу понять, почему, пожалуйста, помогите

это моя панель мониторинга

 import React from 'react';
import styles from './SuperAdminDashboard.module.css';
import { Line } from 'react-chartjs-2';

const line_state = {
  labels: [
    'January',
    'February',
    'March',
  ],
  datasets: [
    {
      label: 'Uptime',
      backgroundColor: 'rgba(75,192,192,1)',
      borderColor: 'rgba(0,0,0,1)',
      borderWidth: 2,
      data: [65, 59, 80],
    },
  ],
};

function SuperAdminDashboard(): JSX.Element {
  return (
    <>
      <div className={styles.first_box}>
        <h2>Dashboard</h2>
            <h4>API Uptime Statistics</h4>
            <div>
              <Line
                type
                data={line_state}
                options={{
                  maintainAspectRatio: false,
                }}
              />
            </div>
          </div>
    </>
  );
}

export default SuperAdminDashboard;
 

а это мой файл для тестирования

 import React from 'react';
import { render, screen } from '@testing-library/react';
import SuperAdminDashboard from './SuperAdminDashboard';

describe('Testing the LoginPage', () => {
  test('should show the text on the website', () => {
    render(<SuperAdminDashboard />);
    expect(screen.getByText('Dashboard')).toBeInTheDocument();
    expect(screen.getByText('API Uptime Statistics')).toBeInTheDocument();
});

 

и это та проблема, с которой я сталкиваюсь