message: test: Fix act errors in CollectionControl test
diff: @@ -85,49 +85,58 @@ const createProps = () => ({
  value: [{ key: 'hrYAZ5iBH' }],
  });
  -test('Should render', () => {
  +test('Should render', async () => {
  const props = createProps();
  render(<CollectionControl {...props} />);
  - expect(screen.getByTestId('CollectionControl')).toBeInTheDocument();
  + expect(await screen.findByTestId('CollectionControl')).toBeInTheDocument();
  });
  -test('Should show the button with the label', () => {
  +test('Should show the button with the label', async () => {
  const props = createProps();
  render(<CollectionControl {...props} />);
  - expect(screen.getByRole('button', { name: props.label })).toBeInTheDocument();
  + expect(
  + await screen.findByRole('button', { name: props.label }),
  + ).toBeInTheDocument();
  expect(screen.getByRole('button', { name: props.label })).toHaveTextContent(
  props.label,
  );
  });
  -test('Should have add button', () => {
  +test('Should have add button', async () => {
  const props = createProps();
  render(<CollectionControl {...props} />);
  + expect(
  + await screen.findByRole('button', { name: 'plus-large' }),
  + ).toBeInTheDocument();
  expect(props.onChange).toBeCalledTimes(0);
  userEvent.click(screen.getByRole('button', { name: 'plus-large' }));
  expect(props.onChange).toBeCalledWith([{ key: 'hrYAZ5iBH' }, undefined]);
  });
  -test('Should have remove button', () => {
  +test('Should have remove button', async () => {
  const props = createProps();
  render(<CollectionControl {...props} />);
  + expect(
  + await screen.findByRole('button', { name: 'remove-item' }),
  + ).toBeInTheDocument();
  expect(props.onChange).toBeCalledTimes(0);
  userEvent.click(screen.getByRole('button', { name: 'remove-item' }));
  expect(props.onChange).toBeCalledWith([]);
  });
  -test('Should have SortableDragger icon', () => {
  +test('Should have SortableDragger icon', async () => {
  const props = createProps();
  render(<CollectionControl {...props} />);
  - expect(screen.getByLabelText('drag')).toBeVisible();
  + expect(await screen.findByLabelText('drag')).toBeVisible();
  });
  -test('Should call Control component', () => {
  +test('Should call Control component', async () => {
  const props = createProps();
  render(<CollectionControl {...props} />);
  + expect(await screen.findByTestId('TestControl')).toBeInTheDocument();
  expect(props.onChange).toBeCalledTimes(0);
  userEvent.click(screen.getByTestId('TestControl'));
  expect(props.onChange).toBeCalledWith([{ key: 'hrYAZ5iBH' }]);
  