import React from "react";
import { Text } from "react-native";
import { render } from "@testing-library/react-native";
import { ScreenResolverFeedProvider } from "../ScreenResolverFeedProvider";

jest.mock("../../ScreenFeedLoader/ScreenFeedLoader", () => ({
  ScreenFeedLoader: ({ children }) => {
    const React = require("react");
    const { View } = require("react-native");

    return <View testID="feed-loader">{children}</View>;
  },
}));

describe("ScreenResolverFeedProvider", () => {
  it("renders ScreenFeedLoader when screen feed source exists", () => {
    const useFeedData = jest.fn(() => ({
      source: "https://feed",
      mapping: {},
    }));

    const { getByTestId, getByText } = render(
      <ScreenResolverFeedProvider id="screen-1" useFeedData={useFeedData}>
        <Text>content</Text>
      </ScreenResolverFeedProvider>
    );

    expect(getByTestId("feed-loader")).toBeDefined();
    expect(getByText("content")).toBeDefined();
  });

  it("renders children directly when screen feed source is missing", () => {
    const useFeedData = jest.fn(() => ({}));

    const { queryByTestId, getByText } = render(
      <ScreenResolverFeedProvider id="screen-1" useFeedData={useFeedData}>
        <Text>content</Text>
      </ScreenResolverFeedProvider>
    );

    expect(queryByTestId("feed-loader")).toBeNull();
    expect(getByText("content")).toBeDefined();
  });
});