Fix responsive plugin with tests

Author: yajra

src/Html/Options/Plugins/Responsive.php

@@ -11,20 +11,6 @@
  */
 trait Responsive
 {
-    /**
-     * Set responsive option value.
-     *
-     * @param  bool|array  $value
-     * @return $this
-     * @see https://datatables.net/reference/option/responsive
-     */
-    public function responsive(bool|array $value = true): static
-    {
-        $this->attributes['responsive'] = $value;
-
-        return $this;
-    }
-
     /**
      * Set responsive breakpoints option value.
      *
@@ -38,15 +24,21 @@ public function responsiveBreakpoints(array $value): static
     }
 
     /**
-     * Set responsive details option value.
+     * Set responsive option value.
      *
      * @param  bool|array  $value
      * @return $this
-     * @see https://datatables.net/reference/option/responsive.details
+     * @see https://datatables.net/reference/option/responsive
      */
-    public function responsiveDetails(bool|array $value): static
+    public function responsive(bool|array $value = true): static
     {
-        return $this->responsive(['details' => $value]);
+        if (is_array($value)) {
+            $this->attributes['responsive'] = array_merge((array) $this->attributes['responsive'], $value);
+        } else {
+            $this->attributes['responsive'] = $value;
+        }
+
+        return $this;
     }
 
     /**
@@ -61,6 +53,25 @@ public function responsiveDetailsDisplay(array|string $value): static
         return $this->responsiveDetails(['display' => $value]);
     }
 
+    /**
+     * Set responsive details option value.
+     *
+     * @param  bool|array  $value
+     * @return $this
+     * @see https://datatables.net/reference/option/responsive.details
+     */
+    public function responsiveDetails(bool|array $value): static
+    {
+        $responsive = (array) $this->getResponsive();
+        if (is_array($value)) {
+            $responsive['details'] = array_merge((array) ($responsive['details'] ?? []), $value);
+        } else {
+            $responsive['details'] = $value;
+        }
+
+        return $this->responsive($responsive);
+    }
+
     /**
      * Set responsive details renderer option value.
      *
@@ -108,4 +119,17 @@ public function responsiveOrthogonal(string $value): static
     {
         return $this->responsive(['orthogonal' => $value]);
     }
+
+    /**
+     * @param  string|null  $key
+     * @return mixed
+     */
+    public function getResponsive(string $key = null): mixed
+    {
+        if (is_null($key)) {
+            return $this->attributes['responsive'] ?? true;
+        }
+
+        return $this->attributes['responsive'][$key] ?? false;
+    }
 }

tests/BuilderOptionsPluginsTest.php

@@ -158,5 +158,26 @@ public function it_has_keys_plugin()
         $this->assertEquals(1, $builder->getKeys('tabIndex'));
     }
 
-
+    /** @test */
+    public function it_has_responsive_plugin()
+    {
+        $builder = $this->getHtmlBuilder();
+        $builder->responsive();
+
+        $this->assertTrue($builder->getAttribute('responsive'));
+        $this->assertTrue($builder->getResponsive());
+
+        $builder->responsiveBreakpoints([1])
+                ->responsiveDetailsDisplay('display')
+                ->responsiveDetailsRenderer('renderer')
+                ->responsiveDetailsTarget('target')
+                ->responsiveDetailsType('type')
+                ->responsiveOrthogonal('orthogonal');
+        $this->assertEquals([1], $builder->getResponsive('breakpoints'));
+        $this->assertEquals('display', $builder->getResponsive('details')['display']);
+        $this->assertEquals('renderer', $builder->getResponsive('details')['renderer']);
+        $this->assertEquals('target', $builder->getResponsive('details')['target']);
+        $this->assertEquals('type', $builder->getResponsive('details')['type']);
+        $this->assertEquals('orthogonal', $builder->getResponsive('orthogonal'));
+    }
 }