Add e2e test to verify post->attachment linking

Author: scriptype

src/ssg/e2e-tests/magazine/fixtures/fs/content/assets/code.htm

@@ -0,0 +1 @@
+code in assets

src/ssg/e2e-tests/magazine/fixtures/fs/content/code.htm

@@ -0,0 +1 @@
+code in root

src/ssg/e2e-tests/magazine/fixtures/fs/content/demos/CSS/Grid/Grid vs Flexbox/code.htm

@@ -0,0 +1 @@
+code in grid vs flexbox

src/ssg/e2e-tests/magazine/fixtures/fs/content/demos/CSS/Grid/Grid vs Flexbox/post.md

@@ -2,5 +2,6 @@
 date: 2025-11-10
 maker: +authors/enes
 tags: [css, grid, flex, layout]
+code: +code.htm
 ---
 A versus

src/ssg/e2e-tests/magazine/fixtures/fs/content/demos/CSS/Grid/code.htm

@@ -0,0 +1 @@
+code in grid

src/ssg/e2e-tests/magazine/fixtures/fs/content/demos/CSS/code.htm

@@ -0,0 +1 @@
+code in css

src/ssg/e2e-tests/magazine/fixtures/fs/content/demos/code.htm

@@ -0,0 +1 @@
+code in demos

src/ssg/e2e-tests/magazine/fixtures/fs/theme/keep/templates/pages/post/Demo.hbs

@@ -35,6 +35,12 @@
     {{/if}}
     </div>
 
+    <div>
+    {{#if code}}
+    Maker: <a data-code-link href="{{code.permalink}}">{{code.title}} ({{code.content}})</a>
+    {{/if}}
+    </div>
+
     <div>
     {{#if links.relations}}
       Relations:

src/ssg/e2e-tests/magazine/fixtures/model.js

@@ -563,6 +563,7 @@ const FIXTURE_CONTENT_MODEL = {
                 {
                   title: 'Grid vs Flexbox',
                   maker: { title: 'Mustafa Enes', slug: 'enes' },
+                  code: { title: 'code.htm', slug: 'code.htm', permalink: '/demos/css/grid/grid-vs-flexbox/code.htm', content: 'code in grid vs flexbox' },
                   date: '2025-11-10',
                   permalink: '/demos/css/grid/grid-vs-flexbox',
                   contentType: 'Demo',
@@ -1111,6 +1112,10 @@ const FIXTURE_CONTENT_MODEL = {
     }
   ],
   assets: [
+    {
+      title: 'code.htm',
+      permalink: '/assets/code.htm'
+    },
     {
       title: 'an asset',
       permalink: '/assets/an asset'
@@ -1119,6 +1124,10 @@ const FIXTURE_CONTENT_MODEL = {
       title: 'some.jpeg',
       permalink: '/assets/some.jpeg'
     },
+    {
+      title: 'code.htm',
+      permalink: '/assets/code.htm'
+    },
     {
       title: 'here.mp4',
       permalink: '/assets/here.mp4'
@@ -1141,4 +1150,4 @@ const FIXTURE_CONTENT_MODEL = {
 module.exports = {
   FIXTURE_SETTINGS,
   FIXTURE_CONTENT_MODEL
-}
+}

src/ssg/e2e-tests/magazine/post.test.js

@@ -259,6 +259,46 @@ test('E2E Magazine - Post Pages', async t => {
     }
   })
 
+  t.test('Verify Demo post code link', async t => {
+    for (const post of allPosts) {
+      if (post.contentType !== 'Demo') {
+        continue
+      }
+
+      if (!post.code) {
+        continue
+      }
+
+      const postPath = await resolvePostPath(rootDirectory, exportDirectory, post.permalink)
+
+      try {
+        const postHtml = await readFile(postPath, { encoding: 'utf-8' })
+        const $ = load(postHtml)
+        const codeLink = $('[data-code-link]')
+
+        t.ok(
+          codeLink.text().includes(post.code.title),
+          `${post.permalink} code link has correct title`
+        )
+
+        t.equal(
+          codeLink.attr('href'),
+          post.code.permalink,
+          `${post.permalink} code link has correct href`
+        )
+
+        t.ok(
+          codeLink.text().includes(post.code.content),
+          `${post.permalink} code link has correct content`
+        )
+      } catch (err) {
+        t.fail(
+          `${post.permalink} Demo code link: ${err.message}`
+        )
+      }
+    }
+  })
+
   t.test('Verify Book/Article post author link', async t => {
     for (const post of allPosts) {
       if (post.contentType !== 'Book' && post.contentType !== 'Article') {
@@ -385,4 +425,4 @@ test('E2E Magazine - Post Pages', async t => {
     }
   })
 
-})
+})