[Bug] Terminal output is cut off while async test is executing

[maxpatiiuk]

Describe the bug

If there is an async test and the number of tests in a file is more than the height of the terminal window, then the reporter output is cut off.
More specifically, any tests that are above the fold of the terminal are not visible until all tests complete.

Reproduction

https://stackblitz.com/edit/vitest-dev-vitest-zaoda8?file=test.spec.ts,vite.config.ts,package.json&initialPath=__vitest__/

Screen.Recording.2024-09-28.at.20.09.30.mov

Reproducible even with clearScreen:false Vite option.
Reproducible in Terminal, iTerm2 and VS Code terminal on macOS.
Reproducible in StackBlitz VS Code terminal.
Seems to happen regardless of terminal window size.

System Info

System:
    OS: macOS 14.6.1
    CPU: (10) arm64 Apple M1 Pro
    Memory: 98.42 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.16.0 - ~/.nvm/versions/node/v20.16.0/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v20.16.0/bin/yarn
    npm: 10.8.1 - ~/.nvm/versions/node/v20.16.0/bin/npm
  Browsers:
    Chrome: 129.0.6668.60
    Safari: 18.0
  npmPackages:
    vite: ^5.2.0 => 5.4.8
    vitest: ^2.1.1 => 2.1.1

Used Package Manager

npm

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[hi-ogawa]

This behavior seems intended as the reporter is truncating based on terminal height.

vitest/packages/vitest/src/node/reporters/renderers/listRenderer.ts

Lines 116 to 117 in 2a50464

	// Go through tasks in reverse order since maxRows is used to bail out early when limit is reached
	for (const task of [...tasks].reverse()) {

I think it would be nice to always show tests if they are running, but that's probably better solved by reworking reporters to show summary in multiple sections in jest style, cf. #3732

[maxpatiiuk]

This behavior seems intended as the reporter is truncating based on terminal height.

I see. The present behavior makes it impossible to see the status of currently executing tests that are above the fold until all tests are completed.

If you believe that #3732 would improve this, then that would be great ❤️ (especially #3732 (comment) - the flickering is quite distracting).