Callout for HubGit Pages
') - }) - - test('callout disappears depend on Liquid inside it', async () => { - // This page has `product:` property which is a piece of Liquid - // which makes it so that the rendered output of that becomes - // an empty string. - // This test tests that alert is not rendered if its output - // "exits" but is empty. - const $ = await getDOM('/enterprise-server@latest/get-started/foo/page-with-callout') - const callout = $('[data-testid=alert]') - expect(callout.length).toBe(0) - }) - - test('toc landing page', async () => { - const $ = await getDOM('/actions/category') - const callout = $('[data-testid=alert] div') - expect(callout.html()).toBe('This is the callout text
') - }) -}) diff --git a/src/fixtures/tests/markdown.js b/src/fixtures/tests/markdown.js index 1f87671f80..4cc02dd830 100644 --- a/src/fixtures/tests/markdown.js +++ b/src/fixtures/tests/markdown.js @@ -8,17 +8,6 @@ describe('markdown rendering', () => { expect(html).toMatch('syntax')
expect(html).toMatch('HubGit')
})
-
- test('page with permission frontmatter', async () => {
- const $ = await getDOM('/get-started/markdown/permissions')
- const html = $('[data-testid="permissions-statement"]').html()
- // part of the UI
- expect(html).toMatch('Who can use this feature')
- // Markdown
- expect(html).toMatch('admin')
- // Liquid
- expect(html).toMatch('HubGit Pages site')
- })
})
describe('alerts', () => {
diff --git a/src/fixtures/tests/permissions-callout.js b/src/fixtures/tests/permissions-callout.js
new file mode 100644
index 0000000000..90affa11cc
--- /dev/null
+++ b/src/fixtures/tests/permissions-callout.js
@@ -0,0 +1,48 @@
+import { getDOM } from '#src/tests/helpers/e2etest.js'
+
+describe('permission statements', () => {
+ test('article page product statement', async () => {
+ const $ = await getDOM('/get-started/foo/page-with-callout')
+ const callout = $('[data-testid=product-statement] div')
+ expect(callout.html()).toBe('Callout for HubGit Pages
') + }) + + test('callout disappears depend on Liquid inside it', async () => { + // This page has `product:` property which is a piece of Liquid + // which makes it so that the rendered output of that becomes + // an empty string. + // This test tests that alert is not rendered if its output + // "exits" but is empty. + const $ = await getDOM('/enterprise-server@latest/get-started/foo/page-with-callout') + const callout = $('[data-testid=product-statement]') + expect(callout.length).toBe(0) + }) + + test('toc landing page', async () => { + const $ = await getDOM('/actions/category') + const callout = $('[data-testid=product-statement] div') + expect(callout.html()).toBe('This is the callout text
') + }) + + test('page with permission frontmatter', async () => { + const $ = await getDOM('/get-started/markdown/permissions') + const html = $('[data-testid=permissions-statement] div').html() + // Markdown + expect(html).toMatch('admin') + // Liquid + expect(html).toMatch('HubGit Pages site') + }) + + test('page with permission frontmatter and product statement', async () => { + const $ = await getDOM('/get-started/foo/page-with-permissions-and-product-callout.md') + const html = $('[data-testid=permissions-callout] div').html() + // part of the UI + expect(html).toMatch('Who can use this feature') + + const permission = $('[data-testid=permissions-statement] div') + expect(permission.html()).toBe('This is a permission callout
') + + const product = $('[data-testid=product-statement] div') + expect(product.html()).toBe('Callout for HubGit Pages
') + }) +}) diff --git a/src/frame/components/article/ArticleGridLayout.tsx b/src/frame/components/article/ArticleGridLayout.tsx index 01a859a1b2..f9796ff8fc 100644 --- a/src/frame/components/article/ArticleGridLayout.tsx +++ b/src/frame/components/article/ArticleGridLayout.tsx @@ -25,7 +25,7 @@ export const ArticleGridLayout = ({