component-operations.cy.js is flakey

Overview

This test seems to be failing pretty often on CI. Running locally seems to work pretty consistently.

Proposed resolution

I've noticed that, different to almost all of our other tests, this test uninstalls and reinstalls between each it block. Perhaps this is related?

I also observed a JS error "cannot read property 'style' of null" (or undefined, I can't remember) which I have tracked down to the useSyncIframeHeightToContent hook - the line if (element.style.height.endsWith('vh')) { in the following:

    const elements: NodeListOf<HTMLElement> = iframeHTML.querySelectorAll('*');
    elements.forEach((element: HTMLElement) => {
      if (element.style.height.endsWith('vh')) {
        const vhValue = parseFloat(element.style.height);
        const newHeight = (vhValue / 100) * height;
        element.style.maxHeight = newHeight + 'px';
        resizeIframe();
      }
    });

User interface changes