Fullscreen permissions error

[JasonStrazisar]

Current behavior

When we try to enter full screen mode, by clicking on a button, we got this error:

Unhandled Runtime Error TypeError: Permissions check failed

Wich happen only on cypress. I believe it is because chrome does not allow cypress to go fullscreen.

Desired behavior

The behavior should be to be to able to enter fullscreen (like when you press F11 or when you enter on fullscreen on a youtube video. So we could test that the app behave correctly in fullscreen.

Test code to reproduce

• Test:

describe("Dashboard fullscreen", () => {
  beforeEach(() => {
    cy.fixture("users").then((users) => {
      cy.loginAndNavigateTo("/modules/%2Fmodules%2F1/pages/%2Fpages%2F1-performance-margin", users.superuser);
    });
  });

  it("Should enter and quit fullscreen", () => {
    cy.intercept("GET", "/pages/*").as("getPage");
    cy.wait("@getPage");

    cy.get("main").scrollTo("bottom");
    cy.get("button[name=enter_fullscreen]").click();


  });
});

• toggleFullScreen method:

export function useFullScreen(): FullScreenHook {
  const [isFullScreen, setIsFullScreen] = React.useState<boolean>(false);

  React.useEffect(() => {
    const handleFullScreenChange = () => {
      setIsFullScreen(document.fullscreenElement !== null);
    };

    document.addEventListener("fullscreenchange", handleFullScreenChange);

    return () => {
      document.removeEventListener("fullscreenchange", handleFullScreenChange);
    };
  }, []);

  function toggleFullScreen() {
    if (!isFullScreen) {
      document.documentElement.requestFullscreen();
    } else {
      document.exitFullscreen();
    }
  }

  return {
    isFullScreen,
    toggleFullScreen,
  };
}

Cypress Version

v10.4.0

Node version

v20.9.0

Operating System

macOS 14.1 (23B2073)

Debug Logs

No response

Other

No response

[jennifer-shehane]

I wonder if you clicked using cypress-real-events plugin if the behavior would be different. I was recently reading about how browsers need user activation before going fullscreen and I know this plugin will simulate that. I’f be interested to know. https://developer.mozilla.org/en-US/docs/Web/Security/User_activation

[cypress-app-bot]

This issue has not had any activity in 180 days. Cypress evolves quickly and the reported behavior should be tested on the latest version of Cypress to verify the behavior is still occurring. It will be closed in 14 days if no updates are provided.