import 'jest-styled-components';
import '@testing-library/jest-dom/extend-expect';
import { configure } from '@testing-library/dom';

configure({
  testIdAttribute: 'data-test-id',
});

expect.extend({
  toSelectItem(selectElement, expected) {
    const value = selectElement.querySelector(
      '[data-test-id="selected-item-text"]'
    )?.innerHTML;
    const pass = value === expected;

    if (pass) {
      return {
        message: () => `Expect select element to select item "${expected}"`,
        pass: true,
      };
    }
    return {
      message: () =>
        `Expect select element to select item "${expected}", but receive "${value}"`,
      pass: false,
    };
  },
});