From 849d909d70da032f5d624a573b2e14ae2ed46cdb Mon Sep 17 00:00:00 2001
From: jordyvanderhaegen <jordy@esign.eu>
Date: Mon, 4 Dec 2023 16:24:18 +0100
Subject: [PATCH] Update: support component attributes

---
 .../components/data-layer-variable.blade.php     |  4 +++-
 .../components/facebook-pixel-script.blade.php   |  7 ++++++-
 .../facebook-pixel-tracking-event.blade.php      |  9 ++++++++-
 .../View/Components/DataLayerVariableTest.php    | 13 +++++++++++++
 .../View/Components/FacebookPixelScriptTest.php  | 13 +++++++++++++
 .../FacebookPixelTrackingEventTest.php           | 16 ++++++++++++++++
 6 files changed, 59 insertions(+), 3 deletions(-)

diff --git a/resources/views/components/data-layer-variable.blade.php b/resources/views/components/data-layer-variable.blade.php
index 9f84b36..199b2e0 100644
--- a/resources/views/components/data-layer-variable.blade.php
+++ b/resources/views/components/data-layer-variable.blade.php
@@ -1,4 +1,6 @@
-<script>
+@props(['arguments'])
+
+<script {{ $attributes }}>
     window.dataLayer = window.dataLayer || [];
     window.dataLayer.push(@json((object) $arguments));
 </script>
\ No newline at end of file
diff --git a/resources/views/components/facebook-pixel-script.blade.php b/resources/views/components/facebook-pixel-script.blade.php
index 42f03b4..3777e4d 100644
--- a/resources/views/components/facebook-pixel-script.blade.php
+++ b/resources/views/components/facebook-pixel-script.blade.php
@@ -1,4 +1,9 @@
-<script>
+@props([
+    'pixelId',
+    'advancedMatchingData',
+])
+
+<script {{ $attributes }}>
     !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
     n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
     n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
diff --git a/resources/views/components/facebook-pixel-tracking-event.blade.php b/resources/views/components/facebook-pixel-tracking-event.blade.php
index 2db7195..7c466a8 100644
--- a/resources/views/components/facebook-pixel-tracking-event.blade.php
+++ b/resources/views/components/facebook-pixel-tracking-event.blade.php
@@ -1,3 +1,10 @@
-<script>
+@props([
+    'eventType',
+    'eventName',
+    'customData',
+    'eventData',
+])
+
+<script {{ $attributes }}>
     fbq('{{ $eventType }}', '{{ $eventName }}', @json((object) $customData), @json((object) $eventData));
 </script>
\ No newline at end of file
diff --git a/tests/Feature/View/Components/DataLayerVariableTest.php b/tests/Feature/View/Components/DataLayerVariableTest.php
index e0e6f88..ca79c52 100644
--- a/tests/Feature/View/Components/DataLayerVariableTest.php
+++ b/tests/Feature/View/Components/DataLayerVariableTest.php
@@ -36,4 +36,17 @@ public function it_can_render_anonymously()
 
         $view->assertSee('window.dataLayer.push({"event":"contact"});', false);
     }
+
+    /** @test */
+    public function it_can_pass_component_attributes()
+    {
+        $view = $this->blade('
+            <x-conversions-api::data-layer-variable
+                :arguments="[]"
+                class="my-class"
+            />
+        ');
+
+        $view->assertSee('<script class="my-class">', false);
+    }
 }
diff --git a/tests/Feature/View/Components/FacebookPixelScriptTest.php b/tests/Feature/View/Components/FacebookPixelScriptTest.php
index 64bd643..66fec54 100644
--- a/tests/Feature/View/Components/FacebookPixelScriptTest.php
+++ b/tests/Feature/View/Components/FacebookPixelScriptTest.php
@@ -42,4 +42,17 @@ public function it_can_render_the_view_passing_custom_data()
 
         $component->assertSee("fbq('init', '744689831385767', {\"em\":\"test@test.com\"});", false);
     }
+
+    /** @test */
+    public function it_can_pass_component_attributes()
+    {
+        $view = $this->blade('
+            <x-conversions-api::data-layer-variable
+                :arguments="[]"
+                class="my-class"
+            />
+        ');
+
+        $view->assertSee('<script class="my-class">', false);
+    }
 }
diff --git a/tests/Feature/View/Components/FacebookPixelTrackingEventTest.php b/tests/Feature/View/Components/FacebookPixelTrackingEventTest.php
index 2d7e5f2..8c934d1 100644
--- a/tests/Feature/View/Components/FacebookPixelTrackingEventTest.php
+++ b/tests/Feature/View/Components/FacebookPixelTrackingEventTest.php
@@ -69,4 +69,20 @@ public function it_can_render_anonymously()
 
         $view->assertSee("fbq('track', 'Purchase', {}, {});", false);
     }
+
+    /** @test */
+    public function it_can_pass_component_attributes()
+    {
+        $view = $this->blade('
+            <x-conversions-api::facebook-pixel-tracking-event
+                eventType="track"
+                eventName="Purchase"
+                :customData="[]"
+                :eventData="[]"
+                class="my-class"
+            />
+        ');
+
+        $view->assertSee('<script class="my-class">', false);
+    }
 }