IFrame jest simulation with jest by custom IFrameJSDOMEnvironment

iframe-jest-jsdom-environment.js

const {default: JSDOMEnvironment} = require('jest-environment-jsdom');
const {JSDOM} = require('jsdom');

const createWindow = (url) => new JSDOM('', {
  runScripts: 'dangerously',
  url
}).window;

class IFrameJSDOMEnvironment extends JSDOMEnvironment {
  constructor(config, context) {
    super(config, context);
    const windowTop = createWindow('http://localhost:8080/');
    this.dom.reconfigure({windowTop});
    Object.defineProperty(this.dom.window, 'parent', {value: windowTop});
  }
}

module.exports = IFrameJSDOMEnvironment;

iframe-jest-simulation.test.js

/**
 * @jest-environment ./iframe-jest-jsdom-environment.js
 * @jest-environment-options {"url": "http://localhost:8080/child.html"}
 */
describe('given a global window', () =>{
  it('should be different than window.parent', () => expect(window!==window.parent).toBeTruthy());

  it('should be different than window.top', () => expect(window!==window.top).toBeTruthy());

  it('should have correct locations', () => {
    expect(window.location.href).toEqual('http://localhost:8080/child.html');
    expect(window.top?.location.href).toEqual('http://localhost:8080/');
  });
});