Committing stories

Khan · Aug 23, 2024 · bc29621 · bc29621
1 parent f411ec2
commit bc29621
Showing 1 changed file with 79 additions and 5 deletions.
diff --git a/packages/perseus/src/widgets/__stories__/interactive-graph-regression.stories.tsx b/packages/perseus/src/widgets/__stories__/interactive-graph-regression.stories.tsx
@@ -80,20 +80,76 @@ export const MafsWithLargeRange = (args: StoryArgs): React.ReactElement => (
 );
 
 export const MafsWithYAxisAtLeft = (args: StoryArgs): React.ReactElement => (
+    <>
+        <MafsQuestionRenderer
+            question={interactiveGraphQuestionBuilder()
+                .withXRange(0, 20)
+                .build()}
+        />
+        <MafsQuestionRenderer
+            question={interactiveGraphQuestionBuilder()
+                .withXRange(0, 20)
+                .addLockedLine([1, 1], [5, 2])
+                .build()}
+        />
+    </>
+);
+
+export const MafsWithYAxisNearLeft = (args: StoryArgs): React.ReactElement => (
+    <>
+        {" "}
+        <MafsQuestionRenderer
+            question={interactiveGraphQuestionBuilder()
+                .withXRange(-1, 20)
+                .build()}
+        />
+        <MafsQuestionRenderer
+            question={interactiveGraphQuestionBuilder()
+                .withXRange(-1, 20)
+                .addLockedLine([1, 1], [5, 2])
+                .build()}
+        />
+    </>
+);
+
+export const MafsWithYAxisJustOverLeft = (
+    args: StoryArgs,
+): React.ReactElement => (
+    <>
+        {" "}
+        <MafsQuestionRenderer
+            question={interactiveGraphQuestionBuilder()
+                .withXRange(-3, 20)
+                .build()}
+        />
+        <MafsQuestionRenderer
+            question={interactiveGraphQuestionBuilder()
+                .withXRange(-3, 20)
+                .addLockedLine([1, 1], [5, 2])
+                .build()}
+        />
+    </>
+);
+
+export const MafsWithYAxisOffLeft = (args: StoryArgs): React.ReactElement => (
     <MafsQuestionRenderer
-        question={interactiveGraphQuestionBuilder().withXRange(0, 20).build()}
+        question={interactiveGraphQuestionBuilder().withXRange(1, 20).build()}
     />
 );
 
-export const MafsWithYAxisNearLeft = (args: StoryArgs): React.ReactElement => (
+export const MafsWithYAxisOffFurtherLeft = (
+    args: StoryArgs,
+): React.ReactElement => (
     <MafsQuestionRenderer
-        question={interactiveGraphQuestionBuilder().withXRange(-1, 20).build()}
+        question={interactiveGraphQuestionBuilder().withXRange(6, 20).build()}
     />
 );
 
-export const MafsWithYAxisOffLeft = (args: StoryArgs): React.ReactElement => (
+export const MafsWithYAxisOffEvenFurtherLeft = (
+    args: StoryArgs,
+): React.ReactElement => (
     <MafsQuestionRenderer
-        question={interactiveGraphQuestionBuilder().withXRange(1, 20).build()}
+        question={interactiveGraphQuestionBuilder().withXRange(15, 30).build()}
     />
 );
 
@@ -129,6 +185,24 @@ export const MafsWithXAxisOffBottom = (args: StoryArgs): React.ReactElement => (
     />
 );
 
+export const MafsWithXAxisJustOverBottom = (
+    args: StoryArgs,
+): React.ReactElement => (
+    <>
+        <MafsQuestionRenderer
+            question={interactiveGraphQuestionBuilder()
+                .withYRange(-3, 20)
+                .build()}
+        />
+        <MafsQuestionRenderer
+            question={interactiveGraphQuestionBuilder()
+                .withYRange(-3, 20)
+                .addLockedLine([-3, 2], [5, 16])
+                .build()}
+        />
+    </>
+);
+
 export const MafsWithXAxisAtTop = (args: StoryArgs): React.ReactElement => (
     <MafsQuestionRenderer
         question={interactiveGraphQuestionBuilder().withYRange(-20, 0).build()}