vue-tui/packages/runtime-tests/integration/lifecycle/leak.test.tsx

import { defineComponent, nextTick, ref } from "vue";
import { expect, test } from "vite-plus/test";
import { render } from "@vue-tui/testing";
import { Box, Text, useInput } from "@vue-tui/runtime";
import { yogaNodeTracker } from "@vue-tui/runtime/internal";

test("50 render/unmount cycles leak zero process listeners", async () => {
  const exitBefore = process.listenerCount("exit");
  const sigintBefore = process.listenerCount("SIGINT");

  const App = defineComponent(() => () => <Text>x</Text>);

  for (let i = 0; i < 50; i++) {
    const { unmount } = await render(App);
    unmount();
  }

  expect(process.listenerCount("exit")).toBe(exitBefore);
  expect(process.listenerCount("SIGINT")).toBe(sigintBefore);
});

test("100 render/unmount cycles leak zero yoga nodes", async () => {
  yogaNodeTracker.reset();

  const App = defineComponent(() => () => <Text>x</Text>);

  for (let i = 0; i < 100; i++) {
    const { unmount } = await render(App);
    unmount();
  }

  expect(yogaNodeTracker.snapshot().live).toBe(0);
});

test("raw mode stays on when one of two useInput components unmounts", async () => {
  const showB = ref(true);

  const Listener = defineComponent(() => {
    useInput(() => {});
    return () => <Text>x</Text>;
  });

  const App = defineComponent(() => {
    return () => (
      <Box>
        <Listener />
        {showB.value ? <Listener /> : null}
      </Box>
    );
  });

  const { terminal } = await render(App);
  expect(terminal.rawMode.current).toBe(true);

  showB.value = false;
  await nextTick();
  expect(terminal.rawMode.current).toBe(true);
});