From 0e3b48ab284e43f4d78fd45dc21a01e4cfd72876 Mon Sep 17 00:00:00 2001
From: dem4ron <demaaron88@gmail.com>
Date: Wed, 15 Jan 2025 10:45:00 +0100
Subject: [PATCH 01/14] Start setting up test

---
 test/system/bootcamp/editor_test.rb | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 test/system/bootcamp/editor_test.rb

diff --git a/test/system/bootcamp/editor_test.rb b/test/system/bootcamp/editor_test.rb
new file mode 100644
index 0000000000..fa9299d616
--- /dev/null
+++ b/test/system/bootcamp/editor_test.rb
@@ -0,0 +1,26 @@
+require "application_system_test_case"
+
+module Bootcamp
+  class EditorTest < ApplicationSystemTestCase
+    test "shows to basic user" do
+      email = "#{SecureRandom.uuid}@test.com"
+      ubd = create :user_bootcamp_data, email:, paid_at: Time.current
+      user = create(:user, email:)
+      project = create :bootcamp_project
+      exercise = create :bootcamp_exercise, bootcamp_project: project
+
+      # Always does this once by default anyway
+      User::Bootcamp::SubscribeToOnboardingEmails.expects(:defer).with(ubd).twice
+
+      User::Bootstrap.(user)
+      assert user.reload.bootcamp_attendee?
+
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(project, exercise)
+
+        assert_text "Welcome to the Exercism Bootcamp!"
+      end
+    end
+  end
+end

From 3e9c7219ed4cebab5983ce332dbb0175d40f4d26 Mon Sep 17 00:00:00 2001
From: Jeremy Walker <jez.walker@gmail.com>
Date: Wed, 15 Jan 2025 12:34:02 +0000
Subject: [PATCH 02/14] Add setup for bootcamp system tests

---
 app/models/bootcamp/exercise.rb               |   8 +-
 app/views/layouts/bootcamp-ui.haml            |   5 -
 test/factories/bootcamp/exercises.rb          |   5 +
 .../drawing/exercises/penguin/config.json     | 110 ++++++++++++++++++
 .../drawing/exercises/penguin/example.jiki    |  43 +++++++
 .../drawing/exercises/penguin/introduction.md |   3 +
 .../drawing/exercises/penguin/stub.jiki       |   1 +
 .../drawing/exercises/penguin/task-1.md       |   5 +
 test/system/bootcamp/editor_test.rb           |  15 +--
 9 files changed, 177 insertions(+), 18 deletions(-)
 create mode 100644 test/repos/bootcamp_content/projects/drawing/exercises/penguin/config.json
 create mode 100644 test/repos/bootcamp_content/projects/drawing/exercises/penguin/example.jiki
 create mode 100644 test/repos/bootcamp_content/projects/drawing/exercises/penguin/introduction.md
 create mode 100644 test/repos/bootcamp_content/projects/drawing/exercises/penguin/stub.jiki
 create mode 100644 test/repos/bootcamp_content/projects/drawing/exercises/penguin/task-1.md

diff --git a/app/models/bootcamp/exercise.rb b/app/models/bootcamp/exercise.rb
index af316f6c4f..f8a5dd8681 100644
--- a/app/models/bootcamp/exercise.rb
+++ b/app/models/bootcamp/exercise.rb
@@ -50,6 +50,12 @@ def readonly_ranges
 
   private
   def file_contents(filename)
-    File.read(Rails.root / "bootcamp_content/projects/#{project.slug}/exercises/#{slug}/#{filename}")
+    File.read(root_dir / "projects/#{project.slug}/exercises/#{slug}/#{filename}")
+  end
+
+  def root_dir
+    return Rails.root / "test/repos/bootcamp_content" if Rails.env.test?
+
+    Rails.root / "bootcamp_content"
   end
 end
diff --git a/app/views/layouts/bootcamp-ui.haml b/app/views/layouts/bootcamp-ui.haml
index 1e65c8f5a7..fe0fdc3093 100644
--- a/app/views/layouts/bootcamp-ui.haml
+++ b/app/views/layouts/bootcamp-ui.haml
@@ -70,11 +70,6 @@
     %meta{ name: "turbo-prefetch", content: "false" }
     %meta{ name: "user-id", content: current_user&.id }
 
-    %link{ href: "/manifest.json", rel: "manifest" }
-    %link{ href: "/icon.png", rel: "icon", type: "image/png" }
-    %link{ href: "/icon.svg", rel: "icon", type: "image/svg+xml" }
-    %link{ href: "/icon.png", rel: "apple-touch-icon" }
-    -# = javascript_include_tag "application", "data-turbo-track": "reload", type: "module", crossorigin: :anonymous
     = javascript_include_tag "bootcamp-ui-js", "data-turbo-track": "reload", type: "module", crossorigin: :anonymous
 
   %body{ class: body_class }
diff --git a/test/factories/bootcamp/exercises.rb b/test/factories/bootcamp/exercises.rb
index 5dfb3da732..b778a41931 100644
--- a/test/factories/bootcamp/exercises.rb
+++ b/test/factories/bootcamp/exercises.rb
@@ -7,4 +7,9 @@
     description { "Exercise Description" }
     level_idx { (Bootcamp::Level.first || create(:bootcamp_level)).idx }
   end
+
+  trait :penguin do
+    slug { "penguin" }
+    project { Bootcamp::Project.find_by(slug: "drawing") || create(:bootcamp_project, slug: "drawing") }
+  end
 end
