Test site improvements

[ang-zeyu]

Describe the solution you'd like

The test site works fine for detecting diffs but could be better organised in general:

• Split the tests in the main test_site/index.md into more files
• Dedicate a specific page to stress test the site nav, and then make a site nav that is actually usable for navigating within the site
• PR previews for the test site?
• Gitignore the page-vue.render.js files containing the vue applications as the diffs are unreadable. (from Compile Vue Page at build time to alleviate FOUC #1512)

[gerteck]

I am proposing to up the priority of this issue. (To at least p.Medium, if not high).

Some context to why the simple act of ignoring render files can drastically improve overhead and developer experience.

Context and Explanation to understand this Issue

What is the page-vue.render,js function? This function is pre-generated on the server side, and sent over to the web client to render / hydrate the HTML received. Currently, in the Vue 2 implementation of MarkBind, this is where this function is generated:

markbind/packages/core/src/Page/PageVueServerRenderer.ts

Lines 39 to 68 in 8c9de42

	async function compileVuePageAndCreateScript(
	content: string, pageConfig: PageConfig, pageAsset: PageAssets):
	Promise<VueCompiler.CompiledResultFunctions> {
	// Compile Vue Page
	const compiledVuePage = VueCompiler.compileToFunctions(content);
	// Set up script content
	const outputContent = `
	var pageVueRenderFn = ${compiledVuePage.render};
	var pageVueStaticRenderFns = [${compiledVuePage.staticRenderFns}];
	`;
	// Get script file name
	const pageHtmlFileName = path.basename(pageConfig.resultPath, '.html');
	const scriptFileName = `${pageHtmlFileName}.page-vue-render.js`;
	/*
	* Add the script file path for this page's render function to the page's assets (to populate page.njk).
	* The script file path is the same as the page's file path.
	*/
	pageAsset.pageVueRenderJs = scriptFileName;
	// Get script's absolute file path to output script file
	const dirName = path.dirname(pageConfig.resultPath);
	const filePath = path.join(dirName, scriptFileName);
	await fs.outputFile(filePath, outputContent);
	return compiledVuePage;
	}

For more information, read up to MarkBind's Server Side Rendering. (I think that it can be more descriptive - which is another issue for a subsequent time). So, whenever there is a change in the html content, there will inevitably be a change in the js render function. Note that these render functions can be more than thousands of lines long, with numerous characters per line. Because these render functions are auto-compiled, they are not meant to be human readable.

Currently for the snapshot tests, the render function files are not ignored. An example of the render function file is:

markbind/packages/cli/test/functional/test_site/expected/index.page-vue-render.js

Lines 1 to 337 in 8c9de42

	var pageVueRenderFn = function anonymous(
	) {
	with(this){return _c('div',{attrs:{"id":"app"}},[_c('div',[_c('header',[_c('navbar',{attrs:{"type":"dark","default-highlight-on":"sibling-or-child"},scopedSlots:_u([{key:"brand",fn:function(){return [_c('a',{staticClass:"navbar-brand",attrs:{"href":"/","title":"Home"}},[_v("MarkBind Test Site")])]},proxy:true}])},[_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/test_site/bugs/index.html"}},[_v("Open Bugs")])])]),_v(" "),_m(0)],1),_v(" "),_m(1)]),_v(" "),_c('div',{attrs:{"id":"flex-body"}},[_c('overlay-source',{attrs:{"id":"site-nav","tag-name":"nav","to":"site-nav"}},[_c('div',{staticClass:"site-nav-top"},[_c('div',{staticClass:"fw-bold mb-2",staticStyle:{"font-size":"1.25rem"}},[_c('div',[_c('h2',{attrs:{"id":"default-layout"}},[_v("Default Layout"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#default-layout","onclick":"event.stopPropagation()"}})])])])]),_v(" "),_c('div',{staticClass:"nav-component slim-scroll"},[_c('div',[_c('site-nav',[_c('overlay-source',{staticClass:"site-nav-list site-nav-list-root",attrs:{"tag-name":"ul","to":"mb-site-nav"}},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/test_site/index.html"}},[_v("Home 🏠")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/test_site/bugs/index.html"}},[_v("Open Bugs 🐛")])])]),_v(" "),_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-0"},[_c('h3',{attrs:{"id":"testing-site-nav"}},[_v("Testing Site-Nav"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#testing-site-nav","onclick":"event.stopPropagation()"}})])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('strong',[_v("Dropdown ")]),_v(" "),_c('span',{staticClass:"glyphicon glyphicon-search",attrs:{"aria-hidden":"true"}}),_v(" title ✏️ "),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon site-nav-rotate-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_v("Dropdown link one")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_v("Html within site-nav "),_c('span',{staticStyle:{"color":"red"}},[_v("should")]),_v(" be displayed properly")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Nested Dropdown title 📐\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-2",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_c('strong',[_v("Nested")]),_v(" Dropdown link one")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-2",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_c('strong',[_v("Nested")]),_v(" Dropdown link two")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_v("Dropdown link two")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_c('mark',[_v("Third Link")]),_v(" 📋")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Filler text "),_c('a',{attrs:{"href":"https://www.youtube.com/"}},[_c('span',{staticClass:"glyphicon glyphicon-facetime-video",attrs:{"aria-hidden":"true"}}),_v(" Youtube 📺")]),_v(" filler text"),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.youtube.com/watch?v=dQw4w9WgXcQ"}},[_v("The answer to everything in the universe")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('mark',[_v("Dropdown title")]),_v(" "),_c('span',{staticClass:"glyphicon glyphicon-comment",attrs:{"aria-hidden":"true"}}),_v(" ✏️ "),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon site-nav-rotate-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-dropdown-container-open site-nav-list"},[_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-2",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"https://www.google.com/"}},[_c('strong',[_v("Nested")]),_v(" Dropdown link one")])])])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Really Long Dropdown Title Really Long Dropdown Title Really Long Dropdown Title Really Long Dropdown\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-1"},[_v("Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text Really Really Long Text")]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Nested Dropdown Title\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-2"},[_v("Hello Doge Hello Doge 🐶")]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-2",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/test_site/index.html"}},[_c('strong',[_v("NESTED LINK")]),_v(" Home 🏠")])])]),_v(" "),_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-2"},[_v("Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit Text cut off from height limit")])])])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-0",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Test line break in navigation layout\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-1"},[_v("Nested line break text ✂️")]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_c('a',{attrs:{"href":"/test_site/index.html"}},[_v("Nested line break href")]),_v(" "),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-2"},[_v("Nested Nested line break text ✂️")])])]),_v(" "),_c('li',[_c('div',{staticClass:"site-nav-default-list-item site-nav-list-item-1",attrs:{"onclick":"handleSiteNavClick(this)"}},[_v("Nested line break dropdown menu\n\n"),_c('div',{staticClass:"site-nav-dropdown-btn-container"},[_c('i',{staticClass:"site-nav-dropdown-btn-icon",attrs:{"onclick":"handleSiteNavClick(this.parentNode.parentNode, false); event.stopPropagation();"}},[_c('span',{staticClass:"glyphicon glyphicon-menu-down",attrs:{"aria-hidden":"true"}})])])]),_c('ul',{staticClass:"site-nav-dropdown-container site-nav-list"},[_c('li',{staticClass:"site-nav-custom-list-item site-nav-list-item-2"},[_v("Line break item 2 📘")])])])])])])],1)],1)])]),_v(" "),_c('div',{attrs:{"id":"content-wrapper"}},[_c('breadcrumb'),_v(" "),_c('div',{staticClass:"website-content"},[_m(2),_v(" "),_m(3),_v(" "),_m(4),_v(" "),_m(5),_v(" "),_m(6),_v(" "),_m(7),_v(" "),_c('div',[_c('p',[_c('strong',[_v("Normal footnotes:")]),_v("\nHere is a footnote reference,"),_c('trigger',{attrs:{"for":"pop:footnotefn-1-1"}},[_c('sup',{staticClass:"footnote-ref"},[_c('a',{attrs:{"aria-describedby":"footnote-label","href":"#fn-1-1"}},[_v("[1]")])])]),_v(" and another."),_c('trigger',{attrs:{"for":"pop:footnotefn-1-2"}},[_c('sup',{staticClass:"footnote-ref"},[_c('a',{attrs:{"aria-describedby":"footnote-label","href":"#fn-1-2"}},[_v("[2]")])])])],1),_v(" "),_c('p',[_v("Here is a repeated footnote to "),_c('trigger',{attrs:{"for":"pop:footnotefn-1-1"}},[_c('sup',{staticClass:"footnote-ref"},[_c('a',{attrs:{"aria-describedby":"footnote-label","href":"#fn-1-1"}},[_v("[1:1]")])])])],1),_v(" "),_c('p',[_c('strong',[_v("Inline footnotes:")]),_v("\nHere is an inline note."),_c('trigger',{attrs:{"for":"pop:footnotefn-1-3"}},[_c('sup',{staticClass:"footnote-ref"},[_c('a',{attrs:{"aria-describedby":"footnote-label","href":"#fn-1-3"}},[_v("[3]")])])])],1)]),_v(" "),_m(8),_v(" "),_c('div',[_c('p',[_v("text"),_c('trigger',{attrs:{"for":"pop:footnotefn-2-1"}},[_c('sup',{staticClass:"footnote-ref"},[_c('a',{attrs:{"aria-describedby":"footnote-label","href":"#fn-2-1"}},[_v("[1]")])])]),_v(", text2"),_c('trigger',{attrs:{"for":"pop:footnotefn-2-2"}},[_c('sup',{staticClass:"footnote-ref"},[_c('a',{attrs:{"aria-describedby":"footnote-label","href":"#fn-2-2"}},[_v("[2]")])])])],1)]),_v(" "),_m(9),_v(" "),_c('div',[_v(" front back ")]),_v(" "),_c('p',[_v("arrayVarItem1")]),_v(" "),_c('p',[_v("arrayVarItem2")]),_v(" "),_c('p',[_v("nestedVarValue")]),_v(" "),_m(10),_v(" "),_c('p',[_v("This variable can be referenced.")]),_v(" "),_c('p',[_v("References can be several levels deep.")]),_v(" "),_m(11),_v(" "),_c('p',[_v("Page Variable with Global Variable")]),_v(" "),_m(12),_v(" "),_c('p',[_v("Global Variable Overriding Page Variable")]),_v(" "),_m(13),_v(" "),_m(14),_v(" "),_m(15),_v(" "),_m(16),_v(" "),_m(17),_v(" "),_c('panel',{attrs:{"expanded":""},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Panel with keyword")])]},proxy:true}])},[_v(" "),_c('span',{staticClass:"keyword"},[_v("panel keyword")])]),_v(" "),_m(18),_v(" "),_c('panel',{attrs:{"expanded":"","panelId":"panel-with-heading"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h1',{attrs:{"id":"panel-with-heading"}},[_v("Panel with heading"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#panel-with-heading","onclick":"event.stopPropagation()"}})])]},proxy:true}])},[_v(" "),_c('span',{staticClass:"keyword"},[_v("panel keyword")])]),_v(" "),_m(19),_v(" "),_c('panel',{attrs:{"expanded":"","panelId":"panel-without-heading-with-keyword"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h1',{attrs:{"id":"panel-without-heading-with-keyword"}},[_v("Panel without heading with keyword"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#panel-without-heading-with-keyword","onclick":"event.stopPropagation()"}})])]},proxy:true}])},[_v(" "),_c('h1',{attrs:{"id":"keyword-should-be-tagged-to-this-heading-not-the-panel-heading"}},[_v("Keyword should be tagged to this heading, not the panel heading"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#keyword-should-be-tagged-to-this-heading-not-the-panel-heading","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_c('span',{staticClass:"keyword"},[_v("panel keyword")])])]),_v(" "),_m(20),_v(" "),_c('panel',{attrs:{"panelId":"panel-with-heading-with-keyword"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h1',{attrs:{"id":"panel-with-heading-with-keyword"}},[_v("Panel with heading with keyword"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#panel-with-heading-with-keyword","onclick":"event.stopPropagation()"}})])]},proxy:true}])},[_v(" "),_c('h1',{attrs:{"id":"keyword-should-be-tagged-to-the-panel-heading-not-this-heading"}},[_v("Keyword should be tagged to the panel heading, not this heading"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#keyword-should-be-tagged-to-the-panel-heading-not-this-heading","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_c('span',{staticClass:"keyword"},[_v("panel keyword")])])]),_v(" "),_m(21),_v(" "),_m(22),_v(" "),_m(23),_v(" "),_m(24),_v(" "),_m(25),_v(" "),_c('span',{staticClass:"keyword"},[_v("Keyword with included heading")]),_v(" "),_m(26),_v(" "),_m(27),_v(" "),_m(28),_v(" "),_m(29),_v(" "),_m(30),_v(" "),_m(31),_v(" "),_c('div',[_m(32),_v(" "),_m(33),_v(" "),_c('p',[_v("There are many techniques used during a requirements gathering. The following are some of the techniques.")]),_v(" "),_m(34),_v(" "),_c('p',[_v("Brainstorming is a group activity designed to generate a large number of diverse and creative ideas for the solution\nof a problem. In a brainstorming session there are no \"bad\" ideas.\nThe aim is to generate ideas; not to validate them. Brainstorming encourages you to \"think outside the box\" and\nput \"crazy\" ideas on the table without fear of rejection.")]),_v(" "),_m(35),_v(" "),_c('p',[_v("Carefully designed questionnaires can be used to solicit responses and opinions from a large number of users regarding\nany current system or a new innovation.")]),_v(" "),_m(36),_v(" "),_c('p',[_v("Focus groups are a kind of informal interview within an interactive group setting.\nA "),_c('tooltip',{scopedSlots:_u([{key:"content",fn:function(){return [_v("e.g. potential users, beta testers")]},proxy:true}])},[_v("group of people")]),_v("\nare asked about their understanding of a specific issue or a process.\nFocus groups can bring out undiscovered conflicts and misunderstandings among stakeholder interests which can then be\nresolved or clarified as necessary.")],1)]),_v(" "),_m(37),_v(" "),_m(38),_v(" "),_m(39),_v(" "),_c('div',{attrs:{"name":"Boilerplate Referencing"}},[_c('panel',{attrs:{"src":"/test_site/requirements/UserStories._include_.html","no-close":""},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Boilerplate Includes")])]},proxy:true}])})],1),_v(" "),_c('div',{attrs:{"name":"Referencing specified path in boilerplate"}},[_m(40),_v(" "),_c('p',[_v("Like static include, pages within the site should be able to use files located in folders within boilerplate.")]),_v(" "),_m(41),_v(" "),_m(42),_v(" "),_c('panel',{attrs:{"src":"/test_site/requirements/NonFunctionalRequirements._include_.html"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Tested with the folllowing include")])]},proxy:true}])})],1),_v(" "),_m(43),_v(" "),_m(44),_v(" "),_m(45),_v(" "),_m(46),_v(" "),_m(47),_v(" "),_m(48),_v(" "),_c('div',[_c('p',[_v("This is a page from another MarkBind site.\nThe purpose of this page is to ensure that reuse works as expected.\nAll the following images should display correctly.")]),_v(" "),_m(49),_v(" "),_c('p',[_v("PIC tags:\n"),_c('pic',{attrs:{"src":"/test_site/sub_site/images/I'm not allowed to use my favorite tool.png"}}),_v(" "),_c('pic',{attrs:{"src":"/test_site/sub_site/images/I'm not allowed to use my favorite tool.png"}}),_v(" "),_c('pic',{attrs:{"src":"/test_site/sub_site/images/I'm not allowed to use my favorite tool.png"}}),_v(" "),_c('pic',{attrs:{"src":"/test_site/sub_site/images/I'm not allowed to use my favorite tool.png"}}),_v(" "),_c('pic',{attrs:{"src":"https://dummyimage.com/600x400/000/fff"}})],1),_v(" "),_m(50),_v(" "),_m(51),_v(" "),_c('p',[_v("Within DIV tag:")]),_v(" "),_c('div',{attrs:{"id":"imageTest"}},[_c('img',{attrs:{"src":"/test_site/sub_site/images/I'm not allowed to use my favorite tool.png"}}),_v(" "),_c('pic',{attrs:{"src":"/test_site/sub_site/images/I'm not allowed to use my favorite tool.png"}})],1)]),_v(" "),_c('div',[_c('img',{attrs:{"src":"/test_site/sub_site/images/I'm not allowed to use my favorite tool.png"}}),_v(" "),_c('pic',{attrs:{"src":"/test_site/sub_site/images/I'm not allowed to use my favorite tool.png"}})],1),_v(" "),_m(52),_v(" "),_c('box',[_c('div',[_c('p',[_c('strong',[_v("baseUrl in a nested sub-site should correctly evaluate to the nested sub-site")])]),_v(" "),_c('p',[_v("The base url in the nested_sub_site is /test_site/sub_site/nested_sub_site.")]),_v(" "),_c('div',[_c('p',[_c('strong',[_v("baseUrl in a nested sub-site page's include should correctly evaluate to the nested sub-site")])]),_v(" "),_c('p',[_v("The base url in the nested_sub_site page's include is /test_site/sub_site/nested_sub_site.")])])])]),_v(" "),_m(53),_v(" "),_c('box',[_c('div',[_c('p',[_c('strong',[_v("baseUrl in a sub site should correctly evaluate")])]),_v(" "),_c('p',[_v("The base url in sub_site is /test_site/sub_site.")]),_v(" "),_c('p',[_c('strong',[_v("Subsite including nested subsite:")])]),_v(" "),_c('box',[_c('div',[_c('p',[_c('strong',[_v("baseUrl in a nested sub-site should correctly evaluate to the nested sub-site")])]),_v(" "),_c('p',[_v("The base url in the nested_sub_site is /test_site/sub_site/nested_sub_site.")]),_v(" "),_c('div',[_c('p',[_c('strong',[_v("baseUrl in a nested sub-site page's include should correctly evaluate to the nested sub-site")])]),_v(" "),_c('p',[_v("The base url in the nested_sub_site page's include is /test_site/sub_site/nested_sub_site.")])])])])],1)]),_v(" "),_m(54),_v(" "),_c('div',[_v("As we establish requirements, they should be recorded in some way for future reference,\nusually called a requirement specification. Furthermore, it is advisable to show these requirements to stakeholders,\nand refine requirements based on their feedback. The next phase is to convert requirements into a product\nspecification that specifies how the product will address the requirements. ")]),_v(" "),_c('panel',{attrs:{"src":"/test_site/requirements/SpecifyingRequirements._include_.html#preview","type":"minimal","fragment":"preview"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_c('strong',[_v("same test with panels")])])]},proxy:true}])}),_v(" "),_m(55),_v(" "),_m(56),_v(" "),_c('panel',{attrs:{"src":"/test_site/requirements/testBaseUrlInIncludeSrc._include_.html","type":"minimal"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_c('strong',[_v("same test with panels")])])]},proxy:true}])}),_v(" "),_m(57),_v(" "),_m(58),_v(" "),_c('panel',{attrs:{"src":"/test_site/requirements/testBaseUrlInIncludeSrc._include_.html","type":"minimal"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_c('strong',[_v("same test with panels")])])]},proxy:true}])}),_v(" "),_m(59),_v(" "),_m(60),_v(" "),_c('panel',{attrs:{"src":"/test_site/sub_site/testBaseUrlInIncludeSrcSubSite._include_.html","type":"minimal"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_c('strong',[_v("same test with panels")])])]},proxy:true}])}),_v(" "),_m(61),_v(" "),_m(62),_v(" "),_c('panel',{attrs:{"src":"/test_site/sub_site/testBaseUrlInIncludeSrcSubSite._include_.html","type":"minimal"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_c('strong',[_v("same test with panels")])])]},proxy:true}])}),_v(" "),_m(63),_v(" "),_m(64),_v(" "),_m(65),_v(" "),_m(66),_v(" "),_m(67),_v(" "),_m(68),_v(" "),_m(69),_v(" "),_m(70),_v(" "),_m(71),_v(" "),_m(72),_v(" "),_m(73),_v(" "),_c('panel',[_c('span',{staticClass:"card-title",attrs:{"slot":"header"},slot:"header"},[_v("\n Heading\n ")])]),_v(" "),_m(74),_v(" "),_c('panel',{attrs:{"expanded":"","panelId":"panel-without-src-header"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h2',{attrs:{"id":"panel-without-src-header"}},[_v("Panel without src header"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#panel-without-src-header","onclick":"event.stopPropagation()"}})])]},proxy:true}])},[_v(" "),_c('div',[_c('p',[_c('strong',[_v("Panel without src content heading")])])])]),_v(" "),_m(75),_v(" "),_c('panel',{attrs:{"src":"/test_site/testPanels/PanelNormalSource._include_.html","expanded":"","panelId":"panel-with-normal-src-header"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h2',{attrs:{"id":"panel-with-normal-src-header"}},[_v("Panel with normal src header"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#panel-with-normal-src-header","onclick":"event.stopPropagation()"}})])]},proxy:true}])}),_v(" "),_m(76),_v(" "),_c('panel',{attrs:{"src":"/test_site/testPanels/PanelSourceContainsSegment._include_.html#segment","expanded":"","fragment":"segment","panelId":"panel-with-src-from-a-page-segment-header"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h2',{attrs:{"id":"panel-with-src-from-a-page-segment-header"}},[_v("Panel with src from a page segment header"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#panel-with-src-from-a-page-segment-header","onclick":"event.stopPropagation()"}})])]},proxy:true}])}),_v(" "),_m(77),_v(" "),_c('panel',{attrs:{"src":"/test_site/testPanels/boilerTestPanel._include_.html","expanded":"","panelId":"boilerplate-referencing"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h2',{attrs:{"id":"boilerplate-referencing"}},[_v("Boilerplate referencing"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#boilerplate-referencing","onclick":"event.stopPropagation()"}})])]},proxy:true}])}),_v(" "),_c('panel',{attrs:{"src":"/test_site/testPanelsDuplicate/boilerTestPanel._include_.html","expanded":"","panelId":"boilerplate-referencing-2"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h2',{attrs:{"id":"boilerplate-referencing-2"}},[_v("Boilerplate referencing 2"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#boilerplate-referencing-2","onclick":"event.stopPropagation()"}})])]},proxy:true}])}),_v(" "),_c('panel',{attrs:{"src":"/test_site/testPanels/notInside._include_.html","expanded":"","panelId":"referencing-specified-path-in-boilerplate"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h2',{attrs:{"id":"referencing-specified-path-in-boilerplate"}},[_v("Referencing specified path in boilerplate"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#referencing-specified-path-in-boilerplate","onclick":"event.stopPropagation()"}})])]},proxy:true}])}),_v(" "),_m(78),_v(" "),_c('panel',{attrs:{"src":"/test_site/testPanels/NestedPanel._include_.html","expanded":"","panelId":"outer-nested-panel"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h2',{attrs:{"id":"outer-nested-panel"}},[_v("Outer nested panel"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#outer-nested-panel","onclick":"event.stopPropagation()"}})])]},proxy:true}])}),_v(" "),_m(79),_v(" "),_c('panel',{attrs:{"expanded":"","panelId":"outer-nested-panel-without-src"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h2',{attrs:{"id":"outer-nested-panel-without-src"}},[_v("Outer nested panel without src"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#outer-nested-panel-without-src","onclick":"event.stopPropagation()"}})])]},proxy:true}])},[_v(" "),_c('p',[_c('strong',[_v("Panel content of outer nested panel")])]),_v(" "),_c('panel',{attrs:{"expanded":"","panelId":"inner-panel-header-without-src"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h2',{attrs:{"id":"inner-panel-header-without-src"}},[_v("Inner panel header without src"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#inner-panel-header-without-src","onclick":"event.stopPropagation()"}})])]},proxy:true}])},[_v(" "),_c('p',[_c('strong',[_v("Panel content of inner nested panel")])])])],1),_v(" "),_m(80),_v(" "),_c('panel',{attrs:{"src":"/test_site/sub_site/index._include_.html","expanded":"","panelId":"panel-with-src-from-another-markbind-site-header"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h2',{attrs:{"id":"panel-with-src-from-another-markbind-site-header"}},[_v("Panel with src from another MarkBind site header"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#panel-with-src-from-another-markbind-site-header","onclick":"event.stopPropagation()"}})])]},proxy:true}])}),_v(" "),_c('panel',{attrs:{"src":"/test_site/sub_site/testReuseSubsite._include_.html","expanded":"","panelId":"panel-with-src-from-another-markbind-site-header-2"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h2',{attrs:{"id":"panel-with-src-from-another-markbind-site-header-2"}},[_v("Panel with src from another MarkBind site header"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#panel-with-src-from-another-markbind-site-header-2","onclick":"event.stopPropagation()"}})])]},proxy:true}])})],1),_v(" "),_m(81),_v(" "),_c('p',[_c('trigger',{attrs:{"for":"modal-with-panel"}},[_v("trigger")])],1),_v(" "),_c('modal',{attrs:{"id":"modal-with-panel"},scopedSlots:_u([{key:"header",fn:function(){return [_v("modal title with panel inside")]},proxy:true}])},[_v(" "),_c('panel',{attrs:{"expanded":"","panelId":"panel-inside-modal"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h2',{attrs:{"id":"panel-inside-modal"}},[_v("Panel inside modal"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#panel-inside-modal","onclick":"event.stopPropagation()"}})])]},proxy:true}])},[_v(" "),_c('p',[_c('strong',[_v("Panel content inside modal")])])])],1),_v(" "),_m(82),_v(" "),_c('box',{attrs:{"dismissible":""}},[_c('div',[_c('p',[_c('trigger',{attrs:{"for":"modal-a"}},[_v("modal trigger")]),_v(".")],1),_v(" "),_c('modal',{attrs:{"id":"modal-a"},scopedSlots:_u([{key:"header",fn:function(){return [_v("modal header")]},proxy:true}])},[_v("\n Lorem ipsum\n")])],1)]),_v(" "),_m(83),_v(" "),_c('panel',{attrs:{"panelId":"unexpanded-panel-header"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h2',{attrs:{"id":"unexpanded-panel-header"}},[_v("Unexpanded panel header"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#unexpanded-panel-header","onclick":"event.stopPropagation()"}})])]},proxy:true}])},[_v(" "),_c('p',[_c('strong',[_v("Panel content of unexpanded panel should not appear in search data")])]),_v(" "),_c('panel',{attrs:{"expanded":"","panelId":"panel-header-inside-unexpanded-panel-should-not-appear-in-search-data"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h2',{attrs:{"id":"panel-header-inside-unexpanded-panel-should-not-appear-in-search-data"}},[_v("Panel header inside unexpanded panel should not appear in search data"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#panel-header-inside-unexpanded-panel-should-not-appear-in-search-data","onclick":"event.stopPropagation()"}})])]},proxy:true}])},[_v(" "),_c('p',[_c('strong',[_v("Panel content inside unexpanded panel should not appear in search data")])])])],1),_v(" "),_m(84),_v(" "),_c('div',[_m(85),_v(" "),_c('panel',{attrs:{"type":"info"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Expandable panel without closing transition")])]},proxy:true}])},[_v("\n Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text some text some text some text some text some text some text some text. Some text some text some text some text some text some text. Some text some text some text some text some text some text some text.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n")]),_v(" "),_m(86),_v(" "),_c('panel',{attrs:{"type":"info"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Expanded panel without transition")])]},proxy:true}])},[_v("\n Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text some text some text some text some text some text some text some text. Some text some text some text some text some text some text. Some text some text some text some text some text some text some text.\n")]),_v(" "),_m(87),_v(" "),_c('panel',{attrs:{"type":"minimal"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_c('em',[_c('strong',[_v("Minimal panel without closing transition "),_c('strong',[_v("->")])])])])]},proxy:true},{key:"_alt",fn:function(){return [_c('p',[_v("Minimal panel 1")])]},proxy:true}])},[_v("\n Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text some text some text some text some text some text some text some text. Some text some text some text some text some text some text. Some text some text some text some text some text some text some text.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n")]),_v(" "),_m(88),_v(" "),_c('panel',{attrs:{"type":"minimal"},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_c('em',[_c('strong',[_v("Minimal panel without closing transition "),_c('strong',[_v("->")])])])])]},proxy:true},{key:"_alt",fn:function(){return [_c('p',[_v("Minimal panel 2")])]},proxy:true}])},[_v("\n Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text. Some text some text some text some text some text some text some text some text some text some text some text some text some text some text. Some text some text some text some text some text some text. Some text some text some text some text some text some text some text.\n")])],1),_v(" "),_c('p',[_c('strong',[_v("Test popover has no stray space")]),_v("\n("),_c('popover',{scopedSlots:_u([{key:"content",fn:function(){return [_v("content")]},proxy:true}])},[_v("There should be no stray space before this")]),_v(")")],1),_v(" "),_c('p',[_c('strong',[_v("Test tooltip has no stray space")]),_v("\n("),_c('tooltip',{scopedSlots:_u([{key:"content",fn:function(){return [_v("content")]},proxy:true}])},[_v("There should be no stray space before this")]),_v(")")],1),_v(" "),_m(89),_v(" "),_m(90),_v(" "),_c('pic',{attrs:{"src":"/test_site/diagrams/activity.png","alt":"activity diagram"}}),_v(" "),_m(91),_v(" "),_c('div',[_m(92),_v(" "),_c('pic',{attrs:{"src":"/test_site/inline-output.png"}}),_v(" "),_c('pic',{attrs:{"src":"/test_site/9c9e77fc0a983cb6b592e65733787bec.png"}}),_v(" "),_m(93),_v(" "),_c('pic',{attrs:{"src":"/test_site/diagrams/sequence.png"}}),_v(" "),_m(94),_v(" "),_c('pic',{attrs:{"src":"/test_site/diagrams/usecase.png"}}),_v(" "),_m(95),_v(" "),_c('pic',{attrs:{"src":"/test_site/diagrams/class.png"}})],1),_v(" "),_m(96),_v(" "),_c('div',[_c('pic',{attrs:{"src":"/test_site/sub_site/inline-output/inline-puml-image.png"}}),_v(" "),_m(97),_v(" "),_c('pic',{attrs:{"src":"/test_site/diagrams/activity.png"}}),_v(" "),_m(98),_v(" "),_c('pic',{attrs:{"src":"/test_site/diagrams/component.png"}}),_v(" "),_m(99),_v(" "),_c('pic',{attrs:{"src":"/test_site/diagrams/state.png"}}),_v(" "),_m(100),_v(" "),_c('pic',{attrs:{"src":"/test_site/diagrams/object.png"}})],1),_v(" "),_m(101),_v(" "),_m(102),_v(" "),_m(103),_v(" "),_c('div',{pre:true},[_v("{{ variable interpolation syntax can be used with v-pre }}")]),_v(" "),_c('div',{pre:true},[_v("{{ nonExistentVariable }}")]),_v(" "),_c('code',{pre:true,attrs:{"class":"line-numbers"}},[_v("{{ code elements should automatically be assigned v-pre }}")]),_c('hr',{staticClass:"footnotes-sep"}),_v(" "),_c('section',{staticClass:"footnotes"},[_c('ol',{staticClass:"footnotes-list"},[_c('popover',{attrs:{"id":"pop:footnotefn-1-1"},scopedSlots:_u([{key:"content",fn:function(){return [_c('div',[_c('p',[_v("Here is the footnote. Footnotes will appear at the bottom of the page.")])])]},proxy:true}])}),_c('popover',{attrs:{"id":"pop:footnotefn-1-2"},scopedSlots:_u([{key:"content",fn:function(){return [_c('div',[_c('p',[_v("Here's one with multiple blocks.")]),_v(" "),_c('p',[_v("Subsequent paragraphs are indented to show that they\nbelong to the previous footnote.")])])]},proxy:true}])}),_c('popover',{attrs:{"id":"pop:footnotefn-1-3"},scopedSlots:_u([{key:"content",fn:function(){return [_c('div',[_c('p',[_v("Inlines notes are easier to write, since\nyou don't have to pick an identifier and move down to type the\nnote.")])])]},proxy:true}])}),_v(" "),_m(104),_v(" "),_m(105),_v(" "),_m(106),_v(" "),_c('popover',{attrs:{"id":"pop:footnotefn-2-1"},scopedSlots:_u([{key:"content",fn:function(){return [_c('div',[_c('p',[_v("footnote1")])])]},proxy:true}])}),_c('popover',{attrs:{"id":"pop:footnotefn-2-2"},scopedSlots:_u([{key:"content",fn:function(){return [_c('div',[_c('p',[_v("footnote2")])])]},proxy:true}])}),_v(" "),_m(107),_m(108)],1)])],1),_v(" "),_c('overlay-source',{attrs:{"id":"page-nav","tag-name":"nav","to":"page-nav"}},[_c('div',{staticClass:"nav-component slim-scroll"},[_c('a',{pre:true,attrs:{"class":"navbar-brand page-nav-title","href":"#"}},[_v("Testing Page Navigation")]),_v(" "),_c('overlay-source',{staticClass:"nav nav-pills flex-column my-0 small no-flex-wrap",attrs:{"id":"mb-page-nav","tag-name":"nav","to":"mb-page-nav"}},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#heading-with-multiple-keywords"}},[_v("Heading with multiple keywords‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#heading-with-keyword-in-panel"}},[_v("Heading with keyword in panel‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#panel-with-heading"}},[_v("Panel with heading‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#panel-without-heading-with-keyword"}},[_v("Panel without heading with keyword‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#keyword-should-be-tagged-to-this-heading-not-the-panel-heading"}},[_v("Keyword should be tagged to this heading, not the panel heading‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#panel-with-heading-with-keyword"}},[_v("Panel with heading with keyword‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#heading-fragment-with-leading-spaces-and-newline"}},[_v("Heading \nFragment with leading spaces and newline\n‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#heading-with-included-keyword"}},[_v("Heading with included keyword‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#included-heading"}},[_v("Included Heading‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#heading-with-nested-keyword"}},[_v("Heading with nested keyword‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#heading-with-hidden-keyword"}},[_v("Heading with hidden keyword‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#establishing-requirements"}},[_v("Establishing Requirements‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#brainstorming"}},[_v("Brainstorming‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#user-surveys"}},[_v("User surveys‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#focus-groups"}},[_v("Focus groups‎")])])]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#path-within-the-boilerplate-folder-is-separately-specified"}},[_v("Path within the boilerplate folder is separately specified‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#feature-list"}},[_v("Feature list‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#panel-without-src-header"}},[_v("Panel without src header‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#panel-with-normal-src-header"}},[_v("Panel with normal src header‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#panel-with-src-from-a-page-segment-header"}},[_v("Panel with src from a page segment header‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#boilerplate-referencing"}},[_v("Boilerplate referencing‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#boilerplate-referencing-2"}},[_v("Boilerplate referencing 2‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#referencing-specified-path-in-boilerplate"}},[_v("Referencing specified path in boilerplate‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#outer-nested-panel"}},[_v("Outer nested panel‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#outer-nested-panel-without-src"}},[_v("Outer nested panel without src‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#inner-panel-header-without-src"}},[_v("Inner panel header without src‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#panel-with-src-from-another-markbind-site-header"}},[_v("Panel with src from another MarkBind site header‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#panel-with-src-from-another-markbind-site-header-2"}},[_v("Panel with src from another MarkBind site header‎")]),_v(" "),_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#unexpanded-panel-header"}},[_v("Unexpanded panel header‎")]),_v(" "),_c('nav',{staticClass:"nav nav-pills flex-column my-0 nested no-flex-wrap"},[_c('a',{pre:true,attrs:{"class":"nav-link py-1","href":"#level-6-header-outside-headingsearchindex-with-always-index-attribute-should-be-indexed"}},[_v("Level 6 header (outside headingSearchIndex) with always-index attribute should be indexed‎")])])])])],1)]),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(109)])}
	};
	var pageVueStaticRenderFns = [function anonymous(
	) {
	with(this){return _c('div',{staticClass:"bg-info display-4 text-center text-white"},[_c('br'),_v("\n Test Jumbotron"),_c('br'),_v(" "),_c('br')])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Relative Link Test")]),_v(" This is a relative Intra-Site link in a layout (see "),_c('a',{attrs:{"href":"/test_site/index.html#heading-with-hidden-keyword"}},[_v("link")]),_v(")")])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Test "),_c('code',{pre:true,attrs:{"class":"line-numbers hljs inline no-lang"}},[_v("<markdown>")]),_v(" and "),_c('code',{pre:true,attrs:{"class":"line-numbers hljs inline no-lang"}},[_v("<md>")]),_v(" elements")])])}
	},function anonymous(
	) {
	with(this){return _c('div',[_c('p',[_v("This should be wrapped in a "),_c('code',{pre:true,attrs:{"class":"line-numbers hljs inline no-lang"}},[_v("<p>")]),_v(" tag as it uses the block-level markdown renderer")])])}
	},function anonymous(
	) {
	with(this){return _c('span',[_v("\nThis should not be wrapped in a "),_c('code',{pre:true,attrs:{"class":"line-numbers hljs inline no-lang"}},[_v("<p>")]),_v(" tag as it uses the inline markdown renderer\n")])}
	},function anonymous(
	) {
	with(this){return _c('div',{staticClass:"mt-2"},[_c('pre',[_c('code',{pre:true,attrs:{"class":"line-numbers hljs"}},[_c('span',[_v("<markdown> elements allow block-level markdown without needing a leading newline.\n")]),_c('span',[_v("Hence, the contained markdown should be parsed and output as is, without any parsing errors.\n")]),_c('span',[_v("</invalidhtml>\n")])])])])}
	},function anonymous(
	) {
	with(this){return _c('span',[_c('code',{pre:true,attrs:{"class":"line-numbers hljs inline no-lang"}},[_v("<md>")]),_v(" elements allow inline-level markdown even in a non-markdown token.\nHence, the contained markdown should be parsed and output as is, without any parsing errors.\n"),_c('code',{pre:true,attrs:{"class":"line-numbers hljs inline no-lang"}},[_v("</invalid>")]),_v(".\n")])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Test footnotes")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Test include footnotes from hash")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Nunjucks SetExt")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Variables that reference another variable")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Global Variables can be referenced in {% set %}")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Global Variables should override {% set %}")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Test Page Variable and Included Variable Integrations")])])}
	},function anonymous(
	) {
	with(this){return _c('div',[_c('p',[_c('strong',[_v("Outer Page Variable Should Not Leak Into Inner Pages")])]),_v(" "),_c('p',[_v("Outer Page Variable Should Not Leak Into Inner Pages")])])}
	},function anonymous(
	) {
	with(this){return _c('h1',{attrs:{"id":"heading-with-multiple-keywords"}},[_v("Heading with multiple keywords"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#heading-with-multiple-keywords","onclick":"event.stopPropagation()"}})])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('span',{staticClass:"keyword"},[_v("keyword 1")]),_v(" "),_c('span',{staticClass:"keyword"},[_v("keyword 2")])])}
	},function anonymous(
	) {
	with(this){return _c('h1',{attrs:{"id":"heading-with-keyword-in-panel"}},[_v("Heading with keyword in panel"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#heading-with-keyword-in-panel","onclick":"event.stopPropagation()"}})])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Panel with heading with keyword")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Expanded panel without heading with keyword")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Unexpanded panel with heading with keyword")])])}
	},function anonymous(
	) {
	with(this){return _c('h1',{attrs:{"id":"heading-fragment-with-leading-spaces-and-newline"}},[_v("Heading "),_c('div',[_c('pre',[_c('code',{pre:true,attrs:{"class":"line-numbers"}},[_v("Fragment with leading spaces and newline\n")])])]),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#heading-fragment-with-leading-spaces-and-newline","onclick":"event.stopPropagation()"}})])}
	},function anonymous(
	) {
	with(this){return _c('p',[_v("The "),_c('code',{pre:true,attrs:{"class":"line-numbers hljs inline no-lang"}},[_v("id")]),_v(" for the above heading should be "),_c('code',{pre:true,attrs:{"class":"line-numbers hljs inline no-lang"}},[_v("heading-fragment-with-leading-spaces-and-newline")]),_v(" in total.\nThis test ensures heading ids are assigned last (e.g. after "),_c('code',{pre:true,attrs:{"class":"line-numbers hljs inline no-lang"}},[_v("<include />")]),_v("s are processed).")])}
	},function anonymous(
	) {
	with(this){return _c('h1',{attrs:{"id":"heading-with-included-keyword"}},[_v("Heading with included keyword"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#heading-with-included-keyword","onclick":"event.stopPropagation()"}})])}
	},function anonymous(
	) {
	with(this){return _c('div',[_c('p',[_c('span',{staticClass:"keyword"},[_v("included keyword")])])])}
	},function anonymous(
	) {
	with(this){return _c('div',[_c('h1',{attrs:{"id":"included-heading"}},[_v("Included Heading"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#included-heading","onclick":"event.stopPropagation()"}})])])}
	},function anonymous(
	) {
	with(this){return _c('h1',{attrs:{"id":"heading-with-nested-keyword"}},[_v("Heading with nested keyword"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#heading-with-nested-keyword","onclick":"event.stopPropagation()"}})])}
	},function anonymous(
	) {
	with(this){return _c('div',[_c('div',[_c('div',[_c('span',{staticClass:"keyword"},[_v("nested keyword")])])])])}
	},function anonymous(
	) {
	with(this){return _c('h1',{attrs:{"id":"heading-with-hidden-keyword"}},[_v("Heading with hidden keyword"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#heading-with-hidden-keyword","onclick":"event.stopPropagation()"}})])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('span',{staticClass:"keyword d-none"},[_v("invisible keyword")])])}
	},function anonymous(
	) {
	with(this){return _c('div',[_c('p',[_c('strong',[_v("Div with frontmatter shown tag")])]),_v(" "),_c('div',{attrs:{"tags":"tag-frontmatter-shown"}},[_v("\nDiv with shown tag\n")]),_v(" "),_c('p',[_c('strong',[_v("Div with site shown tag")])]),_v(" "),_c('div',{attrs:{"tags":"tag-site-shown"}},[_v("\nDiv with site shown tag\n")]),_v(" "),_c('p',[_c('strong',[_v("Div with multiple tags")])]),_v(" "),_c('div',{attrs:{"tags":"tag-site-shown tag-other"}},[_v("\nDiv with multiple tags\n")]),_v(" "),_c('p',[_c('strong',[_v("Div with hidden tag (Hidden)")])]),_v(" "),_c('div',[_c('p',[_c('strong',[_v("Div with tag in included file")])]),_v(" "),_c('div',{attrs:{"tags":"tag-included-file"}},[_v("\nDiv with tag in included file\n")])]),_v(" "),_c('p',[_c('strong',[_v("Div with tag matching general tag")])]),_v(" "),_c('div',{attrs:{"tags":"tag-exp-shown"}},[_v("\nDiv with tag matching general tag\n")]),_v(" "),_c('p',[_c('strong',[_v("Div with tag matching general tag and specific tag (Hidden)")])]),_v(" "),_c('p',[_c('strong',[_v("Div with tag matching frontmatter tag overridden by matching site tag")])]),_v(" "),_c('div',{attrs:{"tags":"tag-site-override-shown"}},[_v("\nDiv with tag matching frontmatter tag overridden by matching site tag\n")]),_v(" "),_c('p',[_c('strong',[_v("Div with tag matching general frontmatter tag not overridden by matching specific site tag (Hidden)")])]),_v(" "),_c('p',[_c('strong',[_v("Div with tag matching general frontmatter tag overridden by matching specific site tag")])]),_v(" "),_c('div',{attrs:{"tags":"tag-site-override-shown"}},[_v("\nDiv with tag matching general frontmatter tag overridden by matching specific site tag\n")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Normal include")])])}
	},function anonymous(
	) {
	with(this){return _c('h3',{attrs:{"id":"establishing-requirements"}},[_v("Establishing Requirements"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#establishing-requirements","onclick":"event.stopPropagation()"}})])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('span',{attrs:{"id":"preview"}},[_v("Requirements gathering, requirements elicitation, requirements analysis,\nrequirements capture are some of the terms commonly "),_c('strong',[_v("and")]),_v(" interchangeably used to represent the activity\nof understanding what a software product should do.")])])}
	},function anonymous(
	) {
	with(this){return _c('h4',{attrs:{"id":"brainstorming"}},[_v("Brainstorming"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#brainstorming","onclick":"event.stopPropagation()"}})])}
	},function anonymous(
	) {
	with(this){return _c('h4',{attrs:{"id":"user-surveys"}},[_v("User surveys"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#user-surveys","onclick":"event.stopPropagation()"}})])}
	},function anonymous(
	) {
	with(this){return _c('h4',{attrs:{"id":"focus-groups"}},[_v("Focus groups"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#focus-groups","onclick":"event.stopPropagation()"}})])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Include segment")])])}
	},function anonymous(
	) {
	with(this){return _c('div',[_v("Requirements gathering, requirements elicitation, requirements analysis,\nrequirements capture are some of the terms commonly "),_c('strong',[_v("and")]),_v(" interchangeably used to represent the activity\nof understanding what a software product should do.")])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Boilerplate include")])])}
	},function anonymous(
	) {
	with(this){return _c('h1',{attrs:{"id":"path-within-the-boilerplate-folder-is-separately-specified"}},[_v("Path within the boilerplate folder is separately specified"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#path-within-the-boilerplate-folder-is-separately-specified","onclick":"event.stopPropagation()"}})])}
	},function anonymous(
	) {
	with(this){return _c('p',[_v("Also, the boilerplate file name (e.g. "),_c('code',{pre:true,attrs:{"class":"line-numbers hljs inline no-lang"}},[_v("inside.md")]),_v(") and the file that it is supposed to act as ("),_c('code',{pre:true,attrs:{"class":"line-numbers hljs inline no-lang"}},[_v("notInside.md")]),_v(") can be different.")])}
	},function anonymous(
	) {
	with(this){return _c('p',[_v("This file should behaves as if it is in the "),_c('code',{pre:true,attrs:{"class":"line-numbers hljs inline no-lang"}},[_v("requirements")]),_v(" folder:")])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Nested include")])])}
	},function anonymous(
	) {
	with(this){return _c('div',[_c('ol',[_c('li',[_c('strong',[_v("Establishing requirements")]),_v(": "),_c('span',[_v("Requirements gathering, requirements elicitation, requirements analysis,\nrequirements capture are some of the terms commonly "),_c('strong',[_v("and")]),_v(" interchangeably used to represent the activity\nof understanding what a software product should do.")])]),_v(" "),_c('li',[_c('strong',[_v("Specifying requirements")]),_v(": "),_c('span',[_v("As we establish requirements, they should be recorded in some way for future reference,\nusually called a requirement specification. Furthermore, it is advisable to show these requirements to stakeholders,\nand refine requirements based on their feedback. The next phase is to convert requirements into a product\nspecification that specifies how the product will address the requirements. ")])])])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("HTML include")])])}
	},function anonymous(
	) {
	with(this){return _c('div',[_c('p',[_v("This is a HTML document")]),_v(" "),_c('span',[_v("It is "),_c('strong',[_v("possible")]),_v(" to use Markdown in HTML")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Include from another MarkBind site")])])}
	},function anonymous(
	) {
	with(this){return _c('div',[_c('p',[_v("This is a page from another MarkBind site.")]),_v(" "),_c('h2',{attrs:{"id":"feature-list"}},[_v("Feature list"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#feature-list","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',[_v("It is a list of features (or functionalities) grouped according to some criteria such as priority\n(e.g. must-have, nice-to-have, etc. ), order of delivery, object or process related\n(e.g. order-related, invoice-related, etc.).\nHere is a sample feature list from Minesweeper (only a brief description has been provided to save space).")]),_v(" "),_c('ol',[_c('li',[_v("Basic play – Single player play.")]),_v(" "),_c('li',[_v("Difficulty levels – Additional Medium and Advanced levels.")]),_v(" "),_c('li',[_v("Versus play – Two players can play against each other.")]),_v(" "),_c('li',[_v("Timer – Additional fixed time restriction on the player.")])]),_v(" "),_c('div',{attrs:{"id":"image"}},[_c('img',{attrs:{"src":"/test_site/sub_site/images/I'm not allowed to use my favorite tool.png"}})])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_v("IMG tags:\n"),_c('img',{attrs:{"src":"/test_site/sub_site/images/I'm not allowed to use my favorite tool.png"}}),_v(" "),_c('img',{attrs:{"src":"/test_site/sub_site/images/I'm not allowed to use my favorite tool.png"}}),_v(" "),_c('img',{attrs:{"src":"/test_site/sub_site/images/I'm not allowed to use my favorite tool.png"}}),_v(" "),_c('img',{attrs:{"src":"/test_site/sub_site/images/I'm not allowed to use my favorite tool.png"}}),_v(" "),_c('img',{attrs:{"src":"https://dummyimage.com/600x400/000/fff"}})])}
	},function anonymous(
	) {
	with(this){return _c('p',[_v("Anchor:\n"),_c('a',{attrs:{"href":"https://dummyimage.com/600x400/000/fff"}},[_v("External Image")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('a',{attrs:{"href":"/test_site/sub_site/images/I'm%20not%20allowed%20to%20use%20my%20favorite%20tool.png"}},[_v("Link to picture")]),_v(" "),_c('a',{attrs:{"id":"namedAnchor"}},[_v("Named Anchor")]),_v(" "),_c('a',[_v("Anchor with no attributes")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Include nested sub-site directly")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Include nested sub-site from sub-site")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Include a file using baseUrl")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Include a file in a sub-folder that uses baseUrl")])])}
	},function anonymous(
	) {
	with(this){return _c('div',[_c('div',[_v("Requirements gathering, requirements elicitation, requirements analysis,\nrequirements capture are some of the terms commonly "),_c('strong',[_v("and")]),_v(" interchangeably used to represent the activity\nof understanding what a software product should do.")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Include a file in a sub-folder that uses baseUrl using baseUrl")])])}
	},function anonymous(
	) {
	with(this){return _c('div',[_c('div',[_v("Requirements gathering, requirements elicitation, requirements analysis,\nrequirements capture are some of the terms commonly "),_c('strong',[_v("and")]),_v(" interchangeably used to represent the activity\nof understanding what a software product should do.")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Include a file in a sub-site that uses baseUrl")])])}
	},function anonymous(
	) {
	with(this){return _c('div',[_c('div',[_c('img',{attrs:{"src":"/test_site/sub_site/images/I'm not allowed to use my favorite tool.png"}})])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Include a file in a sub-site that uses baseUrl using baseUrl")])])}
	},function anonymous(
	) {
	with(this){return _c('div',[_c('div',[_c('img',{attrs:{"src":"/test_site/sub_site/images/I'm not allowed to use my favorite tool.png"}})])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Trimmed include")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_c('span',[_c('br'),_v("\nFragment with leading spaces and newline")])])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Trimmed include fragment")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Before | "),_c('span',[_v("Fragment with leading spaces and newline")]),_v(" | After")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Include with custom variables")])])}
	},function anonymous(
	) {
	with(this){return _c('div',[_c('p',[_c('strong',[_v("Test included variable as include attribute")])]),_v(" "),_c('p',[_v("Included variable as include attribute")]),_v(" "),_c('p',[_c('strong',[_v("Test included variable")])]),_v(" "),_c('p',[_v("Included variable")]),_v(" "),_c('p',[_c('strong',[_v("Test included variable with markdown")])]),_v(" "),_c('p',[_c('strong',[_c('strong',[_v("Included variable with markdown")])])]),_v(" "),_c('p',[_c('strong',[_v("Test included variable as attribute")])]),_v(" "),_c('p',{staticStyle:{"color":"blue"}},[_v("Test")]),_v(" "),_c('p',[_c('strong',[_v("Test included variable as HTML element")])]),_v(" "),_c('p',[_c('span',[_v("Included variable within HTML element")])]),_v(" "),_c('p',[_c('strong',[_v("Test included variable overridden by variables.md")])]),_v(" "),_c('p',[_v("Global Variable Overriding Included Variable")]),_v(" "),_c('p',[_c('strong',[_v("Test included variables in included file")])]),_v(" "),_c('div',[_c('p',[_v("Included variable in outer included file")]),_v(" "),_c('p',[_v("Included variable overriding inner variable")])]),_v(" "),_c('p',[_c('strong',[_v("Inner included variables should not leak into other files")])]),_v(" "),_c('div',[_c('p',[_v("Should be blank:")])]),_v(" "),_c('p',[_c('strong',[_v("Test included variable with global variable")])]),_v(" "),_c('p',[_v("Included variable with Global Variable")]),_v(" "),_c('p',[_c('strong',[_v("Test nunjucks set overridden by include variable and global variable")])]),_v(" "),_c('p',[_v("Included variable\nGlobal Variable")]),_v(" "),_c('p',[_c('strong',[_v("Test nunjucks import overridden by include variable and global variable")])]),_v(" "),_c('p',[_v("Included variable\nGlobal Variable")]),_v(" "),_c('p',[_c('strong',[_v("Test nunjucks set overridden by include variable and global variable in nested include")])]),_v(" "),_c('p',[_v("Included variable\nGlobal Variable")]),_v(" "),_c('p',[_c('strong',[_v("Test nunjucks import overridden by include variable and global variable in nested include")])]),_v(" "),_c('p',[_v("Included variable\nGlobal Variable")]),_v(" "),_c('p',[_c('strong',[_v("Test missing variable with default")])]),_v(" "),_c('p',[_v("Missing Variable")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_v("Variables for includes should not be recognised as page variables, hence, there should be no text between "),_c('strong',[_v("this")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_v("and "),_c('strong',[_v("this")]),_v(".")])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Included variables should not leak into other files")])])}
	},function anonymous(
	) {
	with(this){return _c('div',[_c('p',[_v("Should be blank:")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Panel with shorthand heading syntax")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Panel without src")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Panel with normal src")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Panel with src from a page segment")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Panel with boilerplate")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Nested panel")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Nested panel without src")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Panel with src from another MarkBind site")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Modal with panel inside")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("The button of modal inside dismissible box should be properly positioned")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Unexpanded panel")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Test panel closing transitions")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Nested Panel with height greater than viewport")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Nested Panel with height smaller than viewport")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Minimal Panel with height greater than viewport")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Minimal Panel with height smaller than viewport")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Test search indexing")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Test PlantUML live reload without include")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Test PlantUML live reload with include")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("PlantUML Test")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Sequence Diagram")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Use Case Diagram")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Class Diagram")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Test PlantUML in sub folder")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Activity Diagram")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Component Diagram")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("State Diagram")])])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Object Diagram")])])}
	},function anonymous(
	) {
	with(this){return _c('h2',{staticClass:"no-index",attrs:{"id":"level-2-header-inside-headingsearchindex-with-no-index-attribute-should-not-be-indexed"}},[_v("Level 2 header (inside headingSearchIndex) with no-index attribute should not be indexed"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#level-2-header-inside-headingsearchindex-with-no-index-attribute-should-not-be-indexed","onclick":"event.stopPropagation()"}})])}
	},function anonymous(
	) {
	with(this){return _c('h6',{staticClass:"always-index",attrs:{"id":"level-6-header-outside-headingsearchindex-with-always-index-attribute-should-be-indexed"}},[_v("Level 6 header (outside headingSearchIndex) with always-index attribute should be indexed"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#level-6-header-outside-headingsearchindex-with-always-index-attribute-should-be-indexed","onclick":"event.stopPropagation()"}})])}
	},function anonymous(
	) {
	with(this){return _c('p',[_c('strong',[_v("Test nunjucks raw tags")])])}
	},function anonymous(
	) {
	with(this){return _c('li',{staticClass:"footnote-item",attrs:{"id":"fn-1-1"}},[_c('p',[_v("Here is the footnote. Footnotes will appear at the bottom of the page.")])])}
	},function anonymous(
	) {
	with(this){return _c('li',{staticClass:"footnote-item",attrs:{"id":"fn-1-2"}},[_c('p',[_v("Here's one with multiple blocks.")]),_v(" "),_c('p',[_v("Subsequent paragraphs are indented to show that they\nbelong to the previous footnote.")])])}
	},function anonymous(
	) {
	with(this){return _c('li',{staticClass:"footnote-item",attrs:{"id":"fn-1-3"}},[_c('p',[_v("Inlines notes are easier to write, since\nyou don't have to pick an identifier and move down to type the\nnote.")])])}
	},function anonymous(
	) {
	with(this){return _c('li',{staticClass:"footnote-item",attrs:{"id":"fn-2-1"}},[_c('p',[_v("footnote1")])])}
	},function anonymous(
	) {
	with(this){return _c('li',{staticClass:"footnote-item",attrs:{"id":"fn-2-2"}},[_c('p',[_v("footnote2")])])}
	},function anonymous(
	) {
	with(this){return _c('div',[_c('footer',[_c('h1',{attrs:{"id":"heading-in-footer-should-not-be-indexed"}},[_v("Heading in footer should not be indexed"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#heading-in-footer-should-not-be-indexed","onclick":"event.stopPropagation()"}})]),_v(" "),_c('div',{staticClass:"text-center"},[_v("\n This is a dynamic height footer that supports markdown "),_c('span',[_v("😄")]),_v("!\n ")])])])}
	}];

The snapshot tests currently check for differences in rendered HTML, AND the page render function - which is unnecessary and adds considerable overhead. For example, I make a change that causes a regression in the rendered HTML file. We see that the test detects at least two differences - one in the index.html, and one in the render function

The change in index.html shown is useful. The change in the render function is not as much so. Additionally, because the render function is sometimes generated in a single line, unrelated changes pollute the CLI and makes it hard to identify the change or regression.

Furthermore, this effectively doubles or exponentially increases the workload of the snapshot tests (render functions are understandably more verbose than finished, rendered HTML), making it take at least double as much time to check diffs.

Fix

Gitignore the page-vue.render.js files containing the vue applications as the diffs are unreadable.

[gerteck]

Recommend this issue to be worked on once Vue Migration is completed, as there might be some changes to the vue render function (e.g. naming etc.)