Merge pull request #11 from code-dot-org/stephen/eyes-branch

Stephen/eyes branch

Author: stephenliang

frontend/apps/marketing/playwright.config.ts

@@ -36,7 +36,6 @@ export default defineConfig<EyesFixture>({
       },
       sendDom: true,
       failTestsOnDiff: 'afterEach',
-      branchName: 'staging',
       // Additional configuration options...
     },
   },

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

@@ -68,6 +68,28 @@ 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,