LPS-122456 - Use buildFragment instead of a string

liferay · Nov 25, 2020 · 2d3d77f · 2d3d77f
1 parent d56f6fb
commit 2d3d77f
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 5 deletions.
diff --git a/...apping/dynamic-data-mapping-form-builder/test/js/components/FormBuilder/FormBuilder.es.js b/...apping/dynamic-data-mapping-form-builder/test/js/components/FormBuilder/FormBuilder.es.js
@@ -12,6 +12,8 @@
  * details.
  */
 
+import {buildFragment} from 'frontend-js-web';
+
 import Builder from '../../../../src/main/resources/META-INF/resources/js/components/FormBuilder/FormBuilder.es';
 import Pages from '../../__mock__/mockPages.es';
 import SuccessPageSettings from '../../__mock__/mockSuccessPage.es';
@@ -121,9 +123,15 @@ describe('Builder', () => {
 
 		jest.useFakeTimers();
 
-		document.body.append('<button id="addFieldButton"></button>');
-		document.body.append('<div class="ddm-translation-manager"></div>');
-		document.body.append('<div class="ddm-form-basic-info"></div>');
+		document.body.appendChild(
+			buildFragment('<button id="addFieldButton"></button>')
+		);
+		document.body.appendChild(
+			buildFragment('<div class="ddm-translation-manager"></div>')
+		);
+		document.body.appendChild(
+			buildFragment('<div class="ddm-form-basic-info"></div>')
+		);
 
 		addButton = document.querySelector('#addFieldButton');
 		basicInfo = document.querySelector('.ddm-form-basic-info');

diff --git a/modules/apps/dynamic-data-mapping/dynamic-data-mapping-form-web/test/js/util/AutoSave.es.js b/modules/apps/dynamic-data-mapping/dynamic-data-mapping-form-web/test/js/util/AutoSave.es.js
@@ -12,20 +12,26 @@
  * details.
  */
 
+import {buildFragment} from 'frontend-js-web';
+
 import AutoSave from '../../../src/main/resources/META-INF/resources/admin/js/util/AutoSave.es';
 
 const AUTOSAVE_INTERVAL = 2;
 
 const URL = '/sample/autosave';
 
 const createForm = () => {
-	document.body.append('<form id="mockForm"></form>');
+	const frag = buildFragment('<form id="mockForm"></form>');
+
+	document.body.appendChild(frag);
 
 	return document.querySelector('#mockForm');
 };
 
 const createInput = (id) => {
-	document.body.append(`<input id="${id}" value="0" />`);
+	const frag = buildFragment(`<input id="${id}" value="0" />`);
+
+	document.body.appendChild(frag);
 
 	return document.querySelector(`#${id}`);
 };