[12.x] Support Passing Htmlable Instances to Js::from() (#56159)

* Add support for passing `Htmlable` instance to `Js::from()`

* Reorder import for styling

Author: jj15asmr

src/Illuminate/Support/Js.php

@@ -70,6 +70,10 @@ protected function convertDataToJavaScriptExpression($data, $flags = 0, $depth =
             return $data->toHtml();
         }
 
+        if ($data instanceof Htmlable) {
+            $data = $data->toHtml();
+        }
+
         if ($data instanceof UnitEnum) {
             $data = enum_value($data);
         }

tests/Support/SupportJsTest.php

@@ -3,6 +3,7 @@
 namespace Illuminate\Tests\Support;
 
 use Illuminate\Contracts\Support\Arrayable;
+use Illuminate\Contracts\Support\Htmlable;
 use Illuminate\Contracts\Support\Jsonable;
 use Illuminate\Support\Js;
 use Illuminate\Tests\Support\Fixtures\IntBackedEnum;
@@ -128,6 +129,19 @@ public function toArray()
         );
     }
 
+    public function testHtmlable()
+    {
+        $data = new class implements Htmlable
+        {
+            public function toHtml(): string
+            {
+                return '<p>Hello, World!</p>';
+            }
+        };
+
+        $this->assertEquals("'\u003Cp\u003EHello, World!\u003C\/p\u003E'", (string) Js::from($data));
+    }
+
     public function testBackedEnums()
     {
         $this->assertSame('2', (string) Js::from(IntBackedEnum::TWO));