branch

Author: stephenliang

frontend/packages/component-library/src/cms/section/stories/Section.story.tsx

@@ -68,6 +68,29 @@ export const SectionWithBackgroundColor: Story = {
   },
 };
 
+
+export const SectionWithBackgroundColorT: Story = {
+  args: {
+    background: sectionBackground.secondary,
+    padding: 'l',
+    children: (
+        <>
+          <Heading2>This is a section with a background color</Heading2>
+          <BodyOneText>I'm just a sentence.</BodyOneText>
+        </>
+    ),
+  },
+  play: async ({canvasElement}: {canvasElement: HTMLElement}) => {
+    const canvas = within(canvasElement);
+    const heading = canvas.getByText(
+        'This is a section with a background color',
+    );
+
+    // check if children content is in the section
+    await expect(heading).toBeInTheDocument();
+  },
+};
+
 export const SectionWithBackgroundPattern: Story = {
   args: {
     background: sectionBackground.patternPrimary,

frontend/packages/component-library/src/video/stories/Video.story.tsx

@@ -107,28 +107,3 @@ export const VideoWithCaptionAndFallback: Story = {
     expect(download).toBeVisible();
   },
 };
-export const VideoWithCaptionAndFallbackT: Story = {
-  args: {
-    videoTitle: "What Most Schools Don't Teach",
-    videoFallback:
-        'https://videos.code.org/social/what-most-schools-dont-teach.mp4',
-    youTubeId: 'nKIu9yen5nc',
-    showCaption: true,
-  },
-  play: async ({canvasElement}) => {
-    const canvas = within(canvasElement);
-    await new Promise(resolve => setTimeout(resolve, 1000));
-    const video = await canvas.findByTitle("What Most Schools Don't Teach");
-    const caption = canvas.getByText("What Most Schools Don't Teach");
-    const download = canvas.getByRole('link');
-
-    // check if video is visible
-    expect(video).toBeVisible();
-
-    // check if caption is visible
-    expect(caption).toBeVisible();
-
-    // check if download button is visible
-    expect(download).toBeVisible();
-  },
-};