message: test: Fix act errors in DatasourcePanelDragOption test
diff: * under the License.
  */
  import React from 'react';
  -import { DndProvider } from 'react-dnd';
  -import { HTML5Backend } from 'react-dnd-html5-backend';
  import { render, screen } from 'spec/helpers/testing-library';
  import { DndItemType } from 'src/explore/components/DndItemType';
  import DatasourcePanelDragOption from '.';
  -test('should render', () => {
  +test('should render', async () => {
  render(
  - <DndProvider backend={HTML5Backend}>
  <DatasourcePanelDragOption
  value={{ metric_name: 'test' }}
  type={DndItemType.Metric}
  - />
  - </DndProvider>,
  + />,
  + { useDnd: true },
  );
  - expect(screen.getByTestId('DatasourcePanelDragOption')).toBeInTheDocument();
  + expect(
  + await screen.findByTestId('DatasourcePanelDragOption'),
  + ).toBeInTheDocument();
  expect(screen.getByText('test')).toBeInTheDocument();
  });
  -test('should have attribute draggable:true', () => {
  +test('should have attribute draggable:true', async () => {
  render(
  - <DndProvider backend={HTML5Backend}>
  <DatasourcePanelDragOption
  value={{ metric_name: 'test' }}
  type={DndItemType.Metric}
  - />
  - </DndProvider>,
  + />,
  + { useDnd: true },
  );
  - expect(screen.getByTestId('DatasourcePanelDragOption')).toHaveAttribute(
  - 'draggable',
  - 'true',
  - );
  + expect(
  + await screen.findByTestId('DatasourcePanelDragOption'),
  + ).toHaveAttribute('draggable', 'true');
  });
  