Merge pull request #74 from storybookjs/update-configure-page-styles

Update Configure page design

.prettierignore

@@ -1 +1,2 @@
 dist
+*.mdx

src/components/SyntaxHighlighter/SyntaxHighlighter.stories.tsx

@@ -1,9 +1,6 @@
 import { Meta, StoryObj } from "@storybook/react";
 import { SyntaxHighlighter } from "./SyntaxHighlighter";
 import React from "react";
-import { userEvent, within } from "@storybook/testing-library";
-import { expect } from "@storybook/jest";
-import { textContentMatcher } from "../../helpers/textContentMatcher";
 import { CodeSnippets } from "../../features/WriteStoriesModal/code/types";
 
 const meta: Meta<typeof SyntaxHighlighter> = {
@@ -17,7 +14,7 @@ export default meta;
 
 type Story = StoryObj<typeof SyntaxHighlighter>;
 
-const data: CodeSnippets['code'] = [
+const data: CodeSnippets["code"] = [
   [
     {
       snippet: `import type { Meta, StoryObj } from '@storybook/react';
@@ -88,40 +85,4 @@ export const Default: Story = {
     width: 480,
     filename: "Button.stories.tsx",
   },
-  play: async ({ canvasElement }) => {
-    const canvas = within(canvasElement);
-    const nextButton = canvas.getByText("Next");
-    const firstElement = await canvas.findByText(
-      textContentMatcher(data[0][0].snippet), undefined, { timeout: 3000 }
-    );
-    await expect(
-      firstElement.closest('[aria-hidden="false"]')
-    ).toBeInTheDocument();
-
-    const secondElement = await canvas.findByText(
-      textContentMatcher(data[1][0].snippet)
-    );
-    await expect(
-      secondElement.closest('[aria-hidden="true"]')
-    ).toBeInTheDocument();
-
-    const thirdElement = await canvas.findByText(
-      textContentMatcher(data[2][0].snippet)
-    );
-    await expect(
-      thirdElement.closest('[aria-hidden="true"]')
-    ).toBeInTheDocument();
-
-    await userEvent.click(nextButton);
-
-    await expect(
-      firstElement.closest('[aria-hidden="true"]')
-    ).toBeInTheDocument();
-    await expect(
-      secondElement.closest('[aria-hidden="false"]')
-    ).toBeInTheDocument();
-    await expect(
-      thirdElement.closest('[aria-hidden="true"]')
-    ).toBeInTheDocument();
-  },
 };