ENGCOM-8577: Allow to load base64 encoded images and fonts #31162

Author: gabrieldagama

app/code/Magento/Csp/etc/config.xml

@@ -92,6 +92,9 @@
                         <inline>1</inline>
                         <eval>0</eval>
                         <dynamic>0</dynamic>
+                        <schemes>
+                            <data>data</data>
+                        </schemes>
                     </images>
                     <frames>
                         <policy_id>frame-src</policy_id>
@@ -120,6 +123,9 @@
                         <inline>1</inline>
                         <eval>0</eval>
                         <dynamic>0</dynamic>
+                        <schemes>
+                            <data>data</data>
+                        </schemes>
                     </fonts>
                 </storefront>
                 <admin>
@@ -197,6 +203,9 @@
                         <inline>1</inline>
                         <eval>0</eval>
                         <dynamic>0</dynamic>
+                        <schemes>
+                            <data>data</data>
+                        </schemes>
                     </images>
                     <frames>
                         <policy_id>frame-src</policy_id>
@@ -225,6 +234,9 @@
                         <inline>1</inline>
                         <eval>0</eval>
                         <dynamic>0</dynamic>
+                        <schemes>
+                            <data>data</data>
+                        </schemes>
                     </fonts>
                 </admin>
             </policies>

dev/tests/integration/testsuite/Magento/Csp/Model/Collector/ConfigCollectorTest.php

@@ -62,9 +62,9 @@ private function getExpectedPolicies(): array
                 [],
                 true
             ),
-            'font-src' => new FetchPolicy('font-src', false, [], [], true),
+            'font-src' => new FetchPolicy('font-src', false, [], ['data'], true),
             'frame-src' => new FetchPolicy('frame-src', false, [], [], true, false, false, [], [], true),
-            'img-src' => new FetchPolicy('img-src', false, [], [], true),
+            'img-src' => new FetchPolicy('img-src', false, [], ['data'], true),
             'manifest-src' => new FetchPolicy('manifest-src', false, [], [], true),
             'media-src' => new FetchPolicy('media-src', false, [], [], true),
             'object-src' => new FetchPolicy('object-src', false, [], [], true),