Merge branch 'next' into open-component-tests-panel-on-status-click

This commit is contained in:
Valentin Palkovic 2024-10-28 10:10:31 +01:00 committed by GitHub
commit fd3abe5d2d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 3 additions and 2 deletions

View File

@ -157,7 +157,7 @@ addons.register(ADDON_ID, (api) => {
.map(({ storyId, status, testRunId, ...rest }) => { .map(({ storyId, status, testRunId, ...rest }) => {
if (storyId) { if (storyId) {
const statusObject: API_StatusObject = { const statusObject: API_StatusObject = {
title: 'Vitest', title: 'Component tests',
status: statusMap[status], status: statusMap[status],
description: description:
'failureMessages' in rest && rest.failureMessages?.length 'failureMessages' in rest && rest.failureMessages?.length

View File

@ -7,6 +7,7 @@ import {
CollapseIcon as CollapseIconSvg, CollapseIcon as CollapseIconSvg,
ExpandAltIcon, ExpandAltIcon,
StatusFailIcon, StatusFailIcon,
StatusPassIcon,
StatusWarnIcon, StatusWarnIcon,
SyncIcon, SyncIcon,
} from '@storybook/icons'; } from '@storybook/icons';
@ -224,7 +225,7 @@ const Node = React.memo<NodeProps>(function Node({
description: value.description, description: value.description,
'aria-label': `Test status for ${value.title}: ${value.status}`, 'aria-label': `Test status for ${value.title}: ${value.status}`,
icon: { icon: {
success: null, // We don't show a checkmark, to avoid clutter success: <StatusPassIcon color={theme.color.positive} />,
error: <StatusFailIcon color={theme.color.negative} />, error: <StatusFailIcon color={theme.color.negative} />,
warn: <StatusWarnIcon color={theme.color.warning} />, warn: <StatusWarnIcon color={theme.color.warning} />,
pending: <SyncIcon size={12} color={theme.color.defaultText} />, pending: <SyncIcon size={12} color={theme.color.defaultText} />,