@momo-kits/foundation 0.169.6-beta.1 → 0.169.6

package/Application/__tests__/modalLayout.test.ts

@@ -1,128 +0,0 @@
-// document/__mocks__ shadows react-native with react-native-web for the doc site
-jest.mock('react-native', () => jest.requireActual('react-native'));
-
-import { getModalLayout } from '../modalLayout';
-
-const NO_INSETS = { top: 0, right: 0, bottom: 0, left: 0 };
-
-describe('getModalLayout', () => {
-  it('keeps the phone look', () => {
-    const layout = getModalLayout({
-      width: 390,
-      height: 844,
-      insets: { top: 47, right: 0, bottom: 34, left: 0 },
-      isDuo: false,
-    });
-    expect(layout.isFoldable).toBe(false);
-    expect(layout.popup.width).toBe(342);
-    expect(layout.popup.maxHeight).toBeUndefined();
-    expect(layout.popup.radius).toBe(16);
-    expect(layout.sheet.width).toBeUndefined();
-    expect(layout.sheet.maxHeight).toBeUndefined();
-    expect(layout.sheet.radius).toBe(12);
-    expect(layout.scrimOpacity).toBe(0.6);
-  });
-
-  it('keeps the phone look in landscape', () => {
-    const layout = getModalLayout({
-      width: 844,
-      height: 390,
-      insets: { top: 0, right: 47, bottom: 21, left: 47 },
-      isDuo: false,
-    });
-    expect(layout.isFoldable).toBe(false);
-    expect(layout.popup.width).toBe(844 - 48);
-    expect(layout.popup.maxHeight).toBeUndefined();
-    expect(layout.popup.radius).toBe(16);
-    expect(layout.sheet.width).toBeUndefined();
-    expect(layout.scrimOpacity).toBe(0.6);
-  });
-
-  it('caps popup and sheet on a wide foldable window', () => {
-    const layout = getModalLayout({
-      width: 884,
-      height: 1104,
-      insets: { top: 24, right: 0, bottom: 20, left: 0 },
-      isDuo: false,
-    });
-    expect(layout.isFoldable).toBe(true);
-    expect(layout.popup).toMatchObject({
-      width: 450,
-      minWidth: 280,
-      maxWidth: 450,
-      maxHeight: 600,
-      margin: 24,
-      radius: 24,
-    });
-    expect(layout.sheet).toMatchObject({
-      width: 653,
-      maxHeight: 1104 - 24 - 12,
-      minHeight: 230,
-      margin: 12,
-      radius: 24,
-    });
-    expect(layout.scrimOpacity).toBe(0.2);
-  });
-
-  it('limits popup height to the safe area minus 48', () => {
-    const layout = getModalLayout({
-      width: 900,
-      height: 600,
-      insets: { top: 24, right: 0, bottom: 20, left: 0 },
-      isDuo: false,
-    });
-    expect(layout.popup.maxHeight).toBe(600 - 24 - 20 - 48);
-  });
-
-  it('places modals left of the control column on the iPhone Duo outer display', () => {
-    const layout = getModalLayout({
-      width: 420,
-      height: 760,
-      insets: { top: 0, right: 64, bottom: 20, left: 0 },
-      isDuo: true,
-    });
-    expect(layout.isFoldable).toBe(true);
-    expect(layout.placement).toEqual({ x: 0, y: 0, width: 356, height: 740 });
-    expect(layout.popup.margin).toBe(12);
-    expect(layout.popup.width).toBe(356 - 24);
-    expect(layout.sheet.width).toBe(356 - 24);
-  });
-
-  it('never grows past the margins when the space is under the min width', () => {
-    const layout = getModalLayout({
-      width: 300,
-      height: 600,
-      insets: NO_INSETS,
-      isDuo: true,
-    });
-    expect(layout.popup.width).toBe(300 - 24);
-    expect(layout.popup.minWidth).toBe(300 - 24);
-    expect(layout.sheet.width).toBe(300 - 24);
-  });
-
-  it('moves to the right half when iPhone Duo is half folded', () => {
-    const layout = getModalLayout({
-      width: 1000,
-      height: 800,
-      insets: NO_INSETS,
-      isDuo: true,
-      hinge: { x: 495, y: 0, width: 10, height: 800 },
-    });
-    expect(layout.placement).toEqual({ x: 505, y: 0, width: 495, height: 800 });
-    expect(layout.popup.margin).toBe(12);
-    expect(layout.popup.width).toBe(450);
-    expect(layout.sheet.width).toBe(495 - 24);
-  });
-
-  it('ignores a division off the iPhone Duo', () => {
-    const layout = getModalLayout({
-      width: 1000,
-      height: 800,
-      insets: NO_INSETS,
-      isDuo: false,
-      hinge: { x: 495, y: 0, width: 10, height: 800 },
-    });
-    expect(layout.placement.x).toBe(0);
-    expect(layout.popup.margin).toBe(24);
-  });
-});