| 'use strict'; |
| |
| const assert = require('assert'); |
| global.LazilyEvaluatedFunction = require('../public/v3/lazily-evaluated-function.js').LazilyEvaluatedFunction; |
| global.CommonComponentBase = require('../public/shared/common-component-base.js').CommonComponentBase; |
| const {MarkupComponentBase, MarkupPage} = require('../tools/js/markup-component.js'); |
| |
| describe('MarkupPage', function () { |
| beforeEach(() => { |
| MarkupComponentBase.reset(); |
| }); |
| |
| describe('generateMarkup', function () { |
| it('should render page contents', () => { |
| class SomePage extends MarkupPage { } |
| SomePage.pageContent = ['div', 'hello, world']; |
| MarkupComponentBase.defineElement('some-page', SomePage); |
| const page = new SomePage; |
| assert.ok(page instanceof SomePage); |
| const markup = page.generateMarkup(); |
| assert.ok(markup.startsWith('<!DOCTYPE html><html><head')); |
| assert.ok(markup.includes('</head><body')); |
| assert.ok(markup.endsWith('</body></html>')); |
| assert.ok(markup.includes('<div>hello, world</div>')); |
| }); |
| |
| it('should render page contents with stylesheet when a style template is available', () => { |
| class SomePage extends MarkupPage { } |
| SomePage.pageContent = ['div', {class: 'container'}, 'hello, world']; |
| SomePage.styleTemplate = {'.container': {'font-weight': 'bold'}}; |
| MarkupComponentBase.defineElement('some-page', SomePage); |
| const page = new SomePage; |
| assert.ok(page instanceof SomePage); |
| const markup = page.generateMarkup(); |
| assert.ok(markup.search(/font-weight\:\s*bold;\s*}\s*<\/style>/)); |
| }); |
| }); |
| |
| }); |
