import { useFacet } from '../../src/useFacet';
import { enhanceProduct, getFiltersFromProductsAttributes } from './../../src/helpers/internals';

jest.mock('./../../src/helpers/internals', () => ({
  enhanceProduct: jest.fn((productResponse) => ({ ...productResponse, _variants: [] })),
  getFiltersFromProductsAttributes: jest.fn(),
  getChannelId: jest.fn()
}));

jest.mock('@vue-storefront/commercetools-api', () => ({
  AttributeType: {
    STRING: 1
  }
}));

const context = {
  $ct: {
    config: {
      store: ''
    },
    api: {
      getProduct: jest.fn(() => ({
        data: {
          products: {
            results: [{ id: 1, name: 'prod1' }]
          }
        }
      })),
      categorySearch: jest.fn(() => ({
        data: {
          categorySearch: {
            results: [{ id: 1, name: 'cat1' }]
          }
        }
      }))
    }
  }
};

jest.mock('@vue-storefront/core', () => ({
  useFacetFactory: (factoryParams) => () => {

    return {
      search: factoryParams.search
    };
  }
}));

describe('[commercetools-composables] useFacet', () => {
  it('triggers faceting search', async () => {
    const { search } = useFacet() as any;

    await search(context, {
      input: {
        itemsPerPage: [10, 20, 50],
        categorySlug: 'cat-1',
        filters: {
          color: ['blue', 'green'],
          size: ['s', 'm']
        }
      }
    } as any);

    expect(context.$ct.api.categorySearch).toBeCalled();
    expect(context.$ct.api.getProduct).toBeCalled();
    expect(enhanceProduct).toBeCalled();
    expect(getFiltersFromProductsAttributes).toBeCalled();
  });
});