remotion 3.3.55 → 3.3.56

package/dist/esm/spring/measure-spring.js

@@ -1,64 +0,0 @@
-import { validateFps } from '../validation/validate-fps.js';
-import { springCalculation } from './spring-utils.js';
-/**
- * @description The function returns how long it takes for a spring animation to settle
- * @see [Documentation](https://www.remotion.dev/docs/measure-spring)
- */
-export function measureSpring({ fps, config = {}, threshold = 0.005, from = 0, to = 1, }) {
-    if (typeof threshold !== 'number') {
-        throw new TypeError(`threshold must be a number, got ${threshold} of type ${typeof threshold}`);
-    }
-    if (threshold === 0) {
-        return Infinity;
-    }
-    if (threshold === 1) {
-        return 0;
-    }
-    if (isNaN(threshold)) {
-        throw new TypeError('Threshold is NaN');
-    }
-    if (!Number.isFinite(threshold)) {
-        throw new TypeError('Threshold is not finite');
-    }
-    if (threshold < 0) {
-        throw new TypeError('Threshold is below 0');
-    }
-    validateFps(fps, 'to the measureSpring() function', false);
-    const range = Math.abs(from - to);
-    let frame = 0;
-    let finishedFrame = 0;
-    const calc = () => {
-        return springCalculation({
-            fps,
-            frame,
-            config,
-            from,
-            to,
-        });
-    };
-    let animation = calc();
-    const calcDifference = () => {
-        return (Math.abs(animation.current - animation.toValue) /
-            (range === 0 ? 1 : range));
-    };
-    let difference = calcDifference();
-    while (difference >= threshold) {
-        frame++;
-        animation = calc();
-        difference = calcDifference();
-    }
-    // Since spring is bouncy, just because it's under the threshold we
-    // cannot be sure it's done. We need to animate further until it stays in the
-    // threshold for, say, 20 frames.
-    finishedFrame = frame;
-    for (let i = 0; i < 20; i++) {
-        frame++;
-        animation = calc();
-        difference = calcDifference();
-        if (difference >= threshold) {
-            i = 0;
-            finishedFrame = frame + 1;
-        }
-    }
-    return finishedFrame;
-}

package/dist/esm/spring/spring-utils.js