diff --git a/test/repos/bootcamp_content/projects/drawing/exercises/penguin/config.json b/test/repos/bootcamp_content/projects/drawing/exercises/penguin/config.json
new file mode 100644
index 0000000000..6743558a2a
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/drawing/exercises/penguin/config.json
@@ -0,0 +1,110 @@
+{
+  "idx": 4,
+  "title": "Penguin",
+  "description": "Make the penguin symmetrical",
+  "project_type": "draw",
+  "level": 1,
+  "concepts": [],
+  "tests_type": "state",
+  "readonly_ranges": [],
+  "tasks": [
+    {
+      "name": "Draw the scene",
+      "tests": [
+        {
+          "slug": "draw-scence",
+          "name": "Make the penguin symmetrical.",
+          "description_html": "Fix all the TODO comments to make the penguin symmetrical.",
+          "function": "main",
+          "checks": [
+            {
+              "name": "getRectangleAt(0, 0, 100, 100)",
+              "matcher": "toExist",
+              "error_html": "The sky has gone wrong."
+            },
+            {
+              "name": "getRectangleAt(0, 70, 100, 30)",
+              "matcher": "toExist",
+              "error_html": "The ground has gone wrong."
+            },
+            {
+              "name": "getEllipseAt(28, 55, 10, 25)",
+              "matcher": "toExist",
+              "error_html": "The left wing doesn't seem right."
+            },
+            {
+              "name": "getEllipseAt(72, 55, 10, 25)",
+              "matcher": "toExist",
+              "error_html": "The right wing doesn't seem right."
+            },
+            {
+              "name": "getEllipseAt(50, 53, 25, 40)",
+              "matcher": "toExist",
+              "error_html": "The outer body has gone wrong."
+            },
+            {
+              "name": "getEllipseAt(50, 50, 21, 39)",
+              "matcher": "toExist",
+              "error_html": "The inner body has gone wrong."
+            },
+            {
+              "name": "getCircleAt(50, 31, 23)",
+              "matcher": "toExist",
+              "error_html": "The head has gone wrong."
+            },
+            {
+              "name": "getEllipseAt(41, 32, 11, 14)",
+              "matcher": "toExist",
+              "error_html": "The left side of the face doesn't look right."
+            },
+            {
+              "name": "getEllipseAt(59, 32, 11, 14)",
+              "matcher": "toExist",
+              "error_html": "The right side of the face doesn't look right."
+            },
+            {
+              "name": "getEllipseAt(50, 40, 16, 11)",
+              "matcher": "toExist",
+              "error_html": "The lower part of the face doesn't look right."
+            },
+            {
+              "name": "getCircleAt(42, 33, 3)",
+              "matcher": "toExist",
+              "error_html": "The left eye seems off."
+            },
+            {
+              "name": "getCircleAt(43, 34, 1)",
+              "matcher": "toExist",
+              "error_html": "The left iris seems off."
+            },
+            {
+              "name": "getCircleAt(58, 33, 3)",
+              "matcher": "toExist",
+              "error_html": "The right eye seems off."
+            },
+            {
+              "name": "getCircleAt(57, 34, 1)",
+              "matcher": "toExist",
+              "error_html": "The right iris seems off."
+            },
+            {
+              "name": "getEllipseAt(40, 93, 7, 4)",
+              "matcher": "toExist",
+              "error_html": "The left foot's gone astray."
+            },
+            {
+              "name": "getEllipseAt(60, 93, 7, 4)",
+              "matcher": "toExist",
+              "error_html": "The right foot's not right."
+            },
+            {
+              "name": "getTriangleAt(46, 38, 54, 38, 50, 47)",
+              "matcher": "toExist",
+              "error_html": "The nose isn't right."
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}
diff --git a/test/repos/bootcamp_content/projects/drawing/exercises/penguin/example.jiki b/test/repos/bootcamp_content/projects/drawing/exercises/penguin/example.jiki
new file mode 100644
index 0000000000..9d57b7b4bd
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/drawing/exercises/penguin/example.jiki
@@ -0,0 +1,43 @@
+// Light blue background
+fill_color_hex("#ADD8E6") 
+rectangle(0, 0, 100, 100)
+
+// Ground
+fill_color_hex("#ffffff") // Ice ground
+rectangle(0, 70, 100, 30) // Ice ground
+
+// Penguin wings
+fill_color_hex("#000000") // Black
+ellipse(28, 55, 10, 25) // Left wing
+ellipse(72, 55, 10, 25) // Right wing
+
+// Penguin body
+fill_color_hex("#000000") // Black for the body
+ellipse(50, 53, 25, 40) // Outer body (oval shape)
+fill_color_hex("#ffffff") // White for the belly
+ellipse(50, 50, 21, 39) // Inner belly (oval shape)
+
+// Penguin head
+fill_color_hex("#000000") // Black
+circle(50, 31, 23) // Head (circle)
+fill_color_hex("#ffffff") // White for the face
+ellipse(41, 32, 11, 14) // Left part of the face
+ellipse(59, 32, 11, 14) // Right part of the face
+ellipse(50, 40, 16, 11) // Lower part of the face
+
+// Penguin eyes
+fill_color_hex("#000000") // Black
+circle(42, 33, 3) // Left eye
+fill_color_hex("#ffffff") // White
+circle(43, 34, 1) // Left iris
+
+fill_color_hex("#000000") // Black
+circle(58, 33, 3) // Right eye
+fill_color_hex("#ffffff") // White
+circle(57, 34, 1) // Right iris
+
+// Feet
+fill_color_hex("#FFA500")
+ellipse(40, 93, 7, 4)
+ellipse(60, 93, 7, 4)
+triangle(46, 38, 54, 38, 50, 47)
\ No newline at end of file
diff --git a/test/repos/bootcamp_content/projects/drawing/exercises/penguin/introduction.md b/test/repos/bootcamp_content/projects/drawing/exercises/penguin/introduction.md
new file mode 100644
index 0000000000..df35aa51d9
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/drawing/exercises/penguin/introduction.md
@@ -0,0 +1,3 @@
+# Introduction
+
+This is fun!
diff --git a/test/repos/bootcamp_content/projects/drawing/exercises/penguin/stub.jiki b/test/repos/bootcamp_content/projects/drawing/exercises/penguin/stub.jiki
new file mode 100644
index 0000000000..5ab2f8a432
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/drawing/exercises/penguin/stub.jiki
@@ -0,0 +1 @@
+Hello
\ No newline at end of file
diff --git a/test/repos/bootcamp_content/projects/drawing/exercises/penguin/task-1.md b/test/repos/bootcamp_content/projects/drawing/exercises/penguin/task-1.md
new file mode 100644
index 0000000000..c9fc02faac
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/drawing/exercises/penguin/task-1.md
@@ -0,0 +1,5 @@
+Follow the `TODO` comments to make the penguin symmetrical.
+
+As you get each bit right, tidy up the comments by removing the `TODO` and replacing it with a nicer comment.
+
+Use the "Check Scenarios" button regularly, and have fun!
diff --git a/test/system/bootcamp/editor_test.rb b/test/system/bootcamp/editor_test.rb
index fa9299d616..ff9aacffba 100644
--- a/test/system/bootcamp/editor_test.rb
+++ b/test/system/bootcamp/editor_test.rb
@@ -3,21 +3,12 @@
 module Bootcamp
   class EditorTest < ApplicationSystemTestCase
     test "shows to basic user" do
-      email = "#{SecureRandom.uuid}@test.com"
-      ubd = create :user_bootcamp_data, email:, paid_at: Time.current
-      user = create(:user, email:)
-      project = create :bootcamp_project
-      exercise = create :bootcamp_exercise, bootcamp_project: project
-
-      # Always does this once by default anyway
-      User::Bootcamp::SubscribeToOnboardingEmails.expects(:defer).with(ubd).twice
-
-      User::Bootstrap.(user)
-      assert user.reload.bootcamp_attendee?
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :penguin
 
       use_capybara_host do
         sign_in!(user)
-        visit bootcamp_project_exercise_url(project, exercise)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
 
         assert_text "Welcome to the Exercism Bootcamp!"
       end

From d6302b9757edc01fae471f0c8401b9eb6ec5aacb Mon Sep 17 00:00:00 2001
From: Aron Demeter <66035744+dem4ron@users.noreply.github.com>
Date: Tue, 28 Jan 2025 18:22:05 +0100
Subject: [PATCH 03/14] Basic render test (#7402)

* Fix config, add selectors, add basic test of rendering

* Add very basic render test
---
 .../CodeMirror/CodeMirror.tsx                 |  2 +-
 .../ControlButtons/CheckScenariosButton.tsx   |  1 +
 .../ControlButtons/ControlButtons.tsx         |  5 ++-
 .../SolveExercisePage/Scrubber/Scrubber.tsx   |  4 +--
 .../SolveExercisePage/SolveExercisePage.tsx   |  6 ++--
 .../TaskPreview/TaskPreview.tsx               |  2 +-
 .../SolveExercisePage/Tasks/TaskList.tsx      |  2 +-
 .../SolveExercisePage/Tasks/Tasks.tsx         |  4 +--
 .../InspectedTestResultView.tsx               |  2 +-
 .../generateExpects.ts                        |  1 +
 .../drawing/exercises/penguin/config.json     | 34 +++++++++----------
 test/system/bootcamp/editor_test.rb           | 12 +++++--
 12 files changed, 45 insertions(+), 30 deletions(-)

diff --git a/app/javascript/components/bootcamp/SolveExercisePage/CodeMirror/CodeMirror.tsx b/app/javascript/components/bootcamp/SolveExercisePage/CodeMirror/CodeMirror.tsx
index 88f27a15de..c6f869e021 100644
--- a/app/javascript/components/bootcamp/SolveExercisePage/CodeMirror/CodeMirror.tsx
+++ b/app/javascript/components/bootcamp/SolveExercisePage/CodeMirror/CodeMirror.tsx
@@ -278,7 +278,7 @@ export const CodeMirror = forwardRef(function _CodeMirror(
   return (
     <div className="editor-wrapper" style={style}>
       <div
-        data-cy="codemirror-editor"
+        data-ci="codemirror-editor"
         id="bootcamp-cm-editor"
         className="editor"
         ref={setTextarea}
diff --git a/app/javascript/components/bootcamp/SolveExercisePage/ControlButtons/CheckScenariosButton.tsx b/app/javascript/components/bootcamp/SolveExercisePage/ControlButtons/CheckScenariosButton.tsx
index 9089783264..6f7e8b2eef 100644
--- a/app/javascript/components/bootcamp/SolveExercisePage/ControlButtons/CheckScenariosButton.tsx
+++ b/app/javascript/components/bootcamp/SolveExercisePage/ControlButtons/CheckScenariosButton.tsx
@@ -11,6 +11,7 @@ export function CheckScenariosButton({
   const { shouldAutoRunCode, setShouldAutoRunCode } = useEditorStore()
   return (
     <button
+      data-ci="check-scenarios-button"
       className="scenarios-button btn-primary btn-s"
       onClick={() => {
         handleRunCode()
diff --git a/app/javascript/components/bootcamp/SolveExercisePage/ControlButtons/ControlButtons.tsx b/app/javascript/components/bootcamp/SolveExercisePage/ControlButtons/ControlButtons.tsx
index 679a44079c..bc92733567 100644
--- a/app/javascript/components/bootcamp/SolveExercisePage/ControlButtons/ControlButtons.tsx
+++ b/app/javascript/components/bootcamp/SolveExercisePage/ControlButtons/ControlButtons.tsx
@@ -7,7 +7,10 @@ import { assembleClassNames } from '@/utils/assemble-classnames'
 
 function _ControlButtons({ handleRunCode }: { handleRunCode: () => void }) {
   return (
-    <div className="flex items-center gap-8 pb-12 overflow-auto shrink-0">
+    <div
+      data-ci="control-buttons"
+      className="flex items-center gap-8 pb-12 overflow-auto shrink-0"
+    >
       {/* Run the tests with this button */}
       <CheckScenariosButton handleRunCode={handleRunCode} />
       {/* These buttons let you select a test/scenario that you want to inspect.  */}
diff --git a/app/javascript/components/bootcamp/SolveExercisePage/Scrubber/Scrubber.tsx b/app/javascript/components/bootcamp/SolveExercisePage/Scrubber/Scrubber.tsx
index c637d1edea..195d677678 100644
--- a/app/javascript/components/bootcamp/SolveExercisePage/Scrubber/Scrubber.tsx
+++ b/app/javascript/components/bootcamp/SolveExercisePage/Scrubber/Scrubber.tsx
@@ -38,7 +38,7 @@ function Scrubber({
 
   return (
     <div
-      data-cy="scrubber"
+      data-ci="scrubber"
       id="scrubber"
       onClick={() => {
         // we wanna focus the range input, so keyboard shortcuts work
@@ -60,7 +60,7 @@ function Scrubber({
         />
       )}
       <input
-        data-cy="scrubber-range-input"
+        data-ci="scrubber-range-input"
         disabled={shouldScrubberBeDisabled(
           hasCodeBeenEdited,
           animationTimeline,
diff --git a/app/javascript/components/bootcamp/SolveExercisePage/SolveExercisePage.tsx b/app/javascript/components/bootcamp/SolveExercisePage/SolveExercisePage.tsx
index a1f3fff5f6..136fdce439 100644
--- a/app/javascript/components/bootcamp/SolveExercisePage/SolveExercisePage.tsx
+++ b/app/javascript/components/bootcamp/SolveExercisePage/SolveExercisePage.tsx
@@ -11,6 +11,7 @@ import SolveExercisePageContextWrapper from './SolveExercisePageContextWrapper'
 import { Header } from './Header/Header'
 import { useLocalStorage } from '@uidotdev/usehooks'
 import { ResultsPanel } from './ResultsPanel'
+import { useLogger } from '@/hooks'
 
 export default function SolveExercisePage({
   exercise,
@@ -46,8 +47,8 @@ export default function SolveExercisePage({
     secondarySize: BottomHeight,
     handleMouseDown: handleHeightChangeMouseDown,
   } = useResizablePanels({
-    initialSize: 800,
-    secondaryMinSize: 200,
+    initialSize: 500,
+    secondaryMinSize: 250,
     direction: 'vertical',
     localStorageId: 'solve-exercise-page-editor-height',
   })
@@ -62,6 +63,7 @@ export default function SolveExercisePage({
     readonlyRanges: code.readonlyRanges,
   })
 
+  useLogger('bottom height', BottomHeight)
   return (
     <SolveExercisePageContextWrapper
       value={{
diff --git a/app/javascript/components/bootcamp/SolveExercisePage/TaskPreview/TaskPreview.tsx b/app/javascript/components/bootcamp/SolveExercisePage/TaskPreview/TaskPreview.tsx
index fa3be5f554..915b1c4f91 100644
--- a/app/javascript/components/bootcamp/SolveExercisePage/TaskPreview/TaskPreview.tsx
+++ b/app/javascript/components/bootcamp/SolveExercisePage/TaskPreview/TaskPreview.tsx
@@ -22,7 +22,7 @@ export function _TaskPreview() {
   }
 
   return (
-    <section className="c-scenario pending">
+    <section data-ci="task-preview" className="c-scenario pending">
       {exercise.config.testsType === 'io' ? (
         <IOPreview inspectedPreviewTaskTest={inspectedPreviewTaskTest} />
       ) : (
diff --git a/app/javascript/components/bootcamp/SolveExercisePage/Tasks/TaskList.tsx b/app/javascript/components/bootcamp/SolveExercisePage/Tasks/TaskList.tsx
index 8e4565fd80..c4db1e122d 100644
--- a/app/javascript/components/bootcamp/SolveExercisePage/Tasks/TaskList.tsx
+++ b/app/javascript/components/bootcamp/SolveExercisePage/Tasks/TaskList.tsx
@@ -17,7 +17,7 @@ export function TaskList({ tasks }: { tasks: Task[] }) {
 
 function Task({ task, onClick }: { task: Task; onClick: () => void }) {
   return (
-    <div data-cy="task" className={`task ${task.status}`}>
+    <div data-ci="task" className={`task ${task.status}`}>
       <div className="imgs">
         <Icon
           icon="bootcamp-task-completed"
diff --git a/app/javascript/components/bootcamp/SolveExercisePage/Tasks/Tasks.tsx b/app/javascript/components/bootcamp/SolveExercisePage/Tasks/Tasks.tsx
index 4a5dffb908..8e6f14637e 100644
--- a/app/javascript/components/bootcamp/SolveExercisePage/Tasks/Tasks.tsx
+++ b/app/javascript/components/bootcamp/SolveExercisePage/Tasks/Tasks.tsx
@@ -43,12 +43,12 @@ function _Tasks() {
 
   if (!tasks) return null
   return (
-    <div data-cy="task-list" id="tasks">
+    <div data-ci="task-list" id="tasks">
       <div className="flex flex-row items-center justify-between">
         <h2>
           <span>Your</span> Tasks
         </h2>
-        <div data-cy="task-completion-count">
+        <div data-ci="task-completion-count">
           {numberOfCompletedTasks}/{numberOfTasks}
         </div>
       </div>
diff --git a/app/javascript/components/bootcamp/SolveExercisePage/TestResultsView/InspectedTestResultView.tsx b/app/javascript/components/bootcamp/SolveExercisePage/TestResultsView/InspectedTestResultView.tsx
index 37a6159e7f..687188634c 100644
--- a/app/javascript/components/bootcamp/SolveExercisePage/TestResultsView/InspectedTestResultView.tsx
+++ b/app/javascript/components/bootcamp/SolveExercisePage/TestResultsView/InspectedTestResultView.tsx
@@ -50,7 +50,7 @@ export function InspectedTestResultViewLHS({
     [flatPreviewTaskTests, result.testIndex]
   )
   return (
-    <div className="scenario-lhs">
+    <div data-ci="inspected-test-result-view" className="scenario-lhs">
       <div className="scenario-lhs-content">
         <h3>
           <strong>Scenario: </strong>
diff --git a/app/javascript/components/bootcamp/SolveExercisePage/test-runner/generateAndRunTestSuite/generateExpects.ts b/app/javascript/components/bootcamp/SolveExercisePage/test-runner/generateAndRunTestSuite/generateExpects.ts
index a78581b21f..11fa4283f3 100644
--- a/app/javascript/components/bootcamp/SolveExercisePage/test-runner/generateAndRunTestSuite/generateExpects.ts
+++ b/app/javascript/components/bootcamp/SolveExercisePage/test-runner/generateAndRunTestSuite/generateExpects.ts
@@ -78,6 +78,7 @@ function generateExpectsForStateTests(
 
     const errorHtml = check.errorHtml?.replaceAll('%actual%', actual) || ''
 
+    console.log('matcher', matcher, 'checkvalue', check.value, 'actual', actual)
     return expect({
       ...check,
       testsType: 'state',
diff --git a/test/repos/bootcamp_content/projects/drawing/exercises/penguin/config.json b/test/repos/bootcamp_content/projects/drawing/exercises/penguin/config.json
index 6743558a2a..8dccbcffcb 100644
--- a/test/repos/bootcamp_content/projects/drawing/exercises/penguin/config.json
+++ b/test/repos/bootcamp_content/projects/drawing/exercises/penguin/config.json
@@ -19,87 +19,87 @@
           "checks": [
             {
               "name": "getRectangleAt(0, 0, 100, 100)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The sky has gone wrong."
             },
             {
               "name": "getRectangleAt(0, 70, 100, 30)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The ground has gone wrong."
             },
             {
               "name": "getEllipseAt(28, 55, 10, 25)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The left wing doesn't seem right."
             },
             {
               "name": "getEllipseAt(72, 55, 10, 25)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The right wing doesn't seem right."
             },
             {
               "name": "getEllipseAt(50, 53, 25, 40)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The outer body has gone wrong."
             },
             {
               "name": "getEllipseAt(50, 50, 21, 39)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The inner body has gone wrong."
             },
             {
               "name": "getCircleAt(50, 31, 23)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The head has gone wrong."
             },
             {
               "name": "getEllipseAt(41, 32, 11, 14)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The left side of the face doesn't look right."
             },
             {
               "name": "getEllipseAt(59, 32, 11, 14)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The right side of the face doesn't look right."
             },
             {
               "name": "getEllipseAt(50, 40, 16, 11)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The lower part of the face doesn't look right."
             },
             {
               "name": "getCircleAt(42, 33, 3)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The left eye seems off."
             },
             {
               "name": "getCircleAt(43, 34, 1)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The left iris seems off."
             },
             {
               "name": "getCircleAt(58, 33, 3)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The right eye seems off."
             },
             {
               "name": "getCircleAt(57, 34, 1)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The right iris seems off."
             },
             {
               "name": "getEllipseAt(40, 93, 7, 4)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The left foot's gone astray."
             },
             {
               "name": "getEllipseAt(60, 93, 7, 4)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The right foot's not right."
             },
             {
               "name": "getTriangleAt(46, 38, 54, 38, 50, 47)",
-              "matcher": "toExist",
+              "matcher": "toBeDefined",
               "error_html": "The nose isn't right."
             }
           ]
diff --git a/test/system/bootcamp/editor_test.rb b/test/system/bootcamp/editor_test.rb
index ff9aacffba..b39087b5ec 100644
--- a/test/system/bootcamp/editor_test.rb
+++ b/test/system/bootcamp/editor_test.rb
@@ -2,7 +2,7 @@
 
 module Bootcamp
   class EditorTest < ApplicationSystemTestCase
-    test "shows to basic user" do
+    test "things render" do
       user = create(:user, bootcamp_attendee: true)
       exercise = create :bootcamp_exercise, :penguin
 
@@ -10,7 +10,15 @@ class EditorTest < ApplicationSystemTestCase
         sign_in!(user)
         visit bootcamp_project_exercise_url(exercise.project, exercise)
 
-        assert_text "Welcome to the Exercism Bootcamp!"
+        assert_selector("#bootcamp-cm-editor")
+        assert_selector("[data-ci='check-scenarios-button']")
+        assert_selector("[data-ci='control-buttons']")
+        assert_selector("[data-ci='task-preview']")
+        refute_selector("[data-ci='inspected-test-result-view']")
+        assert_selector(".page-header")
+        assert_selector(".page-body-rhs")
+        assert_selector(".scenario-rhs")
+        assert_text "This is fun!"
       end
     end
   end

From 5e3054735f0a83dc51e61288eb24ca61b7703653 Mon Sep 17 00:00:00 2001
From: Aron Demeter <66035744+dem4ron@users.noreply.github.com>
Date: Wed, 29 Jan 2025 14:28:23 +0100
Subject: [PATCH 04/14] Add more kinds of exercises (#7409)

---
 .../ControlButtons/ControlButtons.tsx         |  1 +
 test/factories/bootcamp/exercises.rb          | 10 +++
 .../maze/exercises/manual-solve/config.json   | 52 ++++++++++++++
 .../maze/exercises/manual-solve/example.jiki  | 21 ++++++
 .../exercises/manual-solve/introduction.md    | 11 +++
 .../maze/exercises/manual-solve/stub.jiki     |  6 ++
 .../maze/exercises/manual-solve/task-1.md     |  8 +++
 .../numbers/exercises/even-or-odd/config.json | 70 +++++++++++++++++++
 .../exercises/even-or-odd/example.jiki        |  7 ++
 .../exercises/even-or-odd/introduction.md     | 32 +++++++++
 .../numbers/exercises/even-or-odd/stub.jiki   |  3 +
 .../numbers/exercises/even-or-odd/task-1.md   |  3 +
 .../numbers/exercises/even-or-odd/task-2.md   |  3 +
 .../numbers/exercises/even-or-odd/task-3.md   |  3 +
 test/system/bootcamp/editor_test.rb           | 33 +++++++++
 15 files changed, 263 insertions(+)
 create mode 100644 test/repos/bootcamp_content/projects/maze/exercises/manual-solve/config.json
 create mode 100644 test/repos/bootcamp_content/projects/maze/exercises/manual-solve/example.jiki
 create mode 100644 test/repos/bootcamp_content/projects/maze/exercises/manual-solve/introduction.md
 create mode 100644 test/repos/bootcamp_content/projects/maze/exercises/manual-solve/stub.jiki
 create mode 100644 test/repos/bootcamp_content/projects/maze/exercises/manual-solve/task-1.md
 create mode 100644 test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/config.json
 create mode 100644 test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/example.jiki
 create mode 100644 test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/introduction.md
 create mode 100644 test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/stub.jiki
 create mode 100644 test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/task-1.md
 create mode 100644 test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/task-2.md
 create mode 100644 test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/task-3.md

diff --git a/app/javascript/components/bootcamp/SolveExercisePage/ControlButtons/ControlButtons.tsx b/app/javascript/components/bootcamp/SolveExercisePage/ControlButtons/ControlButtons.tsx
index bc92733567..93f8632572 100644
--- a/app/javascript/components/bootcamp/SolveExercisePage/ControlButtons/ControlButtons.tsx
+++ b/app/javascript/components/bootcamp/SolveExercisePage/ControlButtons/ControlButtons.tsx
@@ -37,6 +37,7 @@ function PreviewTestButtons() {
     <div className="test-selector-buttons ">
       {flatPreviewTaskTests.map((taskTest, testIdx) => (
         <button
+          data-ci="preview-scenario-button"
           key={testIdx}
           onClick={() => setInspectedPreviewTaskTest(taskTest)}
           className={assembleClassNames(
diff --git a/test/factories/bootcamp/exercises.rb b/test/factories/bootcamp/exercises.rb
index b778a41931..fedfb6c3ed 100644
--- a/test/factories/bootcamp/exercises.rb
+++ b/test/factories/bootcamp/exercises.rb
@@ -12,4 +12,14 @@
     slug { "penguin" }
     project { Bootcamp::Project.find_by(slug: "drawing") || create(:bootcamp_project, slug: "drawing") }
   end
+
+  trait :even_or_odd do
+    slug { "even-or-odd" }
+    project { Bootcamp::Project.find_by(slug: "numbers") || create(:bootcamp_project, slug: "numbers") }
+  end
+
+  trait :manual_solve do
+    slug { "manual-solve" }
+    project { Bootcamp::Project.find_by(slug: "maze") || create(:bootcamp_project, slug: "maze") }
+  end
 end
diff --git a/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/config.json b/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/config.json
new file mode 100644
index 0000000000..b44b2cfb36
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/config.json
@@ -0,0 +1,52 @@
+{
+  "title": "Manually solve a maze",
+  "description": "Solve a maze using some basic functions",
+  "project_type": "maze",
+  "level": 1,
+  "idx": 1,
+  "exercise_functions": ["move", "turn_left", "turn_right"],
+  "tests_type": "state",
+  "concepts": ["functions-using"],
+  "tasks": [
+    {
+      "name": "Guide person to the end of the maze",
+      "tests": [
+        {
+          "slug": "maze-1",
+          "name": "Guide person to the end of the maze",
+          "description_html": "Your job is to reach the goal.",
+          "setup_functions": [
+            [
+              "setupGrid",
+              [
+                [
+                  [2, 1, 0, 0, 0, 1, 0],
+                  [0, 1, 0, 1, 0, 1, 1],
+                  [0, 0, 0, 1, 0, 0, 0],
+                  [0, 1, 1, 1, 0, 1, 1],
+                  [0, 0, 1, 0, 0, 1, 0],
+                  [1, 1, 1, 1, 0, 1, 1],
+                  [0, 0, 0, 0, 0, 0, 3]
+                ]
+              ]
+            ],
+            ["setupDirection", ["down"]],
+            ["setupPosition", [0, 0]]
+          ],
+          "checks": [
+            {
+              "name": "position",
+              "value": [6, 6],
+              "error_html": "You didn't reach the end of the maze."
+            },
+            {
+              "name": "getGameResult()",
+              "value": "win",
+              "error_html": "You didn't reach the end of the maze."
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}
diff --git a/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/example.jiki b/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/example.jiki
new file mode 100644
index 0000000000..e993c67878
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/example.jiki
@@ -0,0 +1,21 @@
+move()
+move()
+turn_left()
+move()
+move()
+turn_left()
+move()
+move()
+turn_right()
+move()
+move()
+turn_right()
+move()
+move()
+move()
+move()
+move()
+move()
+turn_left()
+move()
+move()
\ No newline at end of file
diff --git a/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/introduction.md b/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/introduction.md
new file mode 100644
index 0000000000..bf45496945
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/introduction.md
@@ -0,0 +1,11 @@
+# Solve the Maze
+
+Your task is to solve the following maze.
+
+You have three functions you can use:
+
+- `move()` which moves the character one step forward
+- `turn_left()` turns the character left (relative to the direction they're currently facing)
+- `turn_right()` turns the character right (relative to the direction they're currently facing)
+
+Remember to use one function per line.
diff --git a/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/stub.jiki b/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/stub.jiki
new file mode 100644
index 0000000000..27cc684a7b
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/stub.jiki
@@ -0,0 +1,6 @@
+// You can use move(), turn_left() and turn_right()
+// Use the functions in the order you want your character
+// to use them to solve them maze. We'll start you off by
+// moving the character one step forward.
+
+move()
\ No newline at end of file
diff --git a/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/task-1.md b/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/task-1.md
new file mode 100644
index 0000000000..b470c01201
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/task-1.md
@@ -0,0 +1,8 @@
+# Task 1
+
+We've started by adding a single `move()` for you, which will move the character one step forward.
+
+Use the "Run code" button to see how close you're getting.
+
+It's good practice to get into the habit of running your code reguarly.
+In this exercise, we'd recommend running it after adding each new instruction, although you might like to try and challenge yourself to solve it all in one go instead!
diff --git a/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/config.json b/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/config.json
new file mode 100644
index 0000000000..b9b991f5be
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/config.json
@@ -0,0 +1,70 @@
+{
+  "title": "Even or Odd",
+  "description": "Determine if a number is even or odd",
+  "concepts": ["strings-using", "conditionals"],
+  "level": 4,
+  "idx": 3,
+  "tests_type": "io",
+  "tasks": [
+    {
+      "name": "Correctly identify even numbers",
+      "tests": [
+        {
+          "slug": "number-14",
+          "type": "io",
+          "name": "Number 14",
+          "function": "even_or_odd",
+          "params": [14],
+          "expected": "Even",
+          "image_slug": "number-puzzles/even-or-odd/14.png"
+        },
+        {
+          "slug": "number-28",
+          "type": "io",
+          "name": "Number 28",
+          "function": "even_or_odd",
+          "params": [28],
+          "expected": "Even",
+          "image_slug": "number-puzzles/even-or-odd/28.png"
+        }
+      ]
+    },
+    {
+      "name": "Correctly identify odd numbers",
+      "tests": [
+        {
+          "slug": "number--1",
+          "type": "io",
+          "name": "Number -1",
+          "function": "even_or_odd",
+          "params": [-1],
+          "expected": "Odd",
+          "image_slug": "number-puzzles/even-or-odd/-1.png"
+        },
+        {
+          "slug": "number-17",
+          "type": "io",
+          "name": "Number 17",
+          "function": "even_or_odd",
+          "params": [17],
+          "expected": "Odd",
+          "image_slug": "number-puzzles/even-or-odd/17.png"
+        }
+      ]
+    },
+    {
+      "name": "Correctly identify zero",
+      "tests": [
+        {
+          "slug": "number-0",
+          "type": "io",
+          "name": "Number 0",
+          "function": "even_or_odd",
+          "params": [0],
+          "expected": "Even",
+          "image_slug": "number-puzzles/even-or-odd/0.png"
+        }
+      ]
+    }
+  ]
+}
diff --git a/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/example.jiki b/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/example.jiki
new file mode 100644
index 0000000000..4ba9754e83
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/example.jiki
@@ -0,0 +1,7 @@
+function even_or_odd with number do
+  if number % 2 equals 0 do
+    return "Even"
+  else do
+    return "Odd"
+  end
+end
\ No newline at end of file
diff --git a/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/introduction.md b/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/introduction.md
new file mode 100644
index 0000000000..ef2ef35123
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/introduction.md
@@ -0,0 +1,32 @@
+# Even or odd
+
+This exercise is very similar to "Positive, Negative or Zero", but this time you need to write the function from scratch. If you're stuck you can always look back at that exercise for a hint.
+
+## Instructions
+
+Your job is write a function called `even_or_odd`.
+
+It should have one input that expects a _number_. It should return a _string_ specifying whether the number is `"Even"` (0, 2, 4, 6, 8, etc), or `"Odd"` (1, 3, 5, 7, etc).
+
+To approach this problem, think about what it is that acutally makes a number odd or even.
+
+Remember, that Jiki understands plus (`+`), minus (`-`), multiply (`*`), divide (`/`) and remainder (`%`). Check the [Numbers Concept](https://exercism.org/bootcamp/concepts/numbers) for a recap on how they work.
+
+## Bonus Task
+
+Can you solve this exercise with only 6 lines of code?
+
+## Hints
+
+<details>
+<summary>Hint 1: No idea where to start?</summary>
+
+Even numbers are numbers that do not have a remiander when divided by 2.
+
+You probably remember from school that a remainder is what’s left over when you divide a number but can’t divide it evenly. In other words, it’s the part of the number that doesn’t fit into equal groups.
+
+For example, if you divide 7 by 3, you can fit two groups of 3 into 7 (since 3 + 3 = 6), but there’s 1 left over. That leftover 1 is the remainder. And that remainder makes it an odd number.
+
+So to solve this exercise, you might like to use the **[remainder operator](https://exercism.org/bootcamp/concepts/numbers)**.
+
+</details>
diff --git a/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/stub.jiki b/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/stub.jiki
new file mode 100644
index 0000000000..e2272724d7
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/stub.jiki
@@ -0,0 +1,3 @@
+// Write a function called even_or_odd that...
+// Receives a number as its input
+// Should return "Even" or "Odd"
\ No newline at end of file
diff --git a/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/task-1.md b/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/task-1.md
new file mode 100644
index 0000000000..ebd3b8b008
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/task-1.md
@@ -0,0 +1,3 @@
+# Task 1
+
+Start with trying to get the `"Even"` check in place.
diff --git a/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/task-2.md b/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/task-2.md
new file mode 100644
index 0000000000..a5378b687d
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/task-2.md
@@ -0,0 +1,3 @@
+# Task 2
+
+Great! Now get the `"Odd"` check in place.
diff --git a/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/task-3.md b/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/task-3.md
new file mode 100644
index 0000000000..da38a007cc
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/numbers/exercises/even-or-odd/task-3.md
@@ -0,0 +1,3 @@
+# Task 3
+
+Great! Finally, let's check that `0` is returned as `Even`.
diff --git a/test/system/bootcamp/editor_test.rb b/test/system/bootcamp/editor_test.rb
index b39087b5ec..e5ee22093d 100644
--- a/test/system/bootcamp/editor_test.rb
+++ b/test/system/bootcamp/editor_test.rb
@@ -21,5 +21,38 @@ class EditorTest < ApplicationSystemTestCase
         assert_text "This is fun!"
       end
     end
+
+    test "shows all scenario previews" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :even_or_odd
+
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        assert_selector("[data-ci='task-preview']")
+        assert_selector("[data-ci='preview-scenario-button']", count: 5)
+        assert_text "Number 14"
+        find("[data-ci='preview-scenario-button']:nth-of-type(2)").click
+        assert_text "Number 28"
+      end
+    end
+
+    test "shows set up preview view" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :manual_solve
+
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        assert_selector("[data-ci='task-preview']")
+        assert_text "Guide person to the end of the maze"
+        assert_text "Your job is to reach the goal"
+        assert_selector("[data-ci='preview-scenario-button']", count: 1)
+        assert_selector(".cell", count: 49)
+        assert_selector(".character")
+      end
+    end
   end
 end

From 1adbf2ce261e94b25fc531d87b3aea15b3f3208e Mon Sep 17 00:00:00 2001
From: dem4ron <demaaron88@gmail.com>
Date: Wed, 29 Jan 2025 15:05:41 +0100
Subject: [PATCH 05/14] Remove logs, adjust test title

---
 .../components/bootcamp/SolveExercisePage/SolveExercisePage.tsx | 2 --
 .../test-runner/generateAndRunTestSuite/generateExpects.ts      | 1 -
 test/system/bootcamp/editor_test.rb                             | 2 +-
 3 files changed, 1 insertion(+), 4 deletions(-)

diff --git a/app/javascript/components/bootcamp/SolveExercisePage/SolveExercisePage.tsx b/app/javascript/components/bootcamp/SolveExercisePage/SolveExercisePage.tsx
index 136fdce439..d117d1297b 100644
--- a/app/javascript/components/bootcamp/SolveExercisePage/SolveExercisePage.tsx
+++ b/app/javascript/components/bootcamp/SolveExercisePage/SolveExercisePage.tsx
@@ -11,7 +11,6 @@ import SolveExercisePageContextWrapper from './SolveExercisePageContextWrapper'
 import { Header } from './Header/Header'
 import { useLocalStorage } from '@uidotdev/usehooks'
 import { ResultsPanel } from './ResultsPanel'
-import { useLogger } from '@/hooks'
 
 export default function SolveExercisePage({
   exercise,
@@ -63,7 +62,6 @@ export default function SolveExercisePage({
     readonlyRanges: code.readonlyRanges,
   })
 
-  useLogger('bottom height', BottomHeight)
   return (
     <SolveExercisePageContextWrapper
       value={{
diff --git a/app/javascript/components/bootcamp/SolveExercisePage/test-runner/generateAndRunTestSuite/generateExpects.ts b/app/javascript/components/bootcamp/SolveExercisePage/test-runner/generateAndRunTestSuite/generateExpects.ts
index 11fa4283f3..a78581b21f 100644
--- a/app/javascript/components/bootcamp/SolveExercisePage/test-runner/generateAndRunTestSuite/generateExpects.ts
+++ b/app/javascript/components/bootcamp/SolveExercisePage/test-runner/generateAndRunTestSuite/generateExpects.ts
@@ -78,7 +78,6 @@ function generateExpectsForStateTests(
 
     const errorHtml = check.errorHtml?.replaceAll('%actual%', actual) || ''
 
-    console.log('matcher', matcher, 'checkvalue', check.value, 'actual', actual)
     return expect({
       ...check,
       testsType: 'state',
diff --git a/test/system/bootcamp/editor_test.rb b/test/system/bootcamp/editor_test.rb
index e5ee22093d..fb4d7ea265 100644
--- a/test/system/bootcamp/editor_test.rb
+++ b/test/system/bootcamp/editor_test.rb
@@ -38,7 +38,7 @@ class EditorTest < ApplicationSystemTestCase
       end
     end
 
-    test "shows set up preview view" do
+    test "sets up exercise view correctly" do
       user = create(:user, bootcamp_attendee: true)
       exercise = create :bootcamp_exercise, :manual_solve
 

From ce7cd83a42cc2908705e00ec36b5faa6e2f59f32 Mon Sep 17 00:00:00 2001
From: dem4ron <demaaron88@gmail.com>
Date: Wed, 29 Jan 2025 16:49:39 +0100
Subject: [PATCH 06/14] Add modal checker tests

---
 .../maze/exercises/manual-solve/config.json   |   6 +-
 test/system/bootcamp/editor_test.rb           | 119 ++++++++++++++++++
 2 files changed, 122 insertions(+), 3 deletions(-)

diff --git a/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/config.json b/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/config.json
index b44b2cfb36..6efa7bc43e 100644
--- a/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/config.json
+++ b/test/repos/bootcamp_content/projects/maze/exercises/manual-solve/config.json
@@ -24,9 +24,9 @@
                   [0, 1, 0, 1, 0, 1, 1],
                   [0, 0, 0, 1, 0, 0, 0],
                   [0, 1, 1, 1, 0, 1, 1],
-                  [0, 0, 1, 0, 0, 1, 0],
+                  [3, 0, 1, 0, 0, 1, 0],
                   [1, 1, 1, 1, 0, 1, 1],
-                  [0, 0, 0, 0, 0, 0, 3]
+                  [0, 0, 0, 0, 0, 0, 0]
                 ]
               ]
             ],
@@ -36,7 +36,7 @@
           "checks": [
             {
               "name": "position",
-              "value": [6, 6],
+              "value": [0, 4],
               "error_html": "You didn't reach the end of the maze."
             },
             {
diff --git a/test/system/bootcamp/editor_test.rb b/test/system/bootcamp/editor_test.rb
index fb4d7ea265..c91bb2db26 100644
--- a/test/system/bootcamp/editor_test.rb
+++ b/test/system/bootcamp/editor_test.rb
@@ -54,5 +54,124 @@ class EditorTest < ApplicationSystemTestCase
         assert_selector(".character")
       end
     end
+
+    test "shows failing tests state" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :manual_solve
+
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        find("[data-ci='check-scenarios-button']").click
+        assert_selector(".test-button.fail")
+        assert_selector(".c-scenario.fail")
+        assert_text "Uh Oh. You didn't reach the end of the maze. "
+      end
+    end
+
+    test "shows passing tests state" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :manual_solve
+
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        page.execute_script(%{
+          const observer = new MutationObserver((mutations, obs) => {
+            const ll = document.querySelector('.cm-line:last-of-type');
+            if (ll) {
+              ll.innerText = '\\nmove()\\nmove()\\nmove()\\nmove()';
+              obs.disconnect();
+              }
+              });
+
+              observer.observe(document.body, { childList: true, subtree: true });
+              })
+
+        find("[data-ci='check-scenarios-button']").click
+        refute_selector(".c-scneario.fail")
+        refute_selector(".c-scneario.pending")
+        assert_selector(".test-button.pass")
+        assert_selector(".c-scenario.pass")
+      end
+    end
+
+    test "shows modal on passing all tests and finishing timeline then tweaks further" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :manual_solve
+
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        page.execute_script(%{
+          const observer = new MutationObserver((mutations, obs) => {
+            const ll = document.querySelector('.cm-line:last-of-type');
+            if (ll) {
+              ll.innerText = '\\nmove()\\nmove()\\nmove()\\nmove()';
+              obs.disconnect();
+              }
+              });
+
+              observer.observe(document.body, { childList: true, subtree: true });
+          })
+
+        find("[data-ci='check-scenarios-button']").click
+
+        scrubber = find("[data-ci='scrubber-range-input']")
+        refute_equal scrubber.value, scrubber["max"]
+        refute_selector(".solve-exercise-page-react-modal-content")
+        sleep 1.5
+        assert_equal scrubber.value, scrubber["max"]
+        assert_selector(".solve-exercise-page-react-modal-content")
+
+        assert_text "Nice work!"
+        assert_selector ".solve-exercise-page-react-modal-content"
+        click_on "Tweak further"
+        refute_selector ".solve-exercise-page-react-modal-content"
+      end
+    end
+
+    test "shows modal on io test when all tasks are done" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :even_or_odd
+
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        page.execute_script(%{
+          const observer = new MutationObserver((mutations, obs) => {
+            const ll = document.querySelector('.cm-line:last-of-type');
+            if (ll) {
+              ll.innerText = `
+function even_or_odd with number do
+  if number % 2 equals 0 do
+    return "Even"
+  else do
+    return "Odd"
+  end
+end`;
+              obs.disconnect();
+              }
+              });
+
+              observer.observe(document.body, { childList: true, subtree: true });
+              })
+
+        find("[data-ci='check-scenarios-button']").click
+        refute_selector(".c-scneario.fail")
+        refute_selector(".c-scneario.pending")
+        assert_selector(".test-button.pass")
+        assert_selector(".c-scenario.pass")
+
+        assert_text "Nice work!"
+        assert_selector ".solve-exercise-page-react-modal-content"
+        click_on "Tweak further"
+        refute_selector ".solve-exercise-page-react-modal-content"
+      end
+    end
   end
 end

From badc5e5f05586d3e988cee830d92b0af06501985 Mon Sep 17 00:00:00 2001
From: dem4ron <demaaron88@gmail.com>
Date: Wed, 29 Jan 2025 17:20:05 +0100
Subject: [PATCH 07/14] Add cm-content helper

---
 test/system/bootcamp/editor_test.rb | 118 +++++++++++++++++++---------
 1 file changed, 82 insertions(+), 36 deletions(-)

diff --git a/test/system/bootcamp/editor_test.rb b/test/system/bootcamp/editor_test.rb
index c91bb2db26..5586b80e55 100644
--- a/test/system/bootcamp/editor_test.rb
+++ b/test/system/bootcamp/editor_test.rb
@@ -1,5 +1,22 @@
 require "application_system_test_case"
 
+def change_codemirror_content(content)
+  escaped_content = content.gsub("\n", "\\n").gsub('"', '\"')
+
+  page.execute_script(%{
+    const observer = new MutationObserver((mutations, obs) => {
+      const lines = document.querySelectorAll('.cm-line');
+      if (lines.length > 0) {
+        lines.forEach(line => line.innerText = '');
+        lines[lines.length - 1].innerText = "#{escaped_content}";
+        obs.disconnect();
+      }
+    });
+
+    observer.observe(document.body, { childList: true, subtree: true });
+  })
+end
+
 module Bootcamp
   class EditorTest < ApplicationSystemTestCase
     test "things render" do
@@ -78,17 +95,12 @@ class EditorTest < ApplicationSystemTestCase
         sign_in!(user)
         visit bootcamp_project_exercise_url(exercise.project, exercise)
 
-        page.execute_script(%{
-          const observer = new MutationObserver((mutations, obs) => {
-            const ll = document.querySelector('.cm-line:last-of-type');
-            if (ll) {
-              ll.innerText = '\\nmove()\\nmove()\\nmove()\\nmove()';
-              obs.disconnect();
-              }
-              });
-
-              observer.observe(document.body, { childList: true, subtree: true });
-              })
+        change_codemirror_content(%{
+move()
+move()
+move()
+move()
+          })
 
         find("[data-ci='check-scenarios-button']").click
         refute_selector(".c-scneario.fail")
@@ -106,17 +118,12 @@ class EditorTest < ApplicationSystemTestCase
         sign_in!(user)
         visit bootcamp_project_exercise_url(exercise.project, exercise)
 
-        page.execute_script(%{
-          const observer = new MutationObserver((mutations, obs) => {
-            const ll = document.querySelector('.cm-line:last-of-type');
-            if (ll) {
-              ll.innerText = '\\nmove()\\nmove()\\nmove()\\nmove()';
-              obs.disconnect();
-              }
-              });
-
-              observer.observe(document.body, { childList: true, subtree: true });
-          })
+        change_codemirror_content(%{
+move()
+move()
+move()
+move()
+})
 
         find("[data-ci='check-scenarios-button']").click
 
@@ -142,28 +149,19 @@ class EditorTest < ApplicationSystemTestCase
         sign_in!(user)
         visit bootcamp_project_exercise_url(exercise.project, exercise)
 
-        page.execute_script(%{
-          const observer = new MutationObserver((mutations, obs) => {
-            const ll = document.querySelector('.cm-line:last-of-type');
-            if (ll) {
-              ll.innerText = `
+        change_codemirror_content(%(
 function even_or_odd with number do
   if number % 2 equals 0 do
     return "Even"
   else do
     return "Odd"
   end
-end`;
-              obs.disconnect();
-              }
-              });
-
-              observer.observe(document.body, { childList: true, subtree: true });
-              })
+end
+        ))
 
         find("[data-ci='check-scenarios-button']").click
-        refute_selector(".c-scneario.fail")
-        refute_selector(".c-scneario.pending")
+        refute_selector(".c-scenario.fail")
+        refute_selector(".c-scenario.pending")
         assert_selector(".test-button.pass")
         assert_selector(".c-scenario.pass")
 
@@ -173,5 +171,53 @@ class EditorTest < ApplicationSystemTestCase
         refute_selector ".solve-exercise-page-react-modal-content"
       end
     end
+
+    test "doesnt show modal on io test when tasks are undone" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :even_or_odd
+
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        change_codemirror_content(%(function even_or_odd with number do
+  return "Even"
+end))
+
+        find("[data-ci='check-scenarios-button']").click
+        assert_selector(".c-scenario.fail")
+        refute_selector(".c-scenario.pending")
+        refute_selector(".c-scenario.pass")
+
+        refute_text "Nice work!"
+        refute_selector ".solve-exercise-page-react-modal-content"
+      end
+    end
+
+    test "shows modal on io test when after reiterating exercise correctly" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :even_or_odd
+
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        change_codemirror_content(%(function even_or_odd with number do
+  return "Even"
+end))
+
+        sleep 15
+
+        find("[data-ci='check-scenarios-button']").click
+        assert_selector(".c-scenario.fail")
+        refute_selector(".c-scenario.pending")
+        refute_selector(".c-scenario.pass")
+
+        refute_text "Nice work!"
+        refute_selector ".solve-exercise-page-react-modal-content"
+
+        clear_editor
+      end
+    end
   end
 end

From 7501e930e07e479ab7180848ffb6071c14644965 Mon Sep 17 00:00:00 2001
From: dem4ron <demaaron88@gmail.com>
Date: Wed, 29 Jan 2025 17:38:42 +0100
Subject: [PATCH 08/14] Add scenario-selection related tests

---
 test/system/bootcamp/editor_test.rb | 91 +++++++++++++++++++++++++++--
 1 file changed, 87 insertions(+), 4 deletions(-)

diff --git a/test/system/bootcamp/editor_test.rb b/test/system/bootcamp/editor_test.rb
index 5586b80e55..5373223a53 100644
--- a/test/system/bootcamp/editor_test.rb
+++ b/test/system/bootcamp/editor_test.rb
@@ -17,6 +17,8 @@ def change_codemirror_content(content)
   })
 end
 
+def check_scenarios = find("[data-ci='check-scenarios-button']").click
+
 module Bootcamp
   class EditorTest < ApplicationSystemTestCase
     test "things render" do
@@ -206,17 +208,98 @@ class EditorTest < ApplicationSystemTestCase
   return "Even"
 end))
 
-        sleep 15
-
         find("[data-ci='check-scenarios-button']").click
         assert_selector(".c-scenario.fail")
-        refute_selector(".c-scenario.pending")
         refute_selector(".c-scenario.pass")
 
         refute_text "Nice work!"
         refute_selector ".solve-exercise-page-react-modal-content"
 
-        clear_editor
+        change_codemirror_content(%(
+          function even_or_odd with number do
+            if number % 2 equals 0 do
+              return "Even"
+            else do
+              return "Odd"
+            end
+          end
+                  ))
+        find("[data-ci='check-scenarios-button']").click
+
+        assert_text "Nice work!"
+        assert_selector ".solve-exercise-page-react-modal-content"
+        refute_selector(".c-scenario.fail")
+        assert_selector(".c-scenario.pass")
+      end
+    end
+
+    test "shows first failing case" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :even_or_odd
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        change_codemirror_content(%(function even_or_odd with number do
+  return "Even"
+end))
+        find("[data-ci='check-scenarios-button']").click
+        assert_selector(".c-scenario.fail")
+        refute_selector(".c-scenario.pass")
+        assert find(".test-button.fail.selected").has_text?("3")
+      end
+    end
+
+    test "stays on inspected failing scenario after rerunning code" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :even_or_odd
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        change_codemirror_content(%(function even_or_odd with number do
+  return "Even"
+end))
+        check_scenarios
+        assert_selector(".c-scenario.fail")
+        refute_selector(".c-scenario.pass")
+        assert find(".test-button.fail.selected").has_text?("3")
+        find(".test-button.fail", text: "4").click
+        check_scenarios
+        assert find(".test-button.fail.selected").has_text?("4")
+      end
+    end
+
+    test "selects last scenario on passing tests" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :even_or_odd
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        change_codemirror_content(%(function even_or_odd with number do
+  return "Even"
+end))
+        check_scenarios
+        assert_selector(".c-scenario.fail")
+        refute_selector(".c-scenario.pass")
+        assert find(".test-button.fail.selected").has_text?("3")
+        find(".test-button.fail", text: "4").click
+        check_scenarios
+        assert find(".test-button.fail.selected").has_text?("4")
+
+        change_codemirror_content(%(
+          function even_or_odd with number do
+            if number % 2 equals 0 do
+              return "Even"
+            else do
+              return "Odd"
+            end
+          end
+                  ))
+        check_scenarios
+        refute_selector('.test-button.fail')
+        assert find(".test-button.pass.selected").has_text?("5")
       end
     end
   end

From be7aa86b9a28d6ef2f91dfc83a65d0169564c567 Mon Sep 17 00:00:00 2001
From: dem4ron <demaaron88@gmail.com>
Date: Wed, 29 Jan 2025 18:08:35 +0100
Subject: [PATCH 09/14] Check if error widget is shown

---
 test/system/bootcamp/editor_test.rb | 57 +++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)

diff --git a/test/system/bootcamp/editor_test.rb b/test/system/bootcamp/editor_test.rb
index 5373223a53..338adfd57a 100644
--- a/test/system/bootcamp/editor_test.rb
+++ b/test/system/bootcamp/editor_test.rb
@@ -1,5 +1,6 @@
 require "application_system_test_case"
 
+# best for initially setting content when the page loads
 def change_codemirror_content(content)
   escaped_content = content.gsub("\n", "\\n").gsub('"', '\"')
 
@@ -17,6 +18,18 @@ def change_codemirror_content(content)
   })
 end
 
+# best for updating content after the page has loaded
+def update_codemirror_content(content)
+  escaped_content = content.gsub("\n", "\\n").gsub('"', '\"')
+  page.execute_script(%{
+      const lines = document.querySelectorAll('.cm-line');
+      if (lines.length > 0) {
+        lines.forEach(line => line.innerText = '');
+        lines[lines.length - 1].innerText = "#{escaped_content}";
+      }
+  })
+end
+
 def check_scenarios = find("[data-ci='check-scenarios-button']").click
 
 module Bootcamp
@@ -302,5 +315,49 @@ class EditorTest < ApplicationSystemTestCase
         assert find(".test-button.pass.selected").has_text?("5")
       end
     end
+
+    test "shows info-widget with error on erronous code" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :even_or_odd
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        change_codemirror_content(%(function even_or_odd with number do
+          run_this_thing()
+  return "Even"
+end))
+        check_scenarios
+
+        assert_text "[Your function didn't return anything]"
+        assert_text "Jiki couldn't find a function with the name run_this_thing."
+        assert_selector ".information-tooltip.error"
+      end
+    end
+
+    test "hides info-widget on editor change" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :even_or_odd
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        change_codemirror_content(%(function even_or_odd with number do
+          run_this_thing()
+  return "Even"
+end))
+        check_scenarios
+
+        assert_text "Your function didn't return anything"
+        assert_text "Jiki couldn't find a function with the name run_this_thing."
+        assert_selector ".information-tooltip.error"
+
+        change_codemirror_content(%(function even_or_odd with number do
+return "Even"
+end))
+        refute_text "Jiki couldn't find a function with the name run_this_thing."
+        refute_selector ".information-tooltip.error"
+      end
+    end
   end
 end

From 860e95b373b3ad14ebf97d77f27cb38126e5aa64 Mon Sep 17 00:00:00 2001
From: dem4ron <demaaron88@gmail.com>
Date: Wed, 29 Jan 2025 18:32:58 +0100
Subject: [PATCH 10/14] Add test for inspecting widget

---
 .../InformationWidgetToggleButton.tsx         |  2 +-
 test/system/bootcamp/editor_test.rb           | 22 ++++++++++++++++++-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/app/javascript/components/bootcamp/SolveExercisePage/Scrubber/InformationWidgetToggleButton.tsx b/app/javascript/components/bootcamp/SolveExercisePage/Scrubber/InformationWidgetToggleButton.tsx
index d63c029421..8ec38ebc2e 100644
--- a/app/javascript/components/bootcamp/SolveExercisePage/Scrubber/InformationWidgetToggleButton.tsx
+++ b/app/javascript/components/bootcamp/SolveExercisePage/Scrubber/InformationWidgetToggleButton.tsx
@@ -39,7 +39,7 @@ export function InformationWidgetToggleButton({
     }
   }, [shouldShowInformationWidget, inspectedTestResult])
   return (
-    <label className="switch">
+    <label data-ci="information-widget-toggle" className="switch">
       <input
         disabled={disabled}
         type="checkbox"
diff --git a/test/system/bootcamp/editor_test.rb b/test/system/bootcamp/editor_test.rb
index 338adfd57a..b68530a030 100644
--- a/test/system/bootcamp/editor_test.rb
+++ b/test/system/bootcamp/editor_test.rb
@@ -352,12 +352,32 @@ class EditorTest < ApplicationSystemTestCase
         assert_text "Jiki couldn't find a function with the name run_this_thing."
         assert_selector ".information-tooltip.error"
 
-        change_codemirror_content(%(function even_or_odd with number do
+        update_codemirror_content(%(function even_or_odd with number do
 return "Even"
 end))
         refute_text "Jiki couldn't find a function with the name run_this_thing."
         refute_selector ".information-tooltip.error"
       end
     end
+
+    test "can inspect line with information widget" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :even_or_odd
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        change_codemirror_content(%(function even_or_odd with number do
+  set this to 5
+  return "Even"
+end))
+        check_scenarios
+
+        find("[data-ci=information-widget-toggle]").click
+
+        assert_text "This created a new variable called this and sets its value to 5."
+        assert_selector ".information-tooltip.description"
+      end
+    end
   end
 end

From 011e3c0cf563c21b085cc42f26824024123d4d8c Mon Sep 17 00:00:00 2001
From: Aron Demeter <66035744+dem4ron@users.noreply.github.com>
Date: Thu, 30 Jan 2025 13:22:40 +0100
Subject: [PATCH 11/14] Basic scrubber tests (#7423)

* Add basic scrubber tests

* Add scrubber sync test

* Add scrubber interruption test
---
 .../TestResultsView/TestResultsButtons.tsx    |   1 +
 test/factories/bootcamp/exercises.rb          |   5 +
 .../exercises/automated-solve/config.json     | 230 ++++++++++++++++++
 .../exercises/automated-solve/example.jiki    |  14 ++
 .../exercises/automated-solve/introduction.md |  26 ++
 .../maze/exercises/automated-solve/stub.jiki  |   3 +
 .../maze/exercises/automated-solve/task-1.md  |   3 +
 .../maze/exercises/automated-solve/task-2.md  |   3 +
 .../maze/exercises/automated-solve/task-3.md  |   3 +
 .../maze/exercises/automated-solve/task-4.md  |   3 +
 test/system/bootcamp/editor_test.rb           | 145 +++++++++++
 11 files changed, 436 insertions(+)
 create mode 100644 test/repos/bootcamp_content/projects/maze/exercises/automated-solve/config.json
 create mode 100644 test/repos/bootcamp_content/projects/maze/exercises/automated-solve/example.jiki
 create mode 100644 test/repos/bootcamp_content/projects/maze/exercises/automated-solve/introduction.md
 create mode 100644 test/repos/bootcamp_content/projects/maze/exercises/automated-solve/stub.jiki
 create mode 100644 test/repos/bootcamp_content/projects/maze/exercises/automated-solve/task-1.md
 create mode 100644 test/repos/bootcamp_content/projects/maze/exercises/automated-solve/task-2.md
 create mode 100644 test/repos/bootcamp_content/projects/maze/exercises/automated-solve/task-3.md
 create mode 100644 test/repos/bootcamp_content/projects/maze/exercises/automated-solve/task-4.md

diff --git a/app/javascript/components/bootcamp/SolveExercisePage/TestResultsView/TestResultsButtons.tsx b/app/javascript/components/bootcamp/SolveExercisePage/TestResultsView/TestResultsButtons.tsx
index b73c6843dc..ab5ac48972 100644
--- a/app/javascript/components/bootcamp/SolveExercisePage/TestResultsView/TestResultsButtons.tsx
+++ b/app/javascript/components/bootcamp/SolveExercisePage/TestResultsView/TestResultsButtons.tsx
@@ -20,6 +20,7 @@ export function TestResultsButtons() {
       {testSuiteResult.tests.map((test, idx) => {
         return (
           <button
+            data-ci="test-selector-button"
             key={test.name + idx}
             onClick={() =>
               handleSetInspectedTestResult({
diff --git a/test/factories/bootcamp/exercises.rb b/test/factories/bootcamp/exercises.rb
index fedfb6c3ed..21ca3afe08 100644
--- a/test/factories/bootcamp/exercises.rb
+++ b/test/factories/bootcamp/exercises.rb
@@ -22,4 +22,9 @@
     slug { "manual-solve" }
     project { Bootcamp::Project.find_by(slug: "maze") || create(:bootcamp_project, slug: "maze") }
   end
+
+  trait :automated_solve do
+    slug { "automated-solve" }
+    project { Bootcamp::Project.find_by(slug: "maze") || create(:bootcamp_project, slug: "maze") }
+  end
 end
diff --git a/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/config.json b/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/config.json
new file mode 100644
index 0000000000..f95d9d282d
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/config.json
@@ -0,0 +1,230 @@
+{
+  "title": "Programatically solve a maze",
+  "description": "Empower your blob to solve any maze with code!",
+  "level": 3,
+  "idx": 1,
+  "project_type": "maze",
+  "tests_type": "state",
+  "exercise_functions": [
+    "move",
+    "turn_left",
+    "turn_right",
+    "can_move",
+    "can_turn_left",
+    "can_turn_right"
+  ],
+  "interpreter_options": {
+    "max_repeat_until_game_over_iterations": 50
+  },
+  "tasks": [
+    {
+      "name": "A straight path",
+      "tests": [
+        {
+          "slug": "maze-1",
+          "name": "Guide person to the end of the maze",
+          "setup_functions": [
+            [
+              "setupGrid",
+              [
+                [
+                  [1, 1, 1, 1, 2, 1, 1],
+                  [1, 1, 1, 1, 0, 1, 1],
+                  [1, 1, 1, 1, 0, 1, 1],
+                  [1, 1, 1, 1, 0, 1, 1],
+                  [1, 1, 1, 1, 0, 1, 1],
+                  [1, 1, 1, 1, 0, 1, 1],
+                  [1, 1, 1, 1, 3, 1, 1]
+                ]
+              ]
+            ],
+            ["setupDirection", ["down"]],
+            ["setupPosition", [4, 0]]
+          ],
+          "checks": [
+            {
+              "name": "position",
+              "value": [4, 6],
+              "error_html": "You didn't reach the end of the maze."
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "Turn left if you can",
+      "tests": [
+        {
+          "slug": "left-turn",
+          "name": "A single left turn",
+          "setup_functions": [
+            [
+              "setupGrid",
+              [
+                [
+                  [2, 1, 1, 1, 1, 1, 1, 1, 1],
+                  [0, 1, 1, 1, 1, 1, 1, 1, 1],
+                  [0, 1, 1, 1, 1, 1, 1, 1, 1],
+                  [0, 1, 1, 1, 1, 1, 1, 1, 1],
+                  [0, 1, 1, 1, 1, 1, 1, 1, 1],
+                  [0, 0, 0, 0, 0, 0, 0, 0, 3],
+                  [1, 1, 1, 1, 1, 1, 1, 1, 1],
+                  [1, 1, 1, 1, 1, 1, 1, 1, 1],
+                  [1, 1, 1, 1, 1, 1, 1, 1, 1]
+                ]
+              ]
+            ],
+            ["setupDirection", ["down"]],
+            ["setupPosition", [0, 1]]
+          ],
+          "checks": [
+            {
+              "name": "position",
+              "value": [8, 5],
+              "error_html": "You didn't reach the end of the maze."
+            },
+            {
+              "name": "direction",
+              "value": "right",
+              "error_html": "You seem to have done an extra unnecessary turn at the end."
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "Turn right if you can't move straight or left",
+      "tests": [
+        {
+          "slug": "right-turn",
+          "name": "A single right turn",
+          "setup_functions": [
+            [
+              "setupGrid",
+              [
+                [
+                  [1, 1, 1, 1, 1, 1, 1, 1, 2],
+                  [1, 1, 1, 1, 1, 1, 1, 1, 0],
+                  [1, 1, 1, 1, 1, 1, 1, 1, 0],
+                  [1, 1, 1, 1, 1, 1, 1, 1, 0],
+                  [1, 1, 1, 1, 1, 1, 1, 1, 0],
+                  [3, 0, 0, 0, 0, 0, 0, 0, 0],
+                  [1, 1, 1, 1, 1, 1, 1, 1, 1],
+                  [1, 1, 1, 1, 1, 1, 1, 1, 1],
+                  [1, 1, 1, 1, 1, 1, 1, 1, 1]
+                ]
+              ]
+            ],
+            ["setupDirection", ["down"]],
+            ["setupPosition", [8, 0]]
+          ],
+          "checks": [
+            {
+              "name": "position",
+              "value": [0, 5],
+              "error_html": "You didn't reach the end of the maze."
+            }
+          ]
+        },
+        {
+          "slug": "forks",
+          "name": "Choose left if you can, otherwise choose right",
+          "setup_functions": [
+            [
+              "setupGrid",
+              [
+                [
+                  [2, 1, 1, 1, 1, 1, 1, 1, 1],
+                  [0, 1, 1, 1, 1, 1, 1, 1, 1],
+                  [0, 1, 1, 1, 0, 0, 0, 0, 3],
+                  [0, 1, 1, 1, 0, 1, 1, 1, 1],
+                  [0, 1, 1, 1, 0, 1, 1, 1, 1],
+                  [0, 0, 0, 0, 0, 1, 1, 1, 1],
+                  [1, 4, 1, 1, 4, 1, 1, 1, 1],
+                  [1, 4, 4, 4, 4, 1, 1, 1, 1],
+                  [1, 1, 1, 1, 4, 1, 1, 1, 1]
+                ]
+              ]
+            ],
+            ["setupDirection", ["down"]],
+            ["setupPosition", [0, 0]]
+          ],
+          "checks": [
+            {
+              "name": "position",
+              "value": [8, 2],
+              "error_html": "You didn't reach the end of the maze."
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "Turn around if needed",
+      "tests": [
+        {
+          "slug": "turn-around",
+          "name": "Turn around if you can't move straight, left, or right",
+          "setup_functions": [
+            [
+              "setupGrid",
+              [
+                [
+                  [1, 1, 1, 2, 1, 1, 1, 1, 1],
+                  [1, 1, 1, 0, 1, 1, 1, 1, 1],
+                  [1, 1, 1, 0, 1, 1, 1, 1, 1],
+                  [1, 4, 4, 0, 1, 1, 0, 1, 1],
+                  [1, 4, 1, 0, 1, 1, 0, 1, 1],
+                  [1, 4, 4, 0, 0, 0, 0, 0, 1],
+                  [1, 1, 1, 0, 1, 1, 1, 1, 1],
+                  [3, 0, 0, 0, 1, 1, 1, 1, 1],
+                  [1, 1, 1, 0, 1, 1, 1, 1, 1]
+                ]
+              ]
+            ],
+            ["setupDirection", ["down"]],
+            ["setupPosition", [3, 0]]
+          ],
+          "checks": [
+            {
+              "name": "position",
+              "value": [0, 7],
+              "error_html": "You didn't reach the end of the maze."
+            }
+          ]
+        },
+        {
+          "slug": "forks-2",
+          "name": "Choose right if you can, otherwise choose left",
+          "setup_functions": [
+            [
+              "setupGrid",
+              [
+                [
+                  [2, 1, 1, 1, 1, 1, 1, 1, 1],
+                  [0, 1, 1, 0, 0, 1, 1, 1, 1],
+                  [0, 1, 1, 1, 0, 0, 0, 0, 1],
+                  [0, 1, 1, 0, 0, 1, 0, 1, 1],
+                  [0, 1, 1, 1, 0, 1, 0, 1, 1],
+                  [0, 0, 0, 0, 0, 1, 0, 0, 1],
+                  [1, 4, 1, 1, 0, 1, 1, 0, 1],
+                  [1, 4, 4, 4, 0, 1, 0, 0, 1],
+                  [1, 1, 1, 1, 3, 1, 1, 1, 1]
+                ]
+              ]
+            ],
+            ["setupDirection", ["down"]],
+            ["setupPosition", [0, 0]]
+          ],
+          "checks": [
+            {
+              "name": "position",
+              "value": [4, 8],
+              "error_html": "You didn't reach the end of the maze."
+            }
+          ]
+        }
+      ]
+    }
+  ]
+}
diff --git a/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/example.jiki b/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/example.jiki
new file mode 100644
index 0000000000..c22af95a40
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/example.jiki
@@ -0,0 +1,14 @@
+repeat_until_game_over do
+  if can_turn_left() is true do
+    turn_left()
+    move()
+  else if can_move() is true do
+    move()
+  else if can_turn_right() is true do
+    turn_right()
+    move()
+  else do
+    turn_left()
+    turn_left()
+  end
+end
\ No newline at end of file
diff --git a/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/introduction.md b/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/introduction.md
new file mode 100644
index 0000000000..5d96232c59
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/introduction.md
@@ -0,0 +1,26 @@
+# Solve the Maze
+
+The first exercise you solved was manually moving your character around the maze. Already in Level 3, you're ready to solve any maze programmatically using code!
+
+To make that possible, we're giving you three new functions:
+
+- `can_turn_left()`: returns `true` if the space to the character's left is not a wall.
+- `can_turn_right()`: returns `true` if the space to the character's right is not a wall.
+- `can_move()`: returns `true` if the space ahead of the character is not a wall.
+
+With those three functions and the `move()`, `turn_left()` and `turn_right()` you had in Level 1, you can solve any maze.
+
+Spend a little time trying to work out how (maybe 15-30 minutes). Treat it as a fun logic puzzle. Get some paper and draw things out. Then when you want to check your method (or if you give up), read the instructions below
+
+<hr class="border-borderColor5" style="margin:80px 0"/>
+
+## Instructions
+
+You can solve all the mazes using the following method (this is what we call an "algorithm" - a method of solving a problem):
+
+- If you can turn left, turn left and move forward
+- Otherwise, if you can move forward, move forward.
+- Otherwise if you can turn right, turn right and move forward.
+- Otherwise turn around
+
+This exercise is broken into different tasks. Follow the instructions below and as you completed each task, one or more the scenarios will complete, and more instructions will appear below!
diff --git a/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/stub.jiki b/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/stub.jiki
new file mode 100644
index 0000000000..6fa95fcc83
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/stub.jiki
@@ -0,0 +1,3 @@
+repeat_until_game_over do
+  // TODO: Implement the algorithm
+end
\ No newline at end of file
diff --git a/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/task-1.md b/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/task-1.md
new file mode 100644
index 0000000000..601d75be06
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/task-1.md
@@ -0,0 +1,3 @@
+# Task 1
+
+Move forward to the end of the maze.
diff --git a/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/task-2.md b/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/task-2.md
new file mode 100644
index 0000000000..11206813bc
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/task-2.md
@@ -0,0 +1,3 @@
+# Task 2
+
+Now implement the second step. If there's a path to the left, take it!
diff --git a/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/task-3.md b/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/task-3.md
new file mode 100644
index 0000000000..3d57c75ba4
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/task-3.md
@@ -0,0 +1,3 @@
+# Task 3
+
+Great! Now we deal with right turns. If there's not a path to the left or straight ahead, take the path to the right.
diff --git a/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/task-4.md b/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/task-4.md
new file mode 100644
index 0000000000..1363bab382
--- /dev/null
+++ b/test/repos/bootcamp_content/projects/maze/exercises/automated-solve/task-4.md
@@ -0,0 +1,3 @@
+# Task 4
+
+Great work. Now you need to handle what happens when you get to a dead-end. In that case you need to turn around!
diff --git a/test/system/bootcamp/editor_test.rb b/test/system/bootcamp/editor_test.rb
index b68530a030..96cbde858b 100644
--- a/test/system/bootcamp/editor_test.rb
+++ b/test/system/bootcamp/editor_test.rb
@@ -30,8 +30,36 @@ def update_codemirror_content(content)
   })
 end
 
+def select_scenario(number)
+  find("[data-ci='test-selector-button']:nth-of-type(#{number})").click
+end
+
 def check_scenarios = find("[data-ci='check-scenarios-button']").click
 
+def toggle_information_tooltip = find("[data-ci=information-widget-toggle]").click
+
+def scrub_to(value)
+  scrubber = find("[data-ci='scrubber-range-input']")
+
+  min = scrubber[:min].to_f
+  max = scrubber[:max].to_f
+  width = scrubber.native.rect.width
+
+  percent = (value - min) / (max - min)
+  x_offset = (percent * width).to_i - (width / 2)
+
+  page.driver.browser.action.
+    click_and_hold(scrubber.native).
+    move_by(x_offset, 0).
+    release.
+    perform
+end
+
+def assert_scrubber_value(value)
+  scrubber = find("[data-ci='scrubber-range-input']")
+  assert_equal value, scrubber.value.to_i
+end
+
 module Bootcamp
   class EditorTest < ApplicationSystemTestCase
     test "things render" do
@@ -379,5 +407,122 @@ class EditorTest < ApplicationSystemTestCase
         assert_selector ".information-tooltip.description"
       end
     end
+
+    test "can scrub between animation timeline frames" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :manual_solve
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        change_codemirror_content(%(move()
+turn_right()
+))
+        check_scenarios
+
+        toggle_information_tooltip
+        assert_selector ".information-tooltip.description"
+        assert_text "This called the turn_right function."
+        scrub_to(0)
+        assert_text "This called the move function."
+      end
+    end
+
+    test "can scrub between io frames" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :even_or_odd
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        change_codemirror_content(%(function even_or_odd with number do
+          set this to 5
+          return "Even"
+        end))
+
+        check_scenarios
+
+        toggle_information_tooltip
+        assert_selector ".information-tooltip.description"
+        assert_text "This created a new variable called this and sets its value to 5."
+        scrub_to(1)
+        assert_text "This returned the value of undefined, which in this case is Even."
+      end
+    end
+
+    test "scrubbing interrupts animation" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :automated_solve
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        change_codemirror_content(%(repeat_until_game_over do
+  if can_turn_left() is true do
+    turn_left()
+    move()
+  else if can_move() is true do
+    move()
+  else if can_turn_right() is true do
+    turn_right()
+    move()
+  else do
+    turn_left()
+    turn_left()
+  end
+end))
+        check_scenarios
+
+        scrubber_val_6 = 7285
+
+        # interrupting animation
+        scrub_to scrubber_val_6
+        sleep 0.1
+        assert_scrubber_value scrubber_val_6
+        sleep 0.5
+        assert_scrubber_value scrubber_val_6
+      end
+    end
+
+    test "keeps scrubber value between inspected scenarios" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :automated_solve
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        change_codemirror_content(%(repeat_until_game_over do
+  if can_turn_left() is true do
+    turn_left()
+    move()
+  else if can_move() is true do
+    move()
+  else if can_turn_right() is true do
+    turn_right()
+    move()
+  else do
+    turn_left()
+    turn_left()
+  end
+end))
+        check_scenarios
+
+        scrubber_val_4 = 2432
+        scrubber_val_6 = 7285
+
+        # interrupting animation
+        scrub_to scrubber_val_6
+        select_scenario 4
+        scrub_to scrubber_val_4
+        select_scenario 6
+        sleep 1
+        select_scenario 4
+        sleep 1
+        select_scenario 6
+        assert_scrubber_value scrubber_val_6
+        select_scenario 4
+        assert_scrubber_value scrubber_val_4
+      end
+    end
   end
 end

From 4bc1900288e292640be268f1e639cd417cd62db7 Mon Sep 17 00:00:00 2001
From: dem4ron <demaaron88@gmail.com>
Date: Thu, 30 Jan 2025 15:35:28 +0100
Subject: [PATCH 12/14] Use js to scrub

---
 test/system/bootcamp/editor_test.rb | 41 ++++++++++++++++++-----------
 1 file changed, 25 insertions(+), 16 deletions(-)

diff --git a/test/system/bootcamp/editor_test.rb b/test/system/bootcamp/editor_test.rb
index 96cbde858b..59047532b3 100644
--- a/test/system/bootcamp/editor_test.rb
+++ b/test/system/bootcamp/editor_test.rb
@@ -39,20 +39,30 @@ def check_scenarios = find("[data-ci='check-scenarios-button']").click
 def toggle_information_tooltip = find("[data-ci=information-widget-toggle]").click
 
 def scrub_to(value)
-  scrubber = find("[data-ci='scrubber-range-input']")
+  page.execute_script(%{
+    let scrubber = document.querySelector("[data-ci='scrubber-range-input']");
+    if (scrubber) {
+      let previousValue = scrubber.value;
+
+      let pointerDownEvent = new PointerEvent('pointerdown', { bubbles: true });
+      scrubber.dispatchEvent(pointerDownEvent);
 
-  min = scrubber[:min].to_f
-  max = scrubber[:max].to_f
-  width = scrubber.native.rect.width
+      let inputEvent = new Event('input', { bubbles: true });
+      Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value').set.call(scrubber, #{value});
+      scrubber.dispatchEvent(inputEvent);
 
-  percent = (value - min) / (max - min)
-  x_offset = (percent * width).to_i - (width / 2)
+      let pointerMoveEvent = new PointerEvent('pointermove', { bubbles: true });
+      scrubber.dispatchEvent(pointerMoveEvent);
 
-  page.driver.browser.action.
-    click_and_hold(scrubber.native).
-    move_by(x_offset, 0).
-    release.
-    perform
+      let pointerUpEvent = new PointerEvent('pointerup', { bubbles: true });
+      scrubber.dispatchEvent(pointerUpEvent);
+
+      let changeEvent = new Event('change', { bubbles: true });
+      scrubber.dispatchEvent(changeEvent);
+
+      console.log(`Scrubber moved from ${previousValue} to ${scrubber.value}`);
+    }
+  })
 end
 
 def assert_scrubber_value(value)
@@ -507,20 +517,19 @@ class EditorTest < ApplicationSystemTestCase
 end))
         check_scenarios
 
-        scrubber_val_4 = 2432
+        scrubber_val_4 = 2430
         scrubber_val_6 = 7285
 
         # interrupting animation
         scrub_to scrubber_val_6
         select_scenario 4
         scrub_to scrubber_val_4
+
         select_scenario 6
-        sleep 1
-        select_scenario 4
-        sleep 1
-        select_scenario 6
+        sleep 0.5
         assert_scrubber_value scrubber_val_6
         select_scenario 4
+        sleep 0.5
         assert_scrubber_value scrubber_val_4
       end
     end

From d36f29230fe515012dc09f1792545c0d3b8e9554 Mon Sep 17 00:00:00 2001
From: dem4ron <demaaron88@gmail.com>
Date: Thu, 30 Jan 2025 15:42:39 +0100
Subject: [PATCH 13/14] Adding another modal test

---
 test/system/bootcamp/editor_test.rb | 30 +++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/test/system/bootcamp/editor_test.rb b/test/system/bootcamp/editor_test.rb
index 59047532b3..957f2a85b3 100644
--- a/test/system/bootcamp/editor_test.rb
+++ b/test/system/bootcamp/editor_test.rb
@@ -533,5 +533,35 @@ class EditorTest < ApplicationSystemTestCase
         assert_scrubber_value scrubber_val_4
       end
     end
+
+    test "switching to completed timeline scenario immediately fires complete modal" do
+      user = create(:user, bootcamp_attendee: true)
+      exercise = create :bootcamp_exercise, :automated_solve
+      use_capybara_host do
+        sign_in!(user)
+        visit bootcamp_project_exercise_url(exercise.project, exercise)
+
+        change_codemirror_content(%(repeat_until_game_over do
+  if can_turn_left() is true do
+    turn_left()
+    move()
+  else if can_move() is true do
+    move()
+  else if can_turn_right() is true do
+    turn_right()
+    move()
+  else do
+    turn_left()
+    turn_left()
+  end
+end))
+        check_scenarios
+
+        sleep 1
+        select_scenario 1
+        assert_text "Nice work!"
+        assert_selector ".solve-exercise-page-react-modal-content"
+      end
+    end
   end
 end

From fc42fe68e562512d50e54f1305032a0f85ee4c77 Mon Sep 17 00:00:00 2001
From: dem4ron <demaaron88@gmail.com>
Date: Thu, 30 Jan 2025 16:16:15 +0100
Subject: [PATCH 14/14] Fix tooltip text

---
 test/system/bootcamp/editor_test.rb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/test/system/bootcamp/editor_test.rb b/test/system/bootcamp/editor_test.rb
index 957f2a85b3..ebedbff5fc 100644
--- a/test/system/bootcamp/editor_test.rb
+++ b/test/system/bootcamp/editor_test.rb
@@ -456,7 +456,7 @@ class EditorTest < ApplicationSystemTestCase
         assert_selector ".information-tooltip.description"
         assert_text "This created a new variable called this and sets its value to 5."
         scrub_to(1)
-        assert_text "This returned the value of undefined, which in this case is Even."
+        assert_text "This returned Even."
       end
     end