🐛(backend) add discounted price to course glimpse template

Discounted price were missing in course glimpse template.

Author: kernicPanel

CHANGELOG.md

@@ -13,6 +13,7 @@ Versioning](https://semver.org/spec/v2.0.0.html).
 - Add `discounted_price`, `discount`, `certificate_discounted_price` and
   `certificate_discount` fields to `CourseRun` model
 - Add search indexation for new `CourseRun` model fields
+- Add `discounted_price` to the course glimpse template
 
 ### Changed
 

src/richie/apps/courses/models/course.py

@@ -683,6 +683,15 @@ def price(self):
             return self.best_course_run.price
         return None
 
+    @property
+    def discounted_price(self):
+        """
+        Returns the discounted price of the course run with the best state.
+        """
+        if self.best_course_run:
+            return self.best_course_run.discounted_price
+        return None
+
     @property
     def certificate_offer(self):
         """
@@ -701,6 +710,15 @@ def certificate_price(self):
             return self.best_course_run.certificate_price
         return None
 
+    @property
+    def discounted_certificate_price(self):
+        """
+        Returns the discounted certificate price of the course run with the best state.
+        """
+        if self.best_course_run:
+            return self.best_course_run.discounted_certificate_price
+        return None
+
     def copy_relations(self, oldinstance, language=None):
         """
         This method is called for 2 types of copying:

src/richie/apps/courses/templates/courses/cms/fragment_course_glimpse.html

@@ -117,7 +117,14 @@
                         <use href="#icon-offer-{{course.offer|default:'free'}}" />
                 </svg>
                 {% if course.offer != 'free' and course.price %}
-                    <span class="offer__price">{{ course.price|currency:course.price_currency }}</span>
+                    {% if course.discounted_price %}
+                        <div class="offer_prices">
+                            <span class="offer__price offer__price--striked">{{ course.price|currency:course.price_currency }}</span>
+                            <span class="offer__price offer__price--discounted">{{ course.discounted_price|currency:course.price_currency }}</span>
+                        </div>
+                    {% else %}
+                        <span class="offer__price">{{ course.price|currency:course.price_currency }}</span>
+                    {% endif %}
                 {% endif %}
             </div>
         </div>

tests/apps/courses/test_cms_plugins_course.py

@@ -462,6 +462,7 @@ def test_cms_plugins_course_glimpse_offer(self):
             direct_course=course,
             price=100.00,
             price_currency="EUR",
+            discounted_price=None,
         )
 
         # Define a page to display the Course Glimpse
@@ -500,6 +501,60 @@ def test_cms_plugins_course_glimpse_offer(self):
                 else:
                     self.assertCountEqual(course_glimpse.cssselect(".offer__price"), [])
 
+    def test_cms_plugins_course_glimpse_offer_discount(self):
+        """
+        The course glimpse should render the discounted offer details
+        (price ,discounted_price and right icon)
+        """
+        course = CourseFactory()
+        course_page = course.extended_object
+        run = CourseRunFactory(
+            direct_course=course,
+            price=100.00,
+            price_currency="EUR",
+            discounted_price=80.00,
+        )
+
+        # Define a page to display the Course Glimpse
+        page = create_i18n_page({"en": "A page"})
+        placeholder = page.placeholders.get(slot="maincontent")
+        add_plugin(placeholder, CoursePlugin, "en", **{"page": course_page})
+        page.publish("en")
+        url = page.get_absolute_url(language="en")
+
+        for offer in CourseRunOffer:
+            with self.subTest(offer=offer):
+                # Clear cache between each sub tests
+                cache.clear()
+                # Update the course run offer then publish the related course page
+                run.offer = offer
+                run.save()
+                self.assertTrue(course_page.publish("en"))
+
+                response = self.client.get(url)
+                html = lxml.html.fromstring(response.content.decode("utf-8"))
+                course_glimpse = html.cssselect(".course-glimpse")[0]
+
+                self.assertIn(
+                    f"course-glimpse--offer-{offer}", course_glimpse.get("class")
+                )
+
+                # Check the offer icon
+                icon = course_glimpse.cssselect(".offer__icon")[0]
+                icon_symbol = icon.cssselect("use")[0]
+                self.assertEqual(icon_symbol.get("href"), f"#icon-offer-{offer}")
+
+                # Check the offer price
+                if offer != CourseRunOffer.FREE:
+                    price = course_glimpse.cssselect(".offer__price--striked")[0]
+                    self.assertEqual(price.text_content(), "€100.00")
+                    discounted_price = course_glimpse.cssselect(
+                        ".offer__price--discounted"
+                    )[0]
+                    self.assertEqual(discounted_price.text_content(), "€80.00")
+                else:
+                    self.assertCountEqual(course_glimpse.cssselect(".offer__price"), [])
+
     def test_cms_plugins_course_glimpse_no_offer(self):
         """
         The course glimpse should render the offer free icon