ink-use-stream-dimensions/build/esm/index.test.js

Get the columns and rows of a stream in a ink app

import React from "react";
import test from "ava";
import { render } from "ink-testing-library";
import { act } from "@testing-library/react";
import { fake } from "sinon";
import { useStreamDimensions } from "./index.js";
function setup(stdout) {
    const dimensions = [0, 0];
    function Wrapper() {
        const result = useStreamDimensions(stdout);
        dimensions.splice(0, dimensions.length, ...result);
        return null;
    }
    const component = render(React.createElement(Wrapper, null));
    return [dimensions, component];
}
test("it gets the right columns and rows", (t) => {
    const mockedStdout = {
        columns: 12,
        rows: 34,
        on: fake(),
        off: fake(),
    };
    const [result] = setup(mockedStdout);
    t.deepEqual(result, [12, 34]);
});
test("it subscribes to changes", (t) => {
    const mockedStdout = {
        columns: 12,
        rows: 34,
        on: fake(),
        off: fake(),
    };
    act(() => {
        setup(mockedStdout);
    });
    t.true(mockedStdout.on.calledOnce, "It should subscribe to changes");
});
test("it cleans the stream subscription", (t) => {
    const mockedStdout = {
        columns: 12,
        rows: 34,
        on: fake(),
        off: fake(),
    };
    let component = null;
    act(() => {
        ;
        [, component] = setup(mockedStdout);
    });
    act(() => {
        component.unmount();
    });
    t.true(mockedStdout.off.calledOnce, "It should remove the event on unmount");
});