Release: Prerelease 8.5.0-beta.7

CHANGELOG.prerelease.md

@@ -1,3 +1,9 @@
+## 8.5.0-beta.7
+
+- Addon Test: Context menu updates - [#30107](https://github.com/storybookjs/storybook/pull/30107), thanks @ghengeveld!
+- Storysource Addon: Fix source-loader prettier imports - [#29669](https://github.com/storybookjs/storybook/pull/29669), thanks @slax57!
+- Vue: Extend sourceDecorator to support v-bind and nested keys in slots - [#28787](https://github.com/storybookjs/storybook/pull/28787), thanks @JoCa96!
+
 ## 8.5.0-beta.6
 
 - Addon Test: Always use installed version of vitest - [#30134](https://github.com/storybookjs/storybook/pull/30134), thanks @kasperpeulen!

code/addons/docs/docs/props-tables.md

@@ -18,7 +18,7 @@ Storybook Docs automatically generates props tables for components in supported
 
 ## Usage
 
-For framework-specific setup instructions, see the framework's README: [React](../react/README.md), [Vue3 ](../vue3/README.md), [Angular](../angular/README.md), [Web Components](../web-components/README.md), [Ember](../ember/README.md).
+For framework-specific setup instructions, see the framework's README: [React](../react/README.md), [Vue3](../vue3/README.md), [Angular](../angular/README.md), [Web Components](../web-components/README.md), [Ember](../ember/README.md).
 
 ### DocsPage
 

code/addons/test/src/components/Description.tsx

@@ -4,6 +4,7 @@ import { Link as LinkComponent } from 'storybook/internal/components';
 import { type TestProviderConfig, type TestProviderState } from 'storybook/internal/core-events';
 import { styled } from 'storybook/internal/theming';
 
+import type { TestResultResult } from '../node/reporter';
 import { GlobalErrorContext } from './GlobalErrorModal';
 import { RelativeTime } from './RelativeTime';
 
@@ -19,11 +20,13 @@ const PositiveText = styled.span(({ theme }) => ({
   color: theme.color.positiveText,
 }));
 
-interface DescriptionProps extends ComponentProps<typeof Wrapper> {
+interface DescriptionProps extends Omit<ComponentProps<typeof Wrapper>, 'results'> {
   state: TestProviderConfig & TestProviderState;
+  entryId?: string;
+  results?: TestResultResult[];
 }
 
-export function Description({ state, ...props }: DescriptionProps) {
+export function Description({ state, entryId, results, ...props }: DescriptionProps) {
   const isMounted = React.useRef(false);
   const [isUpdated, setUpdated] = React.useState(false);
   const { setModalOpen } = React.useContext(GlobalErrorContext);
@@ -48,15 +51,17 @@ export function Description({ state, ...props }: DescriptionProps) {
     description = state.progress
       ? `Testing... ${state.progress.numPassedTests}/${state.progress.numTotalTests}`
       : 'Starting...';
+  } else if (entryId && results?.length) {
+    description = `Ran ${results.length} ${results.length === 1 ? 'test' : 'tests'}`;
   } else if (state.failed && !errorMessage) {
     description = 'Failed';
   } else if (state.crashed || (state.failed && errorMessage)) {
-    description = (
-      <>
-        <LinkComponent isButton onClick={() => setModalOpen(true)}>
-          {state.error?.name || 'View full error'}
-        </LinkComponent>
-      </>
+    description = setModalOpen ? (
+      <LinkComponent isButton onClick={() => setModalOpen(true)}>
+        {state.error?.name || 'View full error'}
+      </LinkComponent>
+    ) : (
+      state.error?.name || 'Failed'
     );
   } else if (state.progress?.finishedAt) {
     description = (

code/addons/test/src/components/TestProviderRender.stories.tsx

@@ -233,7 +233,7 @@ export const Editing: Story = {
   play: async ({ canvasElement }) => {
     const screen = within(canvasElement);
 
-    screen.getByLabelText(/Open settings/).click();
+    screen.getByLabelText(/Show settings/).click();
   },
 };