diff --git a/specs/Modal.spec.js b/specs/Modal.spec.js
index c32db56e..60836313 100644
--- a/specs/Modal.spec.js
+++ b/specs/Modal.spec.js
@@ -359,10 +359,11 @@ export default () => {
};
const node = createHTMLElement("div");
const modal = ReactDOM.render(, node);
- requestAnimationFrame(() => {
+ const request = requestAnimationFrame(() => {
mcontent(modal).className.should.be.eql("myClass myClass_after-open");
ReactDOM.unmountComponentAtNode(node);
});
+ cancelAnimationFrame(request);
});
});
@@ -378,12 +379,13 @@ export default () => {
};
const node = createHTMLElement("div");
const modal = ReactDOM.render(, node);
- requestAnimationFrame(() => {
+ const request = requestAnimationFrame(() => {
moverlay(modal).className.should.be.eql(
"myOverlayClass myOverlayClass_after-open"
);
ReactDOM.unmountComponentAtNode(node);
});
+ cancelAnimationFrame(request);
});
});
@@ -562,7 +564,10 @@ export default () => {
ReactDOM.render(, node);
el.getAttribute("aria-hidden").should.be.eql("true");
ReactDOM.unmountComponentAtNode(node);
- should(el.getAttribute("aria-hidden")).not.be.ok();
+ const request = requestAnimationFrame(() => {
+ should(el.getAttribute('aria-hidden')).not.be.ok();
+ });
+ cancelAnimationFrame(request);
});
});
@@ -593,10 +598,13 @@ export default () => {
);
- ReactDOM.render(updatedState, rootNode);
- should(appElement.getAttribute("aria-hidden")).not.be.ok();
+ const request = requestAnimationFrame(() => {
+ ReactDOM.render(updatedState, rootNode);
+ should(appElement.getAttribute("aria-hidden")).not.be.ok();
- ReactDOM.unmountComponentAtNode(rootNode);
+ ReactDOM.unmountComponentAtNode(rootNode);
+ });
+ cancelAnimationFrame(request);
});
});
@@ -652,7 +660,10 @@ export default () => {
appElement.getAttribute("aria-hidden").should.be.eql("true");
});
- should(appElement.getAttribute("aria-hidden")).not.be.ok();
+ const request = requestAnimationFrame(() => {
+ should(appElement.getAttribute("aria-hidden")).not.be.ok();
+ });
+ cancelAnimationFrame(request);
});
});
@@ -673,7 +684,11 @@ export default () => {
});
check("true");
});
- should(appElement.getAttribute("aria-hidden")).not.be.ok();
+
+ const request = requestAnimationFrame(() => {
+ should(appElement.getAttribute("aria-hidden")).not.be.ok();
+ });
+ cancelAnimationFrame(request);
});
});
@@ -683,13 +698,14 @@ export default () => {
const props = { isOpen: true };
const node = createHTMLElement("div");
const modal = ReactDOM.render(, node);
- requestAnimationFrame(() => {
+ const request = requestAnimationFrame(() => {
const contentName = modal.portal.content.className;
const overlayName = modal.portal.overlay.className;
rg.test(contentName).should.be.ok();
rg.test(overlayName).should.be.ok();
ReactDOM.unmountComponentAtNode(node);
});
+ cancelAnimationFrame(request);
});
});