Add fix + failing test for custom array prototype (#1705)

barryvdh · web-flow · commit 6a09266c8980 · 2024-11-25T13:49:44.000+01:00
* Add failing test for custom array prototype

* Use forEach

* Use array.forEach
diff --git a/src/Resources/queries/widget.js b/src/Resources/queries/widget.js
@@ -343,8 +343,7 @@
             const $li = $('<li />').addClass(csscls('table-list-item'));
             const $muted = $('<span />').addClass(css('text-muted'));
 
-            for (const i in values) {
-                const value = values[i];
+            values.forEach((value, i) => {
                 if (showLineNumbers) {
                     $ul.append($li.clone().append([$muted.clone().text(`${i}:`), '&nbsp;', $('<span/>').text(value)]));
                 } else {
@@ -354,7 +353,7 @@
                         $ul.append($li.clone().text(value));
                     }
                 }
-            }
+            });
 
             return this.renderDetail(caption, icon, $ul);
         },
diff --git a/tests/DebugbarBrowserTest.php b/tests/DebugbarBrowserTest.php
@@ -68,6 +68,22 @@ protected function addWebRoutes(Router $router)
             }
         ]);
 
+        $router->get('web/custom-prototype', [
+            'uses' => function () {
+
+                /** @var Connection $connection */
+                $connection = $this->app['db']->connectUsing(
+                    'runtime-connection',
+                    [
+                        'driver' => 'sqlite',
+                        'database' => ':memory:',
+                    ],
+                );
+                event(new QueryExecuted('SELECT * FROM users WHERE username = ?', ['debuguser'], 0, $connection));
+                return view('custom-prototype');
+            }
+        ]);
+
         $router->get('web/query/{num?}', [
             'uses' => function ($num = 1) {
                 debugbar()->boot();
@@ -85,7 +101,6 @@ protected function addWebRoutes(Router $router)
                     $executedQuery = new QueryExecuted('SELECT * FROM users WHERE username = ?', ['debuguser' . $i], 0, $connection);
                     event($executedQuery);
                 }
-
                 return 'PONG';
             }
         ]);
@@ -201,6 +216,32 @@ public function testDatabaseCollectsQueries()
         });
     }
 
+    public function testDatabaseCollectsQueriesWithCustomPrototype()
+    {
+        if (version_compare($this->app->version(), '10', '<')) {
+            $this->markTestSkipped('This test is not compatible with Laravel 9.x and below');
+        }
+
+        $this->browse(function (Browser $browser) {
+            $browser->visit('web/custom-prototype')
+                ->waitFor('.phpdebugbar')
+                ->click('.phpdebugbar-tab-history')
+                ->waitForTextIn('.phpdebugbar-tab[data-collector="queries"] .phpdebugbar-badge', 1)
+                ->click('.phpdebugbar-tab[data-collector="queries"]')
+                ->screenshotElement('.phpdebugbar', 'queries-tab')
+                ->waitForText('executed')
+                ->assertSee('1 statement was executed')
+                ->with('.phpdebugbar-widgets-sqlqueries', function ($queriesPane) {
+                    $queriesPane->assertSee('SELECT * FROM users')
+                        ->click('.phpdebugbar-widgets-expandable:nth-child(2)')
+                        ->assertSee('Bindings')
+                        ->assertSee('debuguser')
+                        ->assertSee('Backtrace')
+                        ->assertSee('LaravelDebugbar.php:');
+                })
+                ->screenshotElement('.phpdebugbar', 'queries-expanded');
+        });
+    }
 
     public function testDatabaseCollectsQueriesWithSoftLimit()
     {
diff --git a/tests/resources/views/custom-prototype.blade.php b/tests/resources/views/custom-prototype.blade.php
@@ -0,0 +1,13 @@
+<html>
+<body>
+
+<script>
+    Array.prototype.customRemove = function(item) {
+        const i = this.indexOf(item)
+        if (i > -1) {
+            this.splice(i, 1)
+        }
+        return this
+    }
+</script>
+</body>
