blog article publication date is now static during cypress tests

storefront/components/Pages/BlogArticle/BlogArticleDetailContent.tsx

@@ -2,6 +2,7 @@ import { Image } from 'components/Basic/Image/Image';
 import { GrapesJsParser } from 'components/Basic/UserText/GrapesJsParser';
 import { BlogLayout } from 'components/Layout/BlogLayout';
 import { ArticleTitle } from 'components/Pages/Article/ArticleTitle';
+import { TIDs } from 'cypress/tids';
 import { TypeBlogArticleDetailFragment } from 'graphql/requests/articlesInterface/blogArticles/fragments/BlogArticleDetailFragment.generated';
 import { useFormatDate } from 'utils/formatting/useFormatDate';
 
@@ -29,7 +30,10 @@ export const BlogArticleDetailContent: FC<BlogArticleDetailContentProps> = ({ bl
                         </div>
                     )}
 
-                    <div className="mb-2 text-left text-xs font-semibold text-textDisabled">
+                    <div
+                        className="mb-2 text-left text-xs font-semibold text-textDisabled"
+                        tid={TIDs.blog_article_publication_date}
+                    >
                         {formatDate(blogArticle.publishDate, 'l')}
                     </div>
 

storefront/cypress/e2e/visits/simpleVisitsWithScreenshots.cy.ts

@@ -1,3 +1,4 @@
+import { changeBlogArticleDynamicPartsToStaticDemodata } from './visitsSupport';
 import { url } from 'fixtures/demodata';
 import { initializePersistStoreInLocalStorageToDefaultValues, takeSnapshotAndCompare } from 'support';
 import { TIDs } from 'tids';
@@ -53,6 +54,7 @@ describe('Simple page visit tests with screenshots', () => {
 
     it('blog article detail visit with screenshot', function () {
         cy.visitAndWaitForStableAndInteractiveDOM(url.blogArticleGrapesJs);
+        changeBlogArticleDynamicPartsToStaticDemodata();
         takeSnapshotAndCompare(this.test?.title, 'blog article detail', {
             blackout: [{ tid: TIDs.product_list_item_image }, { tid: TIDs.footer_social_links }],
         });

storefront/cypress/e2e/visits/visitsSupport.ts

@@ -0,0 +1,7 @@
+import { blogArticle } from 'fixtures/demodata';
+import { changeElementText } from 'support';
+import { TIDs } from 'tids';
+
+export const changeBlogArticleDynamicPartsToStaticDemodata = () => {
+    changeElementText(TIDs.blog_article_publication_date, blogArticle.publicationDate, false);
+};

storefront/cypress/fixtures/demodata.ts

@@ -53,6 +53,10 @@ export const order = {
     creationDate: '10/26/1999 10:10 AM',
 };
 
+export const blogArticle = {
+    publicationDate: '10/26/1999',
+};
+
 export const payment = {
     creditCard: {
         uuid: '808f7a8a-6143-538e-a46d-3803519ecf00',

storefront/cypress/tids.ts

@@ -81,4 +81,5 @@ export enum TIDs {
     blog_preview_image = 'blog_preview_image',
     product_gallery_image = 'product_gallery_image',
     stores_map = 'stores_map',
+    blog_article_publication_date = 'blog_article_publication_date',
 }