/* eslint-disable import/no-extraneous-dependencies */
/* eslint-disable no-undef */
import React from 'react';
import { render, cleanup } from '@testing-library/react';
import '@testing-library/jest-dom';

import Sliders from '../components/Sliders';

describe('Slider component', () => {
  afterEach(cleanup);

  test('check sliders status', () => {
    const { getByTestId } = render(<Sliders />);

    expect(getByTestId('sliders')).toBeVisible();
  });

  // test('mouse move on sliders', async () => {
  //   const { getByTestId } = render(<Sliders defaultValue={50} />);
  //   fireEvent.mouseDown(getByTestId('sliders'), {
  //     clientX: 60,
  //     clientY: 15,
  //     buttons: 1,
  //   });

  //   const style = window.getComputedStyle(getByTestId('track'));
  //   console.log(style);
  //   expect(getByTestId('track')).toHaveStyle('left: calc(50% - 10px);');
  // });
});