Guide for unit tests

[goliney]

I have a component that uses Panel, PanelGroup, and PanelResizeHandle. I want to cover this component with unit test, but I get warnings/errors, like:

WARNING: Panel defaultSize prop recommended to avoid layout shift after server rendering
Error: Uncaught [Error: Invalid 0 panel layout: 50%, 50%]

Error: Invalid 0 panel layout: 50%, 50%
 ❯ validatePanelGroupLayout node_modules/react-resizable-panels/dist/react-resizable-panels.development.node.esm.js:1382:11
    1380|   if (nextLayout.length !== panelConstraints.length) {
    1381|     throw Error(`Invalid ${panelConstraints.length} panel layout: ${nextLayout.map(size => `${size}%`).join(", ")}`);
    1382|   } else if (!fuzzyNumbersEqual(nextLayoutTotalSize, 100)) {
       |           ^
    1383|     // This is not ideal so we should warn about it, but it may be recoverable in some cases
    1384|     // (especially if the amount is small)
 ❯ Object.setLayout node_modules/react-resizable-panels/dist/react-resizable-panels.development.node.esm.js:1507:26

I wonder if there are instructions or examples of unit tests that could guide me.

[bvaughn]

Lots of examples of unit testing these components in this repo. See PanelGroup.test.tsx or Panel.test.tsx