describe("<KPICard />", () => {
	beforeEach(() => {
		mountedComponentMobile = mountComponentMobile(mockedProps);
		mountedComponentWeb = mountComponentWeb(mockedProps);
	});

	it("should be defined", () => {
		expect(mountedComponentMobile).toBeDefined();
		expect(mountedComponentMobile.type()).toEqual(KPICard);
		expect(mountedComponentWeb).toBeDefined();
		expect(mountedComponentWeb.type()).toEqual(KPICard);
	});

	it("should properly render accepted props", () => {
		Object.keys(mockedProps).forEach((propName) => (
			expect(mountedComponentMobile.prop(propName)).toEqual(mockedProps[propName])
		));
		Object.keys(mockedProps).forEach((propName) => (
			expect(mountedComponentWeb.prop(propName)).toEqual(mockedProps[propName])
		));
	});

	it("should display the correct title", () => {
		expect(mountedComponentMobile.find(".kpi-card__mobile__title").text()).toBe("Income");
		expect(mountedComponentWeb.find(".kpi-card__web__title").text()).toBe("Income");
	});

	it("should display the correctly value", () => {
		expect(mountedComponentMobile.find(".kpi-card__mobile__value").text()).toBe("103.82k £");
		expect(mountedComponentWeb.find(".kpi-card__web__value").text()).toBe("103.82k £");
	});

	it("should render icon in web view", () => {
		expect(mountedComponentMobile.find(Icon).length).toEqual(0);
		expect(mountedComponentWeb.find(Icon).length).toEqual(1);
	});
});