als-layout 3.0.1 → 4.1.0

package/tests/elements.test.js

@@ -1,437 +0,0 @@
-const assert = require('assert');
-const Layout = require('../lib/layout');
-const { describe, it, beforeEach } = require('node:test')
-const Simple = require('als-simple-css')
-const { SingleNode } = require('als-document')
-const keywords = require('../lib/elements/keywords')
-
-describe('Charset tests', () => {
-   let layout;
-
-   beforeEach(() => layout = new Layout());
-
-   it('should update charset if meta[charset] already exists', () => {
-      layout.head.insert(1, new SingleNode('meta', { charset: 'old-charset' }));
-      const newCharset = 'new-charset';
-      layout.charset(newCharset);
-      assert.strictEqual(layout.root.$('meta[charset]').getAttribute('charset'), newCharset, 'Charset should be updated');
-   });
-
-   it('should insert charset at second position if not present', () => {
-      const charset = 'UTF-8';
-      layout.charset(charset);
-      assert.strictEqual(layout.head.childNodes[0].tagName, 'META', 'Meta should be at second position');
-      assert.strictEqual(layout.head.childNodes[0].getAttribute('charset'), charset, 'Charset not set correctly');
-   });
-
-   it('should add charset correctly', () => {
-      const charset = 'test';
-      layout.charset(charset);
-      assert.strictEqual(layout.root.$('meta[charset]').getAttribute('charset'), charset, 'Charset not set correctly');
-   });
-});
-
-describe('Favicon tests', () => {
-   let layout;
-
-   beforeEach(() => {
-      layout = new Layout();
-      // layout.head.insert(1, new SingleNode('title', {})); // Добавляем элемент title для проверки позиции
-   });
-
-   it('should update favicon href if link[rel="icon"] already exists', () => {
-      const oldHref = 'old-favicon.ico';
-      layout.head.insert(2, new SingleNode('link', { rel: 'icon', href: oldHref, type: 'image/x-icon' }));
-      const newHref = 'new-favicon.ico';
-      layout.favicon(newHref);
-      assert.strictEqual(layout.root.$('link[rel="icon"]').getAttribute('href'), newHref, 'Favicon href should be updated');
-   });
-
-   it('should insert favicon at the end of head if not present', () => {
-      const faviconHref = 'favicon.ico';
-      layout.favicon(faviconHref);
-      const element = layout.head.childNodes[layout.head.childNodes.length - 1]
-      assert.strictEqual(element.tagName, 'LINK', 'Favicon link should be at second position');
-      assert.strictEqual(element.getAttribute('href'), faviconHref, 'Favicon href not set correctly');
-   });
-
-   it('should add favicon correctly', () => {
-      const faviconHref = 'favicon.ico';
-      layout.favicon(faviconHref);
-      assert.strictEqual(layout.root.$('link[rel="icon"]').getAttribute('href'), faviconHref, 'Favicon not set correctly');
-   });
-
-});
-
-describe('Image tests', () => {
-   let layout;
-
-   beforeEach(() => {
-      layout = new Layout();
-   });
-
-   it('should add twitter:card meta tag', () => {
-      const imageUrl = 'test-image.jpg';
-      layout.image(imageUrl);
-      assert.strictEqual(layout.root.$('meta[name="twitter:card"]').getAttribute('content'), 'summary_large_image', 'twitter:card not set correctly');
-   });
-
-   it('should add image correctly', () => {
-      const imageUrl = 'test-image.jpg';
-      layout.image(imageUrl);
-      assert.strictEqual(layout.root.$('meta[property="og:image"]').getAttribute('content'), imageUrl, 'Image not set correctly');
-      assert.strictEqual(layout.root.$('meta[name="twitter:image"]').getAttribute('content'), imageUrl, 'Image not set correctly');
-   });
-
-   it('should handle cases where image URL already has query parameters', () => {
-      const imageUrl = 'test-image.jpg?existing=param';
-      const version = '456';
-      layout.image(imageUrl, version);
-      const expectedUrl = imageUrl + '&v=' + version;
-      const img = layout.root.$('meta[property="og:image"]').getAttribute('content')
-      assert(img === expectedUrl, 'Versioned image URL with existing parameters not set correctly');
-   });
-
-   it('should add version parameter to image URL if version is provided', () => {
-      const imageUrl = 'test-image.jpg';
-      const version = '123';
-      layout.image(imageUrl, version);
-      const expectedUrl = imageUrl + '?v=' + version;
-      assert.strictEqual(layout.root.$('meta[property="og:image"]').getAttribute('content'), expectedUrl, 'Versioned image URL not set correctly in og:image');
-      assert.strictEqual(layout.root.$('meta[name="twitter:image"]').getAttribute('content'), expectedUrl, 'Versioned image URL not set correctly in twitter:image');
-   });
-});
-
-describe('Keywords tests', () => {
-   let layout;
-
-   beforeEach(() => {
-      layout = new Layout();
-   });
-
-   it('should add new keywords to an existing meta tag', () => {
-      layout.head.insert(2, new SingleNode('meta', { name: 'keywords', content: 'initial' }));
-      const additionalKeywords = ['keyword1', 'keyword2'];
-      keywords(additionalKeywords, layout);
-      const expectedContent = 'initial,keyword1,keyword2';
-      assert.strictEqual(layout.root.$('meta[name="keywords"]').getAttribute('content'), expectedContent, 'Existing keywords not updated correctly');
-   });
-
-   it('should not add duplicate keywords', () => {
-      layout.head.insert(2, new SingleNode('meta', { name: 'keywords', content: 'keyword1,keyword2' }));
-      const additionalKeywords = ['keyword2', 'keyword3'];
-      keywords(additionalKeywords, layout);
-      const expectedContent = 'keyword1,keyword2,keyword3';
-      assert.strictEqual(layout.root.$('meta[name="keywords"]').getAttribute('content'), expectedContent, 'Duplicate keywords were added');
-   });
-
-   it('should handle keywords with leading or trailing spaces', () => {
-      const messyKeywords = [' keyword1', 'keyword2 '];
-      keywords(messyKeywords, layout);
-      const expectedContent = 'keyword1,keyword2';
-      assert.strictEqual(layout.root.$('meta[name="keywords"]').getAttribute('content'), expectedContent, 'Keywords with spaces not trimmed correctly');
-   });
-
-   it('should add keywords correctly', () => {
-      const keywords = ['keyword1', 'keyword2'];
-      layout.keywords(keywords);
-      assert(layout.root.$('meta[name="keywords"]').getAttribute('content') === keywords.join(), 'Keywords not set correctly');
-   });
-
-   it('should handle empty keywords array', () => {
-      keywords([], layout);
-      assert(!layout.root.$('meta[name="keywords"]'), 'Meta tag for empty keywords should not be created');
-   });
-
-});
-
-describe('Link', () => {
-   let layout;
-   beforeEach(() => layout = new Layout());
-
-   it('should add a new link element without version', () => {
-      const href = 'style.css';
-      layout.link(href);
-      assert.strictEqual(layout.root.$('link[rel="stylesheet"]').getAttribute('href'), href, 'Link href should match the provided href');
-   });
-
-   it('should add a new link element with version', () => {
-      const href = 'style.css';
-      const version = '1.0';
-      layout.link(href, version);
-      assert.strictEqual(layout.root.$('link[rel="stylesheet"]').getAttribute('href'), `${href}?v=${version}`, 'Link href should include version query parameter');
-   });
-
-   it('should not add a link if one with the same href and version already exists', () => {
-      const href = 'style.css';
-      const version = '1.0';
-      layout.link(href, version);
-      layout.link(href, version);
-      assert.strictEqual(layout.root.$$(`link[rel="stylesheet"][href="${href}?v=${version}"]`).length, 1, 'Should not add duplicate link with the same version');
-   });
-
-   it('should handle invalid href or version correctly', () => {
-      layout.link('', '1.0');
-      layout.link(null, '1.0');
-      // layout.link('style.css', '');
-      // layout.link('style.css', null);
-      assert.strictEqual(layout.root.$('link[rel="stylesheet"]'), null, 'Should not add a link when href or version are invalid');
-   });
-
-   it('should add link correctly', () => {
-      const href = 'style.css';
-      layout.link(href);
-      assert.strictEqual(layout.root.$('link[rel="stylesheet"]').getAttribute('href'), href, 'Link not set correctly');
-   });
-
-   it('should not add a new link element if one already exists with the same href and no version', () => {
-      const href = 'style.css';
-      layout.link(href);  // Добавление ссылки без версии
-      layout.link(href);  // Повторное добавление той же ссылки без версии
-      assert.strictEqual(layout.root.$$(`link[rel="stylesheet"][href="${href}"]`).length, 1, 'Should not add duplicate link without version');
-   });
-
-   it('should not add a link if href is undefined or null', () => {
-      layout.link(undefined, '1.0');
-      layout.link(null);
-      assert.strictEqual(layout.root.$('link[rel="stylesheet"]'), null, 'Should not add a link when href is undefined or null');
-   });
-
-   it('should handle different versions for the same href', () => {
-      const href = 'style.css';
-      const version1 = '1.0';
-      const version2 = '1.1';
-      layout.link(href, version1);
-      layout.link(href, version2);
-      assert.strictEqual(layout.root.$$(`link[rel="stylesheet"]`).length, 2, 'Should add different links for different versions');
-      assert.strictEqual(layout.root.$$(`link[rel="stylesheet"][href="${href}?v=${version1}"]`).length, 1, 'First version link should exist');
-      assert.strictEqual(layout.root.$$(`link[rel="stylesheet"][href="${href}?v=${version2}"]`).length, 1, 'Second version link should exist');
-   });
-
-   it('should correctly add version when href already has parameters', () => {
-      const href = 'style.css?param=value';
-      const version = '1.0';
-      layout.link(href, version);
-      assert.strictEqual(layout.root.$('link[rel="stylesheet"]').getAttribute('href'), `${href}&v=${version}`, 'Href should include version appended with &');
-   });
-
-   it('should not add a link when one with a similar href prefix exists', () => {
-      const href = 'style.css';
-      layout.link(href);
-      layout.link(href + '?param=value', '1.0');
-      assert.strictEqual(layout.root.$$(`link[rel="stylesheet"]`).length, 2, 'Should recognize different full hrefs as different links');
-   });
-
-})
-
-describe('Scripts', () => {
-   let layout;
-
-   beforeEach(() => layout = new Layout());
-
-   it('should not add script if attributes are not an object', () => {
-      layout.script("not-an-object");
-      assert.strictEqual(layout.root.$('script'), null, 'Script should not be added when attributes are not an object');
-   });
-
-   it('should not add script if src already exists', () => {
-      layout.script({ src: 'existingscript.js' }, 'console.log("test");');
-      layout.script({ src: 'existingscript.js' }, 'console.log("duplicate");');
-      assert.strictEqual(layout.root.$$(`script[src="existingscript.js"]`).length, 1, 'Duplicate script should not be added');
-   });
-
-   it('should handle empty innerHTML correctly', () => {
-      layout.script({ src: 'test.js' }, '');
-      assert.strictEqual(layout.root.$('script').innerHTML, '', 'Script innerHTML should be empty');
-   });
-
-   it('should add script correctly', () => {
-      const scriptContent = 'console.log("Hello, world!");';
-      layout.script({}, scriptContent);
-      assert.strictEqual(layout.root.$('script').innerHTML, scriptContent, 'Script content not set correctly');
-   });
-
-   it('should add version to script src', () => {
-      const src = 'script.js';
-      const version = '1.0';
-      layout.script({ src }, '', true, version);
-      assert.strictEqual(layout.root.$('script').getAttribute('src'), `${src}?v=${version}`, 'Script src should include version');
-   });
-
-   it('should not add script if no attributes and no innerHTML', () => {
-      layout.script({}, '');
-      assert.strictEqual(layout.root.$('script'), null, 'Script should not be added if there are no attributes and no innerHTML');
-   });
-
-   it('should add script after body when head is false', () => {
-      const scriptContent = 'console.log("Script in body");';
-      layout.script({ src: 'scriptbody.js' }, scriptContent, false);
-      assert.strictEqual(layout.body.next.innerHTML, scriptContent, 'Script should be added to body');
-   });
-
-   it('should append version parameter correctly when src already has parameters', () => {
-      const srcWithParams = 'script.js?existing=param';
-      const version = '1.0';
-      layout.script({ src: srcWithParams }, '', true, version);
-      assert.strictEqual(layout.root.$('script').getAttribute('src'), `${srcWithParams}&v=${version}`, 'Version parameter should be appended with &');
-   });
-  
-})
-
-describe('Styles', () => {
-   let layout;
-   beforeEach(() => layout = new Layout());
-
-   it('should not add style if styles are invalid', () => {
-      layout.style(123);
-      assert.strictEqual(layout.root.$('style'), null, 'Style should not be added when styles are invalid');
-   });
-
-   it('should add minified style', () => {
-      const styles = 'body { color: blue; } div { font-size: 12px; }';
-      layout.style(styles, true);
-      console.log(layout.root.$('style').innerHTML)
-      assert.strictEqual(layout.root.$('style').innerHTML, 'body{color:blue}div{font-size:12px}', 'Styles should be minified');
-   });
-
-   it('should add style correctly', () => {
-      const styles = 'body { background-color: black; }';
-      layout.style(styles);
-      assert(layout.root.$('style').innerHTML.includes(styles), 'Styles not set correctly');
-   });
-
-   it('Should add simple styles', () => {
-      const styles = [{ body: { bgc: 'black' } }]
-      const css = new Simple(styles).stylesheet()
-      layout.style(styles);
-      assert(layout.root.$('style').innerHTML.includes(css), 'Styles not set correctly');
-   })
-
-   it('should add styles to existing style tag', () => {
-      assert(layout.root.$$('style').length === 0)
-      const styles1 = 'body { background-color: black; }';
-      const styles2 = 'body { margin: 0; }';
-      layout.style(styles1);
-      assert(layout.root.$$('style').length === 1)
-      layout.style(styles2);
-      assert(layout.root.$$('style').length === 1)
-      const inner = layout.root.$('style').innerHTML
-      assert(inner.includes(styles1));
-      assert(inner.includes(styles2));
-   });
-})
-
-describe('Url', () => {
-   let layout;
-   beforeEach(() => layout = new Layout());
-
-   it('should not add canonical URL if URL is invalid', () => {
-      layout.url('not-a-url', 'aa');
-      assert.strictEqual(layout.root.$('link[rel="canonical"]'), null, 'Canonical URL should not be added for invalid URLs');
-   });
-   
-   it('should add url correctly', () => {
-      const url = 'http://localhost';
-      layout.url(url);
-      assert(layout.root.$('link[rel="canonical"]').getAttribute('href') === url, 'Canonical URL not set correctly');
-   });
-
-   it('should add og:url meta correctly', () => {
-      const url = 'http://example.com';
-      const host = 'http://example.com';
-      layout.url(url, host);
-      assert.strictEqual(layout.root.$('meta[property="og:url"]').getAttribute('content'), url, 'og:url meta not set correctly');
-   });
-   
-   it('should add canonical link if not already present', () => {
-      const url = 'http://example.com';
-      const host = 'http://example.com';
-      layout.url(url, host);
-      assert.strictEqual(layout.root.$('link[rel="canonical"]').getAttribute('href'), url, 'Canonical link should be added if not present');
-   });
-   
-   it('should update existing canonical link', () => {
-      const initialUrl = 'http://example.com/initial';
-      const newUrl = 'http://example.com/new';
-      const host = 'http://example.com';
-      layout.url(initialUrl, host);
-      layout.url(newUrl, host);
-      assert.strictEqual(layout.root.$('link[rel="canonical"]').getAttribute('href'), newUrl, 'Canonical link should be updated with new URL');
-   });
-   
-   it('should handle invalid URL with valid host', () => {
-      layout.url('http://', 'http://example.com');
-      assert.strictEqual(layout.root.$('meta[property="og:url"]'), null, 'Meta og:url should not be added for invalid URL');
-      assert.strictEqual(layout.root.$('link[rel="canonical"]'), null, 'Canonical link should not be added for invalid URL');
-   });
-   
-
-})
-
-describe('layout.viewport',() => {
-   let layout;
-
-   beforeEach(() => layout = new Layout());
-
-   it('should update existing viewport meta correctly', () => {
-      // Добавляем изначальный viewport
-      const initialContent = 'width=device-width, initial-scale=1.0';
-      layout.viewport(initialContent);
-   
-      // Обновляем viewport
-      const updatedContent = 'width=device-width, initial-scale=2.0';
-      layout.viewport(updatedContent);
-   
-      // Проверяем, что содержимое meta обновлено
-      assert.strictEqual(layout.root.$('meta[name="viewport"]').getAttribute('content'), updatedContent, 'Existing viewport meta content should be updated');
-   });
-   
-   it('should not add a second viewport meta if one already exists', () => {
-      // Добавляем изначальный viewport
-      const initialContent = 'width=device-width, initial-scale=1.0';
-      layout.viewport(initialContent);
-   
-      // Пытаемся добавить ещё один
-      const secondContent = 'width=device-width, initial-scale=2.0';
-      layout.viewport(secondContent);
-   
-      // Проверяем, что в документе только один элемент meta viewport
-      assert.strictEqual(layout.root.$$(`meta[name="viewport"]`).length, 1, 'Only one viewport meta should exist');
-   });
-   
-   it('should add viewport correctly', () => {
-      const viewportContent = 'width=device-width, initial-scale=1.0';
-      layout.viewport(viewportContent);
-      assert.strictEqual(layout.root.$('meta[name="viewport"]').getAttribute('content'), viewportContent, 'Viewport not set correctly');
-   });
-})
-
-describe('description and title', () => {
-   let layout;
-
-   beforeEach(() => layout = new Layout());
-
-   it('should add description correctly', () => {
-      const description = 'Test Description';
-      layout.description(description);
-      assert.strictEqual(layout.root.$('meta[name="description"]').getAttribute('content'), description, 'Description not set correctly');
-      assert.strictEqual(layout.root.$('meta[property="og:description"]').getAttribute('content'), description, 'Description not set correctly');
-      assert.strictEqual(layout.root.$('meta[property="twitter:description"]').getAttribute('content'), description, 'Description not set correctly');
-   });
-
-   it('should add title correctly', () => {
-      const title = 'Test Title';
-      layout.title(title);
-      assert(layout.root.$('title').innerHTML === title, 'Title not set correctly');
-      assert(layout.root.$('[property="og:title"]').getAttribute('content') === title, 'Title not set correctly');
-   });
-
-   it('should add title if no title tag', () => {
-      layout.$('title').remove()
-      const title = 'Test Title';
-      layout.title(title);
-      assert(layout.root.$('title').innerHTML === title, 'Title not set correctly');
-      assert(layout.root.$('[property="og:title"]').getAttribute('content') === title, 'Title not set correctly');
-   });
-
-});

