diff --git a/awx/ui_next/src/screens/Setting/shared/SharedFields.test.jsx b/awx/ui_next/src/screens/Setting/shared/SharedFields.test.jsx
index e603ae10fe..d0c8a1437a 100644
--- a/awx/ui_next/src/screens/Setting/shared/SharedFields.test.jsx
+++ b/awx/ui_next/src/screens/Setting/shared/SharedFields.test.jsx
@@ -1,5 +1,7 @@
import React from 'react';
+import { mount } from 'enzyme';
import { Formik } from 'formik';
+import { I18nProvider } from '@lingui/react';
import { act } from 'react-dom/test-utils';
import { mountWithContexts } from '../../../../testUtils/enzymeHelpers';
import {
@@ -12,28 +14,38 @@ import {
describe('Setting form fields', () => {
test('BooleanField renders the expected content', async () => {
- const wrapper = mountWithContexts(
-
- {() => (
-
- )}
-
+ const outerNode = document.createElement('div');
+ document.body.appendChild(outerNode);
+ const wrapper = mount(
+
+
+ {() => (
+
+ )}
+
+ ,
+ {
+ attachTo: outerNode,
+ }
);
expect(wrapper.find('Switch')).toHaveLength(1);
expect(wrapper.find('Switch').prop('isChecked')).toBe(true);
expect(wrapper.find('Switch').prop('isDisabled')).toBe(false);
await act(async () => {
- wrapper.find('Switch').invoke('onChange')(false);
+ wrapper
+ .find('Switch label')
+ .instance()
+ .dispatchEvent(new Event('click'));
});
wrapper.update();
expect(wrapper.find('Switch').prop('isChecked')).toBe(false);