Notes

it('fetches initial data and sets initial state on mount', async () => {
const fetchPartnerFeedsAuditMock = jest.fn();
const fetchPartnerFeedsMarketingContextMock = jest.fn();
const updateValueMock = jest.fn();

partnerFeedsAudit.fetchPartnerFeedsAudit = fetchPartnerFeedsAuditMock;
partnerFeedsAudit.fetchPartnerFeedsMarketingContext = fetchPartnerFeedsMarketingContextMock;
partnerFeedsAudit.updateValue = updateValueMock;

render(
<Provider {...{partnerFeedsAudit, appState}}>
<Router>
<FeedDetailsPage partnerDetails={{partner: 'TestPartner', feedId: '123', feedTypes: ['Type1']}} />
</Router>
</Provider>
);

expect(fetchPartnerFeedsAuditMock).toHaveBeenCalledWith('TestPartner', expect.any(String));
expect(fetchPartnerFeedsMarketingContextMock).toHaveBeenCalledWith('TestPartner', '123', 'Type1');
expect(updateValueMock).toHaveBeenCalled();
});
it('handles date option click and triggers data refresh', async () => {
const updateValueMock = jest.fn();
const fetchPartnerFeedsAuditMock = jest.fn();
partnerFeedsAudit.updateValue = updateValueMock;
partnerFeedsAudit.fetchPartnerFeedsAudit = fetchPartnerFeedsAuditMock;

const {getByText} = render(
<Provider {...{partnerFeedsAudit, appState}}>
<Router>
<FeedDetailsPage />
</Router>
</Provider>
);

// Simulate clicking the ActionsMenu to select a new date
const last7Days = getByText('Last 7 days');
fireEvent.click(last7Days);

expect(updateValueMock).toHaveBeenCalledWith({key: 'explorerDateFeed', value: 'Last 7 days'});
expect(fetchPartnerFeedsAuditMock).toHaveBeenCalledWith(expect.anything(), expect.anything());
});
it('navigates slider and updates selected feed', async () => {
const updateValueMock = jest.fn();
partnerFeedsAudit.updateValue = updateValueMock;

const {getByText} = render(
<Provider {...{partnerFeedsAudit, appState}}>
<Router>
<FeedDetailsPage />
</Router>
</Provider>
);

// Assuming "Next" button in Slider to trigger index change
const nextButton = getByText('Next');
fireEvent.click(nextButton);

expect(updateValueMock).toHaveBeenCalledWith({key: 'selectedIndex', value: expect.any(Number)});
});
it('triggers download when download icon is clicked', async () => {
const downloadMCMock = jest.fn();
partnerFeedsAudit.downloadMC = downloadMCMock;
partnerFeedsAudit.marketingContextAudit = { partnerMarketingContextFileDetails: [{ key: 'Context1', fileSize: '100', geo: 'US', channel: 'Online', fileName: 'file1', lang: 'en', segment: 'consumer' }] };

const {getByTitle} = render(
<Provider {...{partnerFeedsAudit, appState}}>
<Router>
<FeedDetailsPage />
</Router>
</Provider>
);

const downloadButton = getByTitle('Download');
fireEvent.click(downloadButton);

expect(downloadMCMock).toHaveBeenCalledWith(expect.anything(), expect.anything(), expect.anything(), expect.anything(), expect.anything(), expect.anything(), expect.anything(), expect.anything());
});
it('displays loader when data is being fetched', () => {
partnerFeedsAudit.isFetchingPartnerFeedDetails = true;

const {getByTestId} = render(
<Provider {...{partnerFeedsAudit, appState}}>
<Router>
<FeedDetailsPage />
</Router>
</Provider>
);

const loader = getByTestId('loader');
expect(loader).toBeInTheDocument();
});
it('updates feed type via TypeAhead and fetches marketing context', async () => {
const updateValueMock = jest.fn();
const fetchPartnerFeedsMarketingContextMock = jest.fn();

partnerFeedsAudit.updateValue = updateValueMock;
partnerFeedsAudit.fetchPartnerFeedsMarketingContext = fetchPartnerFeedsMarketingContextMock;

const {getByText, findByText} = render(
<Provider {...{partnerFeedsAudit, appState}}>
<Router>
<FeedDetailsPage />
</Router>
</Provider>
);

// Simulate opening TypeAhead and selecting an option
const typeAhead = getByText('Feed Type'); // Adjust text if needed
fireEvent.click(typeAhead);
const option = await findByText('Type2'); // This should be the actual option text displayed
fireEvent.click(option);

expect(updateValueMock).toHaveBeenCalledWith({key: 'selectedFeedType', value: expect.any(Object)});
expect(fetchPartnerFeedsMarketingContextMock).toHaveBeenCalledWith(expect.anything(), expect.anything(), 'Type2');
});
it('navigates back to the partner feeds audit page on back link click', () => {
const historyMock = { push: jest.fn() };

const {getByText} = render(
<Provider {...{partnerFeedsAudit, appState}}>
<Router>
<FeedDetailsPage history={historyMock} />
</Router>
</Provider>
);

const backButton = getByText('Back to Partner Feeds Audit');
fireEvent.click(backButton);

expect(historyMock.push).toHaveBeenCalledWith({
pathname: '/partner-audit'
});
});
it('handles timeline index click and updates the feed', () => {
const updateValueMock = jest.fn();
partnerFeedsAudit.updateValue = updateValueMock;

const {getByText} = render(
<Provider {...{partnerFeedsAudit, appState}}>
<Router>
<FeedDetailsPage />
</Router>
</Provider>
);

// Assume "Index 1" is the text associated with the second index
const indexLink = getByText('Index 1');
fireEvent.click(indexLink);

expect(updateValueMock).toHaveBeenCalledWith({key: 'selectedIndex', value: 1});
expect(updateValueMock).toHaveBeenCalledWith({key: 'selectedFeedId', value: expect.any(Object)});
});