✅[#287] test djadyen styles settings

Author: Coperh

djadyen/static/djadyen/djadyen.js

@@ -4,7 +4,7 @@
 <div
     id="djadyen-config"
     data-amount="{{ amount | safe }}"
-    data-client-key="{{ client_key }}"l
+    data-client-key="{{ client_key }}"
     data-country-code="{{ country_code }}"
     data-csrf-token="{{ csrf_token }}"
     data-currency="{{ currency }}"

djadyen/templates/adyen/advanced_component.html

@@ -6,6 +6,7 @@
     data-session-id="{{ session_id }}"
     data-session-data="{{ session_data }}"
     data-client-key="{{ client_key }}"
+    data-country-code="{{ country_code }}"
     data-environment="{{ environment }}"
     data-redirect-url="{{ redirect_url }}"
     data-language="{{ language }}"

djadyen/templates/adyen/component.html

@@ -13,6 +13,7 @@ document.addEventListener('DOMContentLoaded', async () => {
             environment: config.dataset.environment,
             clientKey: config.dataset.clientKey,
             locale: config.dataset.language,
+            countryCode: config.dataset.countryCode,
             showPayButton: true,
             analytics: {
                 enabled: false,

javascript/djadyen.js

@@ -76,3 +76,30 @@ def mock_successful_payment_details_api(requests_mock):
 
     requests_mock.post(matcher, json=success_response)
     return requests_mock
+
+
+@pytest.fixture
+def mock_sessions_api_success(requests_mock):
+    """
+    Example Sessions api response v71 base on the adyen docs:
+    https://docs.adyen.com/api-explorer/Checkout/71/post/sessions
+    :param requests_mock:
+    :return: requests_mock
+    """
+
+    matcher = re.compile(r"https://checkout-test\.adyen\.com/v[0-9]{2}/sessions")
+
+    # TODO: update with real /sessions success example
+    success_response = {
+        "amount": {"currency": "EUR", "value": 100},
+        "countryCode": "NL",
+        "expiresAt": "2022-01-11T13:53:18+01:00",
+        "id": "CS451F2AB1ED897A94",
+        "merchantAccount": "YOUR_MERCHANT_ACCOUNT",
+        "reference": "YOUR_PAYMENT_REFERENCE",
+        "returnUrl": "https://your-company.example.com/checkout?shopperOrder=12xy..",
+        "sessionData": "Ab02b4c0!BQABAgBfYI29...",
+    }
+
+    requests_mock.post(matcher, json=success_response, status_code=201)
+    return requests_mock

tests/conftest.py

@@ -0,0 +1,71 @@
+from json import dumps
+
+from django.template import Context, Template
+from django.utils.html import escape
+
+from djadyen.settings import get_setting
+from tests.factories import OrderFactory
+
+
+def test_adyen_advanced_payment_component_no_styles(settings) -> None:
+    """
+    Test donation component with a valid campaign
+    :param donation_campaign_example: Example Donation Campaign
+    """
+
+    settings.DJADYEN_STYLES = None
+    order = OrderFactory.build()
+
+    out = Template(
+        "{% load adyen_tags %}"
+        "{% adyen_advanced_payment_component language=adyen_language order=order  %}"  # noqa
+    ).render(
+        Context(
+            {
+                "adyen_language": "en-US",
+                "order": order,
+            }
+        )
+    )
+
+    assert "data-styles=" not in out
+    assert get_setting("DJADYEN_DEFAULT_COUNTRY_CODE") in out
+
+
+def test_adyen_advanced_payment_component_with_styles(settings) -> None:
+    """
+    Test donation component with a valid campaign
+    :param donation_campaign_example: Example Donation Campaign
+    """
+
+    settings.DJADYEN_STYLES = {
+        "base": {
+            "color": "#000000",
+            "fontSize": "16px",
+            "fontFamily": "Arial, sans-serif",
+        },
+        "placeholder": {
+            "color": "#999999",
+        },
+        "error": {
+            "color": "#ff0000",
+        },
+    }
+
+    order = OrderFactory.build()
+
+    out = Template(
+        "{% load adyen_tags %}"
+        "{% adyen_advanced_payment_component language=adyen_language order=order  %}"  # noqa
+    ).render(
+        Context(
+            {
+                "adyen_language": "en-US",
+                "order": order,
+            }
+        )
+    )
+
+    assert "data-styles=" in out
+    assert escape(dumps(settings.DJADYEN_STYLES)) in out
+    assert get_setting("DJADYEN_DEFAULT_COUNTRY_CODE") in out