Fix Turtles Regression and Restore Failing Tests (sugarlabs#5760)

This PR fixes failing tests in js/tests/turtles.test.js and resolves regression in js/turtles.js where the background color functionality was accidentally removed during a previous refactor.

Author: zealot-zew

js/__tests__/turtles.test.js

@@ -40,6 +40,15 @@ global.setupVolumeActions = jest.fn();
 global.setupDrumActions = jest.fn();
 global.setupDictActions = jest.fn();
 
+global.LEADING = 35;
+global.CARTESIANBUTTON = "";
+global.CLEARBUTTON = "";
+global.COLLAPSEBUTTON = "";
+global.EXPANDBUTTON = "";
+global.MBOUNDARY = "";
+global.piemenuGrid = {};
+global.base64Encode = jest.fn(str => str);
+
 global.Turtle = jest.fn().mockImplementation(() => ({
     painter: {
         doSetHeading: jest.fn(),
@@ -113,6 +122,9 @@ describe("Turtles Class", () => {
         turtles.addTurtleGraphicProps = jest.fn();
         turtles.isShrunk = jest.fn().mockReturnValue(false);
         document.body.innerHTML = '<div id="loader"></div>';
+        window.jQuery = jest.fn().mockReturnValue({
+            tooltip: jest.fn()
+        });
     });
 
     test("should initialize properly", () => {
@@ -382,6 +394,7 @@ describe("setBackgroundColor", () => {
         turtles._scale = 1.0;
         global.platformColor = { background: "#ffffff" };
         turtles._backgroundColor = platformColor.background;
+        turtles._borderContainer = new createjs.Container();
     });
 
     test("should set default background color when index is -1", () => {
@@ -447,6 +460,7 @@ describe("doScale", () => {
         turtles._locked = false;
         turtles._queue = [];
         turtles._backgroundColor = "#ffffff";
+        turtles._borderContainer = new createjs.Container();
     });
 
     test("should update scale, width, and height when not locked", () => {

js/turtles.js

@@ -864,6 +864,17 @@ Turtles.TurtlesView = class {
         // Remove any old background containers
         borderContainer.removeAllChildren();
 
+        // Update the canvas background color
+        const canvas = this.canvas;
+        if (canvas) {
+            canvas.style.backgroundColor = this._backgroundColor;
+        }
+
+        // Also update body background if available
+        if (typeof document !== "undefined") {
+            document.body.style.backgroundColor = this._backgroundColor;
+        }
+
         const turtlesStage = this.stage;
         // We put the buttons on the stage so they will be on top