diff --git a/blocks/ads-block/features/ads/default.jsx b/blocks/ads-block/features/ads/default.jsx index 0da7cade55..b06d909a12 100644 --- a/blocks/ads-block/features/ads/default.jsx +++ b/blocks/ads-block/features/ads/default.jsx @@ -42,7 +42,7 @@ export const ArcAdDisplay = (props) => { offsetLeft={0} offsetRight={0} offsetTop={200} - renderPlaceholder={(ref) =>
} + renderPlaceholder={(ref) =>
} > diff --git a/blocks/ads-block/features/ads/default.test.jsx b/blocks/ads-block/features/ads/default.test.jsx index 35ef14332b..c4534bd75a 100644 --- a/blocks/ads-block/features/ads/default.test.jsx +++ b/blocks/ads-block/features/ads/default.test.jsx @@ -1,6 +1,6 @@ import React from "react"; import { useFusionContext } from "fusion:context"; -import { mount } from "enzyme"; +import { render, screen } from "@testing-library/react"; import ArcAd from "./default"; jest.mock("@wpmedia/arc-themes-components", () => ({ @@ -45,14 +45,9 @@ describe("", () => { }); it("renders no ad unit in admin dashboard", () => { - const wrapper = mount(); - expect(wrapper).toBeDefined(); - const arcAdminAd = wrapper.find("ArcAdminAd"); - expect(arcAdminAd.prop("adClass")).toEqual(AD_PROPS_MOCK.customFields.adType); - expect(arcAdminAd.prop("adType")).toEqual("cube"); - expect(arcAdminAd.prop("slotName")).toEqual("news"); - expect(typeof arcAdminAd.prop("dimensions")).toEqual("object"); - expect(wrapper.find("AdUnit")).toHaveLength(0); + render(); + expect(screen.getByText("cube")).not.toBeNull(); + expect(screen.queryByText(/ads-block.ad-label/)).toBeNull(); }); }); @@ -67,15 +62,8 @@ describe("", () => { describe("when lazy loading is disabled", () => { it("renders ad unit with disabled lazy-load container", () => { - const wrapper = mount(); - expect(wrapper).toBeDefined(); - const lazyLoaderEl = wrapper.find("LazyLoad"); - expect(lazyLoaderEl).toHaveLength(1); - expect(lazyLoaderEl.prop("enabled")).toBe(false); - const adUnitEl = lazyLoaderEl.find("AdUnit"); - expect(adUnitEl).toHaveLength(1); - expect(typeof adUnitEl.prop("adConfig")).toEqual("object"); - expect(typeof adUnitEl.prop("featureConfig")).toEqual("object"); + render(); + expect(screen.getByText(/ads-block.ad-label/)).not.toBeNull(); }); }); @@ -87,11 +75,8 @@ describe("", () => { lazyLoad: true, }, }; - const wrapper = mount(); - expect(wrapper).toBeDefined(); - const lazyLoaderEl = wrapper.find("LazyLoad"); - expect(lazyLoaderEl).toHaveLength(1); - expect(lazyLoaderEl.prop("enabled")).toBe(true); + render(); + expect(screen.getByTestId("lazy-load-placeholder")).not.toBeNull(); }); }); });