/* eslint-disable vitest/expect-expect */
import React from 'react';
import { render, waitFor } from '@testing-library/react';
import { avWebQLApi } from '@availity/api-axios';
import Spaces, { SpacesAgreement } from '../index.js';

vi.mock('@availity/api-axios');

avWebQLApi.create.mockResolvedValue({
  data: {
    data: {
      configurationPagination: {
        pageInfo: {
          itemCount: 1,
          page: 1,
          perPage: 50,
        },
        items: [
          {
            id: '1',
            description: 'foo',
          },
        ],
      },
    },
  },
});

describe('SpacesAgreement', () => {
  afterEach(() => {
    vi.clearAllMocks();
  });

  it('renders agreement from space', async () => {
    const { getByText } = render(
      <Spaces clientId="my-client-id" spaceIds={['1']}>
        <SpacesAgreement spaceId="1" />
      </Spaces>
    );

    await waitFor(() => getByText('foo'));
  });

  it('renders agreement from single space', async () => {
    const { getByText } = render(
      <Spaces clientId="my-client-id" spaceIds={['1']}>
        <SpacesAgreement />
      </Spaces>
    );

    await waitFor(() => getByText('foo'));
  });
});