Include pullquote in blog articles

[CORE-844]

Author: RoyEJohnson

src/app/pages/blog/article/article.tsx

@@ -158,10 +158,14 @@ function VideoArticle({data}: {data: ArticleData}) {
 }
 
 function normalUnits(unit: UnitType) {
-    return typeof unit.value === 'string' || ('alignment' in unit.value && unit.value.alignment !== 'bottom');
+    return !bottomUnits(unit);
 }
 function bottomUnits(unit: UnitType) {
-    return typeof unit.value !== 'string' && ('alignment' in unit.value && unit.value.alignment === 'bottom');
+    return (
+        typeof unit.value === 'object' &&
+        'alignment' in unit.value &&
+        unit.value.alignment === 'bottom'
+    );
 }
 
 function ArticleBody({

test/src/data/article-page-data.js

@@ -1,5 +1,5 @@
 // Blog article data as returned by usePageData
-/* eslint-disable max-len */
+/* eslint-disable max-len, camelcase */
 export default {
     id: 754,
     meta: {
@@ -100,6 +100,25 @@ export default {
             value: '<p data-block-key="eg7ck">This publication covers hard and soft skills that are applicable to a broad range of academic majors and fields. The introduction of “Workplace Software and Skills” underscores OpenStax’s commitment to its mission of expanding access to high-quality educational materials for all learners — this book, in particular, is likely to be valuable for learners both within and without traditional academic environments. </p><p data-block-key="c5o15">Since the publication of its first textbook in 2012, OpenStax has rapidly expanded its list of textbooks and technology offerings, and its minimalist book covers have become a familiar sight on campuses across the country. OpenStax resources have been used by 70% of colleges and universities across the United States and over 6,300 K-12 schools and districts.</p><p data-block-key="34gqf">To read the full press release, please <a href="https://news.rice.edu/news/2023/newest-openstax-textbook-provides-essential-workplace-skills-students">click here</a>.</p>',
             id: '7c6ae377-18d5-4223-883b-a5e304dd084c'
         },
+        {
+            type: 'pullquote',
+            value: {
+                quote: 'Thank you for the OpenStax materials. I look forward to using them to raise the standards in math and science around the world.',
+                attribution: 'Amos Tarfa'
+            },
+            id: '28d9b0f2-6106-4487-a783-b470916e9517'
+        },
+        {
+            id: 'meh',
+            type: 'blog_cta',
+            value: {
+                alignment: 'left',
+                heading: 'Heading',
+                description: 'description text',
+                button_href: '#',
+                button_text: 'click me'
+            }
+        },
         {
             type: 'aligned_html',
             value: '<a class="btn primary" href="https://openstax.org/details/books/workplace-software-skills"\r\nstyle="background-color:#d4450c;box-shadow:0 2px 4px rgb(0 0 0 / 20%);border-radius:0.5rem;padding:0 3rem;user-select:none;height:5rem;display:inline-flex;align-items:center;"\r\n>Access the textbook now!</a>',

test/src/pages/blog/article.test.tsx

@@ -33,6 +33,11 @@ describe('blog/article', () => {
 
         expect(onload).toHaveBeenCalled();
         screen.getByText('2 min read');
+        expect(document.body.querySelector('.quote-bucket .quote .attribution')).toBeTruthy();
+        // Bottom-aligned stuff comes at the end
+        expect(document.body.querySelector('.quote-bucket ~ figure.bottom')).toBeTruthy();
+        // CTA should be there
+        screen.getByRole('link', {name: 'click me'});
     });
     it('handles no data', () => {
         mockUsePageData.mockReturnValue(undefined);