@@ -1,99 +0,0 @@
-const defaultSpringConfig = {
-    damping: 10,
-    mass: 1,
-    stiffness: 100,
-    overshootClamping: false,
-};
-const advanceCache = {};
-function advance({ animation, now, config, }) {
-    const { toValue, lastTimestamp, current, velocity } = animation;
-    const deltaTime = Math.min(now - lastTimestamp, 64);
-    const c = config.damping;
-    const m = config.mass;
-    const k = config.stiffness;
-    const cacheKey = [
-        toValue,
-        lastTimestamp,
-        current,
-        velocity,
-        c,
-        m,
-        k,
-        now,
-    ].join('-');
-    if (advanceCache[cacheKey]) {
-        return advanceCache[cacheKey];
-    }
-    const v0 = -velocity;
-    const x0 = toValue - current;
-    const zeta = c / (2 * Math.sqrt(k * m)); // damping ratio
-    const omega0 = Math.sqrt(k / m); // undamped angular frequency of the oscillator (rad/ms)
-    const omega1 = omega0 * Math.sqrt(1 - zeta ** 2); // exponential decay
-    const t = deltaTime / 1000;
-    const sin1 = Math.sin(omega1 * t);
-    const cos1 = Math.cos(omega1 * t);
-    // under damped
-    const underDampedEnvelope = Math.exp(-zeta * omega0 * t);
-    const underDampedFrag1 = underDampedEnvelope *
-        (sin1 * ((v0 + zeta * omega0 * x0) / omega1) + x0 * cos1);
-    const underDampedPosition = toValue - underDampedFrag1;
-    // This looks crazy -- it's actually just the derivative of the oscillation function
-    const underDampedVelocity = zeta * omega0 * underDampedFrag1 -
-        underDampedEnvelope *
-            (cos1 * (v0 + zeta * omega0 * x0) - omega1 * x0 * sin1);
-    // critically damped
-    const criticallyDampedEnvelope = Math.exp(-omega0 * t);
-    const criticallyDampedPosition = toValue - criticallyDampedEnvelope * (x0 + (v0 + omega0 * x0) * t);
-    const criticallyDampedVelocity = criticallyDampedEnvelope *
-        (v0 * (t * omega0 - 1) + t * x0 * omega0 * omega0);
-    const animationNode = {
-        toValue,
-        prevPosition: current,
-        lastTimestamp: now,
-        current: zeta < 1 ? underDampedPosition : criticallyDampedPosition,
-        velocity: zeta < 1 ? underDampedVelocity : criticallyDampedVelocity,
-    };
-    advanceCache[cacheKey] = animationNode;
-    return animationNode;
-}
-const calculationCache = {};
-export function springCalculation({ from = 0, to = 1, frame, fps, config = {}, }) {
-    const cacheKey = [
-        from,
-        to,
-        frame,
-        fps,
-        config.damping,
-        config.mass,
-        config.overshootClamping,
-        config.stiffness,
-    ].join('-');
-    if (calculationCache[cacheKey]) {
-        return calculationCache[cacheKey];
-    }
-    let animation = {
-        lastTimestamp: 0,
-        current: from,
-        toValue: to,
-        velocity: 0,
-        prevPosition: 0,
-    };
-    const frameClamped = Math.max(0, frame);
-    const unevenRest = frameClamped % 1;
-    for (let f = 0; f <= Math.floor(frameClamped); f++) {
-        if (f === Math.floor(frameClamped)) {
-            f += unevenRest;
-        }
-        const time = (f / fps) * 1000;
-        animation = advance({
-            animation,
-            now: time,
-            config: {
-                ...defaultSpringConfig,
-                ...config,
-            },
-        });
-    }
-    calculationCache[cacheKey] = animation;
-    return animation;
-}

package/dist/esm/static-file.js

@@ -1,29 +0,0 @@
-const trimLeadingSlash = (path) => {
-    if (path.startsWith('/')) {
-        return trimLeadingSlash(path.substr(1));
-    }
-    return path;
-};
-const inner = (path) => {
-    if (typeof window !== 'undefined' && window.remotion_staticBase) {
-        return `${window.remotion_staticBase}/${trimLeadingSlash(path)}`;
-    }
-    return `/${trimLeadingSlash(path)}`;
-};
-/**
- * @description Reference a file from the public/ folder. If the file does not appear in the autocomplete, type the path manually.
- * @see [Documentation](https://www.remotion.dev/docs/staticfile)
- */
-export const staticFile = (path) => {
-    if (path.startsWith('http://') || path.startsWith('https://')) {
-        throw new TypeError(`staticFile() does not support remote URLs - got "${path}". Instead, pass the URL without wrapping it in staticFile(). See: https://remotion.dev/docs/staticfile-remote-urls`);
-    }
-    if (path.startsWith('..') || path.startsWith('./')) {
-        throw new TypeError(`staticFile() does not support relative paths - got "${path}". Instead, pass the name of a file that is inside the public/ folder. See: https://remotion.dev/docs/staticfile-relative-paths`);
-    }
-    const preparsed = inner(path);
-    if (!preparsed.startsWith('/')) {
-        return `/${preparsed}`;
-    }
-    return preparsed;
-};

package/dist/esm/test/Img.test.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @vitest-environment jsdom
- */
-import { render } from '@testing-library/react';
-import React from 'react';
-import { beforeEach, expect, test } from 'vitest';
-import { Img } from '../Img.js';
-const ref = React.createRef();
-const testImgUrl = 'https://source.unsplash.com/random/50x50';
-beforeEach(() => {
-    render(_jsx(Img, { ref: ref, src: testImgUrl }));
-});
-test('Img component renders img tag', () => {
-    var _a;
-    expect((_a = ref.current) === null || _a === void 0 ? void 0 : _a.tagName).toBe('IMG');
-});
-test('Src attribute is forwarded to img tag', () => {
-    expect(ref.current).toHaveProperty('src', testImgUrl);
-});

package/dist/esm/test/absolute-src.test.js

@@ -1,16 +0,0 @@
-/**
- * @vitest-environment jsdom
- */
-import { describe, expect, test } from 'vitest';
-import { getAbsoluteSrc } from '../absolute-src.js';
-describe('Absolute src should behave as expected', () => {
-    test('Get localhost:8080', () => {
-        expect(getAbsoluteSrc('http://localhost:8080')).toBe('http://localhost:8080/');
-    });
-    test('Get localhost/hi', () => {
-        expect(getAbsoluteSrc('/hi')).toBe('http://localhost:3000/hi');
-    });
-    test('Get data:base64', () => {
-        expect(getAbsoluteSrc('data:base64,image/png,abc')).toBe('data:base64,image/png,abc');
-    });
-});

package/dist/esm/test/audio-for-rendering.test.js

@@ -1,83 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @vitest-environment jsdom
- */
-import { render } from '@testing-library/react';
-import React from 'react';
-import { afterAll, beforeAll, beforeEach, describe, expect, test, vitest, } from 'vitest';
-import { AudioForRendering } from '../audio/AudioForRendering.js';
-import { CanUseRemotionHooksProvider } from '../CanUseRemotionHooks.js';
-import { Internals } from '../internals.js';
-import { expectToThrow } from './expect-to-throw.js';
-let mockContext;
-describe('Register and unregister asset', () => {
-    function createMockContext() {
-        const registerAsset = vitest.fn();
-        const unregisterAsset = vitest.fn();
-        window.remotion_audioEnabled = true;
-        const MockProvider = ({ children }) => {
-            return (_jsx(CanUseRemotionHooksProvider, { children: _jsx(Internals.CompositionManager.Provider, { value: 
-                    // eslint-disable-next-line react/jsx-no-constructed-context-values
-                    {
-                        registerAsset,
-                        unregisterAsset,
-                    }, children: children }) }));
-        };
-        return {
-            MockProvider,
-            registerAsset,
-            unregisterAsset,
-        };
-    }
-    beforeEach(() => {
-        mockContext = createMockContext();
-    });
-    test('register and unregister asset', () => {
-        const props = {
-            src: 'test',
-            muted: false,
-            volume: 50,
-            onDuration: vitest.fn(),
-        };
-        const { unmount } = render(_jsx(CanUseRemotionHooksProvider, { children: _jsx(mockContext.MockProvider, { children: _jsx(AudioForRendering, { ...props }) }) }));
-        expect(mockContext.registerAsset).toHaveBeenCalled();
-        unmount();
-        expect(mockContext.unregisterAsset).toHaveBeenCalled();
-    });
-    test('no src passed', () => {
-        const props = {
-            src: undefined,
-            muted: false,
-            volume: 50,
-            onDuration: vitest.fn(),
-        };
-        expectToThrow(() => {
-            render(_jsx(CanUseRemotionHooksProvider, { children: _jsx(mockContext.MockProvider, { children: _jsx(AudioForRendering, { ...props }) }) }));
-        }, /No src passed/);
-        expect(mockContext.registerAsset).not.toHaveBeenCalled();
-        expect(mockContext.unregisterAsset).not.toHaveBeenCalled();
-    });
-});
-let mockUseEffect;
-describe('useEffect tests', () => {
-    const useEffectSpy = vitest.spyOn(React, 'useEffect');
-    mockUseEffect = vitest.fn();
-    beforeAll(() => {
-        useEffectSpy.mockImplementation(() => {
-            mockUseEffect();
-        });
-    });
-    afterAll(() => {
-        useEffectSpy.mockRestore();
-    });
-    test.skip('has registered', () => {
-        const props = {
-            src: 'test',
-            muted: false,
-            volume: 50,
-            onDuration: vitest.fn(),
-        };
-        render(_jsxs(CanUseRemotionHooksProvider, { children: [_jsx(AudioForRendering, { ...props }), ' '] }));
-        expect(mockUseEffect).toHaveBeenCalled();
-    });
-});

package/dist/esm/test/audio.test.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @vitest-environment jsdom
- */
-import { render } from '@testing-library/react';
-import React, { useContext } from 'react';
-import { describe, expect, test } from 'vitest';
-import { Audio } from '../audio/index.js';
-import { CanUseRemotionHooksProvider } from '../CanUseRemotionHooks.js';
-import { Internals } from '../internals.js';
-const Wrapper = ({ children }) => {
-    const compositions = useContext(Internals.CompositionManager);
-    return (_jsx(CanUseRemotionHooksProvider, { children: _jsx(Internals.RemotionRoot, { numberOfAudioTags: 0, children: _jsx(Internals.CompositionManager.Provider
-            // eslint-disable-next-line react/jsx-no-constructed-context-values
-            , { 
-                // eslint-disable-next-line react/jsx-no-constructed-context-values
-                value: {
-                    ...compositions,
-                    compositions: [
-                        {
-                            height: 1080,
-                            width: 1080,
-                            fps: 30,
-                            durationInFrames: 30,
-                            id: 'markup',
-                            nonce: 0,
-                            component: React.lazy(() => Promise.resolve({
-                                default: (() => null),
-                            })),
-                            defaultProps: undefined,
-                            folderName: null,
-                            parentFolderName: null,
-                        },
-                    ],
-                    currentComposition: 'markup',
-                }, children: children }) }) }));
-};
-describe('Render correctly with props', () => {
-    test('It should render Audio without startFrom / endAt props', () => {
-        expect(() => render(_jsx(Wrapper, { children: _jsx(Audio, { src: "test", volume: 1 }) }))).not.toThrow();
-    });
-    test('It should render Audio with startAt  props', () => {
-        expect(() => render(_jsx(Wrapper, { children: _jsx(Audio, { src: "test", volume: 1, startFrom: 10 }) }))).not.toThrow();
-    });
-    test('It should render Audio with endAt props', () => {
-        expect(() => render(_jsx(Wrapper, { children: _jsx(Audio, { src: "test", volume: 1, endAt: 10 }) }))).not.toThrow();
-    });
-    test('It should render Audio with startFrom and endAt props', () => {
-        expect(() => render(_jsx(Wrapper, { children: _jsx(Audio, { src: "test", volume: 1, startFrom: 10, endAt: 20 }) }))).not.toThrow();
-    });
-});

package/dist/esm/test/bezier.test.js

@@ -1,50 +0,0 @@
-import { expect, test } from 'vitest';
-import { bezier } from '../bezier.js';
-const identity = (x) => {
-    return x;
-};
-const assertClose = (a, b, precision = 3) => {
-    expect(a).toBeCloseTo(b, precision);
-};
-const allEquals = (be1, be2, samples) => {
-    for (let i = 0; i <= samples; ++i) {
-        const x = i / samples;
-        assertClose(be1(x), be2(x));
-    }
-};
-function repeat(n) {
-    return function (f) {
-        for (let i = 0; i < n; ++i) {
-            f();
-        }
-    };
-}
-test('bezier - should create an object', () => {
-    expect(typeof bezier(0, 0, 1, 1) === 'function').toBe(true);
-});
-test('bezier - fail with wrong params', () => {
-    const valuesToTest = [
-        [0.5, 0.5, -5, 0.5],
-        [0.5, 0.5, 5, 0.5],
-        [-2, 0.5, 0.5, 0.5],
-        [2, 0.5, 0.5, 0.5],
-    ];
-    valuesToTest.forEach((entry) => {
-        expect(() => bezier(entry[0], entry[1], entry[2], entry[3])).toThrow();
-    });
-});
-test('bezier - linear curves', () => {
-    allEquals(bezier(0, 0, 1, 1), bezier(1, 1, 0, 0), 100);
-    allEquals(bezier(0, 0, 1, 1), identity, 100);
-});
-test('bezier - right value at extremes', () => {
-    repeat(10)(() => {
-        const a = Math.random();
-        const b = 2 * Math.random() - 0.5;
-        const c = Math.random();
-        const d = 2 * Math.random() - 0.5;
-        const easing = bezier(a, b, c, d);
-        expect(easing(0)).toBe(0);
-        expect(easing(1)).toBe(1);
-    });
-});

package/dist/esm/test/composition-rules.test.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @vitest-environment jsdom
- */
-import { render } from '@testing-library/react';
-import { describe, expect, test } from 'vitest';
-import { Composition } from '../Composition.js';
-import { RemotionRoot } from '../RemotionRoot.js';
-import { expectToThrow } from './expect-to-throw.js';
-const AnyComp = () => null;
-describe('Render composition-rules should throw with invalid props', () => {
-    test('It should report invalid component id', () => {
-        expectToThrow(() => render(_jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, id: "invalid@id", width: 100 })), /can only contain/);
-    });
-    test('It should throw if no id is passed', () => {
-        expectToThrow(() => render(
-        // @ts-expect-error
-        _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, width: 100 })), /No id for composition passed./);
-    });
-    test('It should throw if multiple components have the same id', () => {
-        expectToThrow(() => render(_jsxs(RemotionRoot, { numberOfAudioTags: 0, children: [_jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, width: 100, id: "id" }), _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, width: 100, id: "id" })] })), /Multiple composition with id id/);
-    });
-});
-describe('Render composition-rules should not with valid props', () => {
-    test('It should validate the component id', () => {
-        expect(() => render(_jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, id: "valid-id", width: 100 }))).not.toThrow();
-    });
-});

package/dist/esm/test/composition-validation.test.js

@@ -1,97 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @vitest-environment jsdom
- */
-import { render } from '@testing-library/react';
-import { describe, expect, test } from 'vitest';
-import { Composition } from '../Composition.js';
-import { RemotionRoot } from '../RemotionRoot.js';
-import { expectToThrow } from './expect-to-throw.js';
-const AnyComp = () => null;
-describe('Composition-validation render should throw with invalid props', () => {
-    test('It should throw if multiple components have the same id', () => {
-        expectToThrow(() => render(_jsx(RemotionRoot, { numberOfAudioTags: 0, children: _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, id: "id" }) })), /The "width/);
-    });
-    describe('Throw with invalid height props', () => {
-        test('It should throw if height is a negative number', () => {
-            expectToThrow(() => render(_jsx(RemotionRoot, { numberOfAudioTags: 0, children: _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: -100, width: 100, id: "id" }) })), /The "height" prop of the <Composition\/> component must be positive, but got -100./);
-        });
-        test('It should throw if height=0 is boundary off-point', () => {
-            expectToThrow(() => render(_jsx(RemotionRoot, { numberOfAudioTags: 0, children: _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 0, width: 100, id: "id" }) })), /The "height" prop of the <Composition\/> component must be positive, but got 0./);
-        });
-        test('It should throw if height is not a number', () => {
-            expectToThrow(() => render(_jsx(RemotionRoot, { numberOfAudioTags: 0, children: _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, 
-                    // @ts-expect-error
-                    height: '100', width: 100, id: "id" }) })), /The "height" prop of the <Composition\/> component must be a number, but you passed a value of type string/);
-        });
-        test('It should throw if height is not an integer', () => {
-            expectToThrow(() => render(_jsx(RemotionRoot, { numberOfAudioTags: 0, children: _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100.01, width: 100, id: "id" }) })), /The "height" prop of the <Composition\/> component must be an integer, but is 100.01/);
-        });
-    });
-    describe('Throw with invalid width props', () => {
-        test('It should throw if width is a negative number', () => {
-            expectToThrow(() => render(_jsx(RemotionRoot, { numberOfAudioTags: 0, children: _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, width: -100, id: "id" }) })), /The "width" prop of the <Composition\/> component must be positive, but got -100./);
-        });
-        test('It should throw if width=0 is boundary off-point', () => {
-            expectToThrow(() => render(_jsx(RemotionRoot, { numberOfAudioTags: 0, children: _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, width: 0, id: "id" }) })), /The "width" prop of the <Composition\/> component must be positive, but got 0./);
-        });
-        test('It should throw if width is not a number', () => {
-            expectToThrow(() => render(_jsx(RemotionRoot, { numberOfAudioTags: 0, children: _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, 
-                    // @ts-expect-error
-                    width: '100', id: "id" }) })), /The "width" prop of the <Composition\/> component must be a number, but you passed a value of type string/);
-        });
-    });
-    describe('Throw with invalid durationInFrames', () => {
-        test('It should throw if durationInFrames of a composition is a negative number', () => {
-            expectToThrow(() => render(_jsx(RemotionRoot, { numberOfAudioTags: 0, children: _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: -100, fps: 30, height: 100, width: 100, id: "id" }) })), /The "durationInFrames" prop of the <Composition\/> component must be positive, but got -100./);
-        });
-        test('It should throw if durationInFrames=0 of a composition is boundary off-point', () => {
-            expectToThrow(() => render(_jsx(RemotionRoot, { numberOfAudioTags: 0, children: _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 0, fps: 30, height: 100, width: 100, id: "id" }) })), /The "durationInFrames" prop of the <Composition\/> component must be positive, but got 0./);
-        });
-        test('It should throw if durationInFrames of a composition is not an integer', () => {
-            expectToThrow(() => render(_jsx(RemotionRoot, { numberOfAudioTags: 0, children: _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 0.11, fps: 30, height: 100, width: 100, id: "id" }) })), /The "durationInFrames" prop of the <Composition\/> component must be an integer, but got 0.11./);
-        });
-        test('It should throw if durationInFrames of a composition is not a number', () => {
-            expectToThrow(() => render(_jsx(RemotionRoot, { numberOfAudioTags: 0, children: _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), 
-                    // @ts-expect-error
-                    durationInFrames: '100', fps: 30, height: 100, width: 100, id: "id" }) })), /The "durationInFrames" prop of the <Composition\/> component must be a number, but you passed a value of type string/);
-        });
-    });
-    describe('Throw with invalid fps', () => {
-        test('It should throw if fps is of a composition is negative', () => {
-            expectToThrow(() => render(_jsx(RemotionRoot, { numberOfAudioTags: 0, children: _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: -30, height: 100, width: 100, id: "id" }) })), /"fps" must be positive, but got -30./);
-        });
-        test('It should throw if fps=0 of a composition is boundary off-point', () => {
-            expectToThrow(() => render(_jsx(RemotionRoot, { numberOfAudioTags: 0, children: _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 0, height: 100, width: 100, id: "id" }) })), /"fps" must be positive, but got 0./);
-        });
-        test('It should throw if fps of a composition is not a number', () => {
-            expectToThrow(() => render(_jsx(RemotionRoot, { numberOfAudioTags: 0, children: _jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, 
-                    // @ts-expect-error
-                    fps: '30', height: 100, width: 100, id: "id" }) })), /"fps" must be a number, but you passed a value of type string/);
-        });
-    });
-});
-describe('Composition-validation render should NOT throw with valid props', () => {
-    describe('Not throw with valid height props', () => {
-        test('It should not throw if height is a positive number', () => {
-            expect(() => render(_jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, width: 100, id: "id" }))).not.toThrow();
-        });
-        test('It should not throw if height=1 is boundary on-point', () => {
-            expect(() => render(_jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 1, width: 100, id: "id" }))).not.toThrow();
-        });
-    });
-    describe('Not throw with valid width props', () => {
-        test('It should not throw if width is a positive number', () => {
-            expect(() => render(_jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, width: 100, id: "id" }))).not.toThrow();
-        });
-        test('It should not throw if width=1 is boundary on-point', () => {
-            expect(() => render(_jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 30, height: 100, width: 1, id: "id" }))).not.toThrow();
-        });
-    });
-    test('It should not throw if durationInFrames=1 of a composition is boundary on-point', () => {
-        expect(() => render(_jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 1, fps: 30, height: 100, width: 100, id: "id" }))).not.toThrow();
-    });
-    test('It should not throw if fps=1 of a composition is boundary on-point', () => {
-        expect(() => render(_jsx(Composition, { lazyComponent: () => Promise.resolve({ default: AnyComp }), durationInFrames: 100, fps: 1, height: 100, width: 100, id: "id" }))).not.toThrow();
-    });
-});