Какие виды тестирования существуют?

import React from 'react';
import { useSelector, useDispatch } from 'react-redux';

export default function CounterWithStore() {
  const count = useSelector((state) => state.counter.value);
  const dispatch = useDispatch();

  return (
    <div>
      <p data-testid="count">Счётчик: {count}</p>
      <button onClick={() => dispatch({ type: 'counter/increment' })}>
        Увеличить
      </button>
    </div>
  );
}

import { configureStore, createSlice } from '@reduxjs/toolkit';

const counterSlice = createSlice({
  name: 'counter',
  initialState: { value: 0 },
  reducers: {
    increment: (state) => { state.value += 1; },
  },
});

export const store = configureStore({
  reducer: { counter: counterSlice.reducer },
});

import { render, screen, fireEvent } from '@testing-library/react';
import { Provider } from 'react-redux';
import { configureStore } from '@reduxjs/toolkit';
import counterReducer from './store';
import CounterWithStore from './CounterWithStore';

function renderWithStore(ui, { initialState } = {}) {
  const store = configureStore({
    reducer: { counter: counterReducer.reducer },
    preloadedState: { counter: initialState || { value: 0 } },
  });

  return render(<Provider store={store}>{ui}</Provider>);
}

describe('CounterWithStore', () => {
  test('отображает значение из Redux и изменяет его при клике', () => {
    renderWithStore(<CounterWithStore />, { initialState: { value: 5 } });

    expect(screen.getByTestId('count')).toHaveTextContent('Счётчик: 5');

    fireEvent.click(screen.getByText('Увеличить'));
    expect(screen.getByTestId('count')).toHaveTextContent('Счётчик: 6');
  });
});

• тестирует связку компонента с реальной логикой стора.

• Не мокаются useSelector или useDispatch.