Move card-controller out of utils.

tests/card-controller/fullscreen-manager.test.ts

@@ -0,0 +1,129 @@
+import screenfull from 'screenfull';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { FullscreenManager } from '../../src/card-controller/fullscreen-manager';
+import { createCardAPI } from '../test-utils';
+
+vi.mock('screenfull', () => ({
+  default: {
+    exit: vi.fn(),
+    toggle: vi.fn(),
+    off: vi.fn(),
+    on: vi.fn(),
+  },
+}));
+
+const setScreenfulEnabled = (enabled: boolean): void => {
+  Object.defineProperty(screenfull, 'isEnabled', { value: enabled, writable: true });
+};
+
+const setScreenfulFullscreen = (fullscreen: boolean): void => {
+  Object.defineProperty(screenfull, 'isFullscreen', {
+    value: fullscreen,
+    writable: true,
+  });
+};
+
+// @vitest-environment jsdom
+describe('FullscreenManager', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('should correctly determine whether in fullscreen', () => {
+    const manager = new FullscreenManager(createCardAPI());
+
+    setScreenfulEnabled(true);
+    setScreenfulFullscreen(true);
+    expect(manager.isInFullscreen()).toBeTruthy();
+
+    setScreenfulFullscreen(false);
+    expect(manager.isInFullscreen()).toBeFalsy();
+  });
+
+  it('should toggle fullscreen', () => {
+    const toggle = vi.mocked(screenfull.toggle);
+    const element = document.createElement('div')
+    const api = createCardAPI();
+    vi.mocked(api.getCardElementManager().getElement).mockReturnValue(
+      element,
+    );
+    const manager = new FullscreenManager(api);
+
+    manager.toggleFullscreen();
+
+    expect(toggle).toBeCalledWith(element);
+  });
+
+  it('should stop fullscreen', () => {
+    const manager = new FullscreenManager(createCardAPI());
+    const exit = vi.mocked(screenfull.exit);
+
+    manager.stopFullscreen();
+
+    expect(exit).toBeCalled();
+  });
+
+  it('should disconnect', () => {
+    const manager = new FullscreenManager(createCardAPI());
+    const off = vi.mocked(screenfull.off);
+
+    setScreenfulEnabled(true);
+
+    manager.disconnect();
+
+    expect(off).toBeCalledWith('change', expect.anything());
+  });
+
+  it('should not disconnect when screenfull disabled', () => {
+    const manager = new FullscreenManager(createCardAPI());
+    const off = vi.mocked(screenfull.off);
+
+    setScreenfulEnabled(false);
+
+    manager.disconnect();
+
+    expect(off).not.toBeCalled();
+  });
+
+  it('should connect', () => {
+    const manager = new FullscreenManager(createCardAPI());
+    const on = vi.mocked(screenfull.on);
+
+    setScreenfulEnabled(true);
+
+    manager.connect();
+
+    expect(on).toBeCalledWith('change', expect.anything());
+  });
+
+  it('should not connect when screenfull disabled', () => {
+    const manager = new FullscreenManager(createCardAPI());
+    const on = vi.mocked(screenfull.on);
+
+    setScreenfulEnabled(false);
+
+    manager.connect();
+
+    expect(on).not.toBeCalled();
+  });
+
+  it('should make correct api calls on fullscreen change', () => {
+    const api = createCardAPI();
+    const manager = new FullscreenManager(api);
+    const on = vi.mocked(screenfull.on);
+
+    setScreenfulEnabled(true);
+    setScreenfulFullscreen(true);
+
+    manager.connect();
+
+    expect(on).toBeCalled();
+    on.mock.calls[0][1](new Event('fullscreen'));
+
+    expect(api.getExpandManager().setExpanded).toBeCalledWith(false);
+    expect(api.getConditionsManager().setState).toBeCalledWith({
+      fullscreen: true,
+    });
+    expect(api.getCardElementManager().update).toBeCalled();
+  });
+});