Repository: storybookjs/storybook
File: code/core/src/shared/checklist-store/checklistData.tsx (TypeScript)

Code before:
                </Link>{' '}
                to learn:
              </p>
              <ul>
                <li>The full hierarchy available</li>
                <li>How to configure the sorting of your stories</li>
              </ul>
            </>
          ),
        },
      ],
    },

    {
      id: 'testing',
      title: 'Testing',
      items: [
        {
          id: 'installVitest',
          label: 'Install Vitest addon',
          afterCompletion: 'unavailable',
          available: () =>
            !!globalThis?.STORYBOOK_BUILDER?.includes('vite') &&
            SUPPORTED_FRAMEWORKS.some((framework) =>
              // STORYBOOK_FRAMEWORK is a package name, but they all map safely onto the framework name
              globalThis?.STORYBOOK_FRAMEWORK?.endsWith(`/${framework}`)
            ),
          criteria: '@storybook/addon-vitest registered in .storybook/main.js|ts',
          subscribe: ({ done }) => {
            if (addons.experimental_getRegisteredAddons().includes(ADDON_TEST_ID)) {
              done();
            }
          },
          content: ({ api }) => (
            <>
              <p>
                Run this command to install the Vitest addon, enabling you to run component tests on
                your stories inside Storybook’s UI:
              </p>
              <CodeSnippet language="bash">{`npx storybook add @storybook/addon-vitest`}</CodeSnippet>
              <p>
                <em>Restart your Storybook after installing the addon.</em>
              </p>
              <img
                src={api.getDocsUrl({
                  asset: 'writing-tests/testing-ui-overview.png',
                  ref: 'guide',
                })}
                alt="Storybook app with story status indicators, testing widget, and addon panel annotated"
              />
              <p>

Review comment (suggestion):
SupportedFramework !== framework name. Although both may be the same, they don't have to be. Let's pair on this because I think `globalThis.STORYBOOK_FRAMEWORK` is super old and was actually never used

Code after:
                </Link>{' '}
                to learn:
              </p>
              <ul>
                <li>The full hierarchy available</li>
                <li>How to configure the sorting of your stories</li>
              </ul>
            </>
          ),
        },
      ],
    },

    {
      id: 'testing',
      title: 'Testing',
      items: [
        {
          id: 'installVitest',
          label: 'Install Vitest addon',
          afterCompletion: 'unavailable',
          available: () =>
            !!globalThis.STORYBOOK_FRAMEWORK &&
            SUPPORTED_FRAMEWORKS.includes(globalThis.STORYBOOK_FRAMEWORK),
          criteria: '@storybook/addon-vitest registered in .storybook/main.js|ts',
          subscribe: ({ done }) => {
            if (addons.experimental_getRegisteredAddons().includes(ADDON_TEST_ID)) {
              done();
            }
          },
          content: ({ api }) => (
            <>
              <p>
                Run this command to install the Vitest addon, enabling you to run component tests on
                your stories inside Storybook’s UI:
              </p>
              <CodeSnippet language="bash">{`npx storybook add @storybook/addon-vitest`}</CodeSnippet>
              <p>
                <em>Restart your Storybook after installing the addon.</em>
              </p>
              <img
                src={api.getDocsUrl({
                  asset: 'writing-tests/testing-ui-overview.png',
                  ref: 'guide',
                })}
                alt="Storybook app with story status indicators, testing widget, and addon panel annotated"
              />
              <p>
                <Link
                  href={api.getDocsUrl({
                    subpath: 'writing-tests/integrations/vitest-addon',