import React from 'react';
import { renderWithProviders } from '@/lib/rendering';
import { Product } from '@/lib/product';
import ProductList from '@/components/ProductList';
import initialProducts from '@/__fixtures__/initialProducts';
import { screen } from '@testing-library/react-native';

describe('ProductList', () => {
  it('renders without crashing', () => {
    const { getByTestId } = renderWithProviders(<ProductList />, {
      products: initialProducts,
    });

    expect(screen.getByLabelText('product list')).toBeTruthy();
  });

  it('renders products correctly', () => {
    const mockProduct = initialProducts[0];

    const { getByText } = renderWithProviders(<ProductList />, {
      products: [mockProduct],
    });

    expect(getByText(mockProduct.attributes.name)).toBeTruthy();
    expect(getByText(`$${mockProduct.pricePerUnit}`)).toBeTruthy();
  });
});
