fix: restore mockRuntime in display_spec.js constructor calls

The Problem constructor takes (runtime, element) per XBlock convention.
The spec was missing mockRuntime as first arg and the declaration,
causing this.element_id to be undefined at runtime.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: 2 people

xblocks_contrib/problem/assets/spec/display_spec.js

@@ -1,5 +1,6 @@
 describe("Problem", function () {
   const problem_content_default = readFixtures("problem_content.html");
+  const mockRuntime = {};
 
   beforeEach(function () {
     // Stub MathJax
@@ -30,7 +31,7 @@ describe("Problem", function () {
 
   describe("constructor", function () {
     it("set the element from html", function () {
-      this.problem999 = new Problem(`\
+      this.problem999 = new Problem(mockRuntime, `\
 <section class='xblock xblock-student_view xmodule_display xmodule_CapaModule' data-type='Problem'> \
 <section id='problem_999' \
 class='problems-wrapper' \
@@ -43,7 +44,7 @@ data-url='/problem/quiz/'> \
     });
 
     it("set the element from loadFixtures", function () {
-      this.problem1 = new Problem($(".xblock-student_view"));
+      this.problem1 = new Problem(mockRuntime, $(".xblock-student_view"));
       expect(this.problem1.element_id).toBe("problem_1");
     });
   });
@@ -52,7 +53,7 @@ data-url='/problem/quiz/'> \
     beforeEach(function () {
       spyOn(window, "update_schematics");
       MathJax.Hub.getAllJax.and.returnValue([this.stubbedJax]);
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
     });
 
     it("set mathjax typeset", () => expect(MathJax.Hub.Queue).toHaveBeenCalled());
@@ -88,7 +89,7 @@ data-url='/problem/quiz/'> \
     beforeEach(function () {
       spyOn(window, "update_schematics");
       MathJax.Hub.getAllJax.and.returnValue([this.stubbedJax]);
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
       return $(this).html(readFixtures("problem_content_1240.html"));
     });
 
@@ -103,7 +104,7 @@ data-url='/problem/quiz/'> \
 
   describe("renderProgressState", function () {
     beforeEach(function () {
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
     });
 
     const testProgessData = function (
@@ -206,7 +207,7 @@ data-url='/problem/quiz/'> \
 
   describe("render", function () {
     beforeEach(function () {
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
       this.bind = this.problem.bind;
       spyOn(this.problem, "bind");
     });
@@ -245,7 +246,7 @@ data-url='/problem/quiz/'> \
     beforeEach(function () {
       // Insert an input of type file outside of the problem.
       $(".xblock-student_view").after('<input type="file" />');
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
       spyOn(this.problem, "submit");
     });
 
@@ -257,7 +258,7 @@ data-url='/problem/quiz/'> \
 
   describe("submit", function () {
     beforeEach(function () {
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
       this.problem.answers = "foo=1&bar=2";
     });
 
@@ -403,7 +404,7 @@ data-url='/problem/quiz/'> \
 
   describe("submit button on problems", function () {
     beforeEach(function () {
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
       this.submitDisabled = (disabled) => {
         if (disabled) {
           expect(this.problem.submitButton).toHaveAttr("disabled");
@@ -489,7 +490,7 @@ data-url='/problem/quiz/'> \
 
   describe("reset", function () {
     beforeEach(function () {
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
     });
 
     it("log the problem_reset event", function () {
@@ -597,7 +598,7 @@ data-url='/problem/quiz/'> \
 
   describe("show problem with column in id", function () {
     beforeEach(function () {
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
       this.problem.el.prepend('<div id="answer_1_1:11" /><div id="answer_1_2:12" />');
     });
 
@@ -630,7 +631,7 @@ data-url='/problem/quiz/'> \
 
   describe("show", function () {
     beforeEach(function () {
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
       this.problem.el.prepend('<div id="answer_1_1" /><div id="answer_1_2" />');
     });
 
@@ -733,7 +734,7 @@ data-url='/problem/quiz/'> \
         };
 
         beforeEach(function () {
-          this.problem = new Problem($(".xblock-student_view"));
+          this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
           this.problem.el.prepend(_.template(imageinput_html)(DEFAULTS));
         });
 
@@ -897,7 +898,7 @@ data-url='/problem/quiz/'> \
 
   describe("save", function () {
     beforeEach(function () {
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
       this.problem.answers = "foo=1&bar=2";
     });
 
@@ -987,7 +988,7 @@ data-url='/problem/quiz/'> \
 
   describe("refreshMath", function () {
     beforeEach(function () {
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
       // Reset Queue spy so that bind()'s Queue call ([fn, null, domEl]) is not
       // included when toHaveBeenCalledWith scans recorded calls. In Jasmine 2.99,
       // toHaveBeenCalledWith iterates ALL recorded calls' args element-by-element
@@ -1011,7 +1012,7 @@ data-url='/problem/quiz/'> \
 
   describe("updateMathML", function () {
     beforeEach(function () {
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
       this.stubbedJax.root.toMathML.and.returnValue("<MathML>");
     });
 
@@ -1039,7 +1040,7 @@ data-url='/problem/quiz/'> \
 
   describe("refreshAnswers", function () {
     beforeEach(function () {
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
       this.problem.el.html(`\
 <textarea class="CodeMirror" />
 <input id="input_1_1" name="input_1_1" class="schematic" value="one" />
@@ -1067,7 +1068,7 @@ data-url='/problem/quiz/'> \
     const jsinput_html = readFixtures("jsinput_problem.html");
 
     beforeEach(function () {
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
       this.problem.render(jsinput_html);
     });
 
@@ -1083,7 +1084,7 @@ data-url='/problem/quiz/'> \
     beforeEach(function () {
       spyOn($, "postWithPrefix").and.callFake((url, callback) => callback({ html: matlabinput_html }));
       jasmine.clock().install();
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
       spyOn(this.problem, "poll").and.callThrough();
       this.problem.render(matlabinput_html);
     });
@@ -1118,7 +1119,7 @@ data-url='/problem/quiz/'> \
 
     beforeEach(function () {
       spyOn($, "postWithPrefix").and.callFake((url, callback) => callback({ html: codeinputProblemHtml }));
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
       this.problem.render(codeinputProblemHtml);
     });
 
@@ -1142,7 +1143,7 @@ data-url='/problem/quiz/'> \
     const checkboxProblemHtml = readFixtures("checkbox_problem.html");
 
     beforeEach(function () {
-      this.problem = new Problem($(".xblock-student_view"));
+      this.problem = new Problem(mockRuntime, $(".xblock-student_view"));
 
       this.checkAssertionsAfterClickingAnotherOption = () => {
         // verify that 'show answer button is no longer disabled'