@kiwicom/smart-faq/src/shared/StaticFAQ/__test__/SearchAutocomplete.test.js

/**
 * @jest-environment node
 * @flow
 */

import * as React from 'react';
import { MemoryRouter } from 'react-router';
import { render } from 'enzyme';

import SearchAutocomplete from '../SearchAutocomplete';
import PageVariantContext from '../../../SmartFAQ/context/PageVariant';

jest.mock('react-relay', () => ({
  createFragmentContainer: component => component,
}));

const noSearchTranslationKey = 'no_search_results';

describe('SearchAutocomplete', () => {
  it('should list faqs as result for search', () => {
    const faqs = [{ id: '42' }, { id: '1984' }];

    const wrapper = render(
      <MemoryRouter>
        <PageVariantContext.Provider value={{ variant: 'fullPage' }}>
          <SearchAutocomplete faqs={faqs} urlSearchParam={null} />
        </PageVariantContext.Provider>
      </MemoryRouter>,
    );

    expect(wrapper.find('[data-test="autocompleteResult"]')).toHaveLength(2);
    expect(wrapper.text()).not.toContain(noSearchTranslationKey);
  });

  it('should display message when no results were found', () => {
    const faqs = [];

    const wrapper = render(
      <MemoryRouter>
        <PageVariantContext.Provider value={{ variant: 'fullPage' }}>
          <SearchAutocomplete faqs={faqs} urlSearchParam={null} />
        </PageVariantContext.Provider>
      </MemoryRouter>,
    );

    expect(wrapper.text()).toContain(noSearchTranslationKey);
    expect(wrapper.find('[data-test="autocompleteResult"]')).toHaveLength(0);
  });
});