import { expect, React } from "../../../test.imports";
import { isolateComponent } from "isolate-components";
import CompanyDetailNew from "../../../../../client/views/CompanyNew/CompanyDetailNew";
import { companyNewStub } from "../../../test.stubs";
import { CompanyNew } from "../../../../../Interfaces/Interfaces";
import { fetchCompanyNew } from "../../../../../client/actions/company/CompanyNewActions";
import { apiFindCompanyNew } from "../../../../../client/api/CompanyNewApi";


describe('Company Page', () => {
	
	it('shows header with image', async () => {
		const foundCompany: CompanyNew = { ...companyNewStub };
		const companyname = 'Test Company';
		
		const companyDetailNew = isolateComponent(<CompanyDetailNew
			fetchCompanyNew={fetchCompanyNew}
			apiFindCompanyNew={apiFindCompanyNew}
			companyName={companyname}
		/>);
		await Promise.resolve();
		const headerImage = companyDetailNew.findOne('[data-test-id=headerImage]');

	  expect(headerImage.props.company.headerUrl).to.equal(foundCompany.headerUrl);
	})
})