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();
});
});
});