Adding test case for federated modal (#2731)

* Adding test case for federated modal

* Setting ogFetch on after each

test/blocks/modals/mocks/body.html

@@ -21,3 +21,7 @@
 <a id="faas-modal-link" href="https://milo.adobe.com/test/blocks/modals/mocks/faas"
    data-modal-path="/test/blocks/modals/mocks/faas"
    data-modal-hash="#faas">FaaS</a>
+
+<a id="geo-modal-link" href="https://milo.adobe.com/test/blocks/modals/mocks/federal/geo"
+   data-modal-path="/test/blocks/modals/mocks/federal/geo"
+   data-modal-hash="#geo">FaaS</a>

test/blocks/modals/mocks/federal/geo.plain.html

@@ -0,0 +1,5 @@
+<div>
+  <h1>Federated modal</h1>
+  <button id="milo-button-1">Geo Button 1</button>
+  <button id="milo-button-2">Geo Button 2</button>
+</div>

test/blocks/modals/modals.test.js

@@ -3,8 +3,10 @@ import { readFile, sendKeys } from '@web/test-runner-commands';
 import { expect } from '@esm-bundle/chai';
 import sinon from 'sinon';
 import { delay, waitForElement, waitForRemoval } from '../../helpers/waitfor.js';
+import { mockFetch } from '../../helpers/generalHelpers.js';
 
 document.body.innerHTML = await readFile({ path: './mocks/body.html' });
+
 const {
   default: init,
   getModal,
@@ -14,6 +16,8 @@ const {
 } = await import('../../../libs/blocks/modal/modal.js');
 const satellite = { track: sinon.spy() };
 
+const ogFetch = window.fetch;
+
 describe('Modals', () => {
   beforeEach(() => {
     window._satellite = satellite;
@@ -22,6 +26,7 @@ describe('Modals', () => {
 
   afterEach(() => {
     sinon.restore();
+    window.fetch = ogFetch;
   });
 
   it('Doesnt load modals on page load with no hash', async () => {
@@ -265,4 +270,14 @@ describe('sendAnalytics', () => {
     sendAnalytics({});
     expect(window._satellite.track.called).to.be.true;
   });
+
+  it('Loads a federated modal on load with hash and closes when removed from hash', async () => {
+    window.fetch = mockFetch({ payload: { data: '' } });
+    window.location.hash = '#geo';
+    await waitForElement('#geo');
+    expect(document.getElementById('geo')).to.exist;
+    window.location.hash = '';
+    await waitForRemoval('#geo');
+    expect(document.getElementById('geo')).to.be.null;
+  });
 });