package/tests/render/App.js

@@ -1,10 +0,0 @@
-const Some = require('./Some')
-
-function App() {
-   return (<div>
-      <div>Hello from App!</div>
-      <Some/>
-   </div>)
-}
-
-module.exports = App

package/tests/render/Some.js

@@ -1,8 +0,0 @@
-function Some() {
-   return (<div>
-      Hello From Some!
-
-   </div>)
-}
-
-module.exports = Some

package/tests/render.test.js

@@ -1,31 +0,0 @@
-const assert = require('assert');
-const { describe, it,beforeEach } = require('node:test')
-const Layout = require('../lib/layout')
-
-describe('Basic tests', () => {
-   let layout
-   beforeEach(() => layout = new Layout())
-   it('Should render without bundle',() => {
-      const { rawHtml } = layout.render('./render/App', 'body')
-      const expected = 
-      '<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title></head><body><div>\n' +
-      '      <div>Hello from App!</div>\n' +
-      '      <div component="Some">\n' +
-      '      Hello From Some!\n' +
-      '   </div>\n' +
-      '   </div></body></html>'
-
-      assert(rawHtml === expected)
-   })
-
-   it('Should render with bundle',() => {
-      const { rawHtml } = layout.render('./render/App', 'body',{})
-      assert(rawHtml.includes('<script>'))
-   })
-
-   it('Should do nothing if element not exists',() => {
-      const { rawHtml } = layout.render('./render/App', 'main')
-      const expected = '<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title></head><body></body></html>'
-      assert(rawHtml === expected)
-   })
-})