als-document 1.2.1 → 1.3.0

package/browser-tests/node.js

@@ -9,7 +9,7 @@ describe('Constructor and Basic Properties', () => {
       const rootNode = new Node('ROOT');
       const divNode = new Node('div', { class: 'container' }, rootNode);
 
-      assert(divNode.tagName === 'div', "Tag name is correct");
+      assert(divNode.tagName.toLowerCase().toLowerCase() === 'div', "Tag name is correct");
       assert(divNode.attributes.class === 'container', "Attributes are correct");
       assert(divNode.parent === rootNode, "Parent node is correct");
    });
@@ -124,13 +124,13 @@ describe('Content Manipulation', () => {
       const childNode = new Node('p', {}, rootNode);
 
       childNode.insertAdjacentElement('beforebegin', new Node('span'));
-      expect(rootNode.childNodes[0].tagName).equalTo('span');
+      expect(rootNode.childNodes[0].tagName.toLowerCase()).equalTo('span');
       
       childNode.insertAdjacentElement('afterend', new Node('a'));
-      expect(rootNode.childNodes[2].tagName).equalTo('a');
+      expect(rootNode.childNodes[2].tagName.toLowerCase()).equalTo('a');
       
       childNode.insertAdjacentHTML('beforebegin', '<strong></strong>');
-      expect(rootNode.childNodes[1].tagName).equalTo('strong');
+      expect(rootNode.childNodes[1].tagName.toLowerCase()).equalTo('strong');
 
       childNode.insertAdjacentText('afterend', 'Some text');
       expect(typeof rootNode.childNodes[3].nodeValue).equalTo('string');
@@ -145,10 +145,10 @@ describe('Content Manipulation', () => {
       
       const newNode = new Node('span');
       newNode.innerHTML = '<a href="#">Link</a>';
-      expect(newNode.childNodes[0].tagName).equalTo('a');
+      expect(newNode.childNodes[0].tagName.toLowerCase()).equalTo('a');
 
       newNode.childNodes[0].outerHTML = '<div><strong>New content</strong></div>';
-      expect(newNode.childNodes[0].childNodes[0].tagName).equalTo('strong');
+      expect(newNode.childNodes[0].childNodes[0].tagName.toLowerCase()).equalTo('strong');
    });
 
    it('Works with text content', () => {
@@ -181,9 +181,9 @@ describe('Other Methods and Properties', () => {
    
       // Проверяем свойство children
       expect(rootNode.children.length).equalTo(3);
-      expect(rootNode.children[0].tagName).equalTo('p');
-      expect(rootNode.children[1].tagName).equalTo('span');
-      expect(rootNode.children[2].tagName).equalTo('a');
+      expect(rootNode.children[0].tagName.toLowerCase()).equalTo('p');
+      expect(rootNode.children[1].tagName.toLowerCase()).equalTo('span');
+      expect(rootNode.children[2].tagName.toLowerCase()).equalTo('a');
    });
    
    it('Gets the parent element', () => {

package/browser-tests/parser.js

@@ -11,17 +11,17 @@ describe('HTML Parser', () => {
         });
 
         it('correctly sets node type', () => {
-            expect(parsedHTML.tagName).equalTo('div');
+            expect(parsedHTML.tagName.toLowerCase()).equalTo('div');
         });
 
         it('correctly sets child nodes', () => {
             expect(parsedHTML.children.length).equalTo(1);
-            expect(parsedHTML.children[0].tagName).equalTo('p');
+            expect(parsedHTML.children[0].tagName.toLowerCase()).equalTo('p');
         });
 
         it('correctly parses nested HTML', () => {
             const nestedHTML = parseHTML('<div><span><a href="#">Link</a></span></div>');
-            expect(nestedHTML.children[0].children[0].children[0].tagName).equalTo('a');
+            expect(nestedHTML.children[0].children[0].children[0].tagName.toLowerCase()).equalTo('a');
         });
 
         it('correctly parses text nodes', () => {
@@ -44,7 +44,7 @@ describe('Query API', () => {
     it('can select nested nodes', () => {
         const nestedHTML = parseHTML('<div><span><a href="#">Link</a></span></div>');
         const collection = nestedHTML.querySelectorAll('a');
-        expect(collection[0].tagName).equalTo('a');
+        expect(collection[0].tagName.toLowerCase()).equalTo('a');
     });
 });
 
@@ -77,7 +77,7 @@ describe('Advanced tests', () => {
         const result = parseHTML('<div><p>Text</div>');
         // Depending on the behavior you expect: either an error, or a specific structure.
         // For this example, I'll assume you expect the <p> tag to be auto-closed
-        expect(result.children[0].children[0].tagName).equalTo('p');
+        expect(result.children[0].children[0].tagName.toLowerCase()).equalTo('p');
     });
 
     it('handles attributes without values', () => {
@@ -88,7 +88,7 @@ describe('Advanced tests', () => {
     it('ignores comments', () => {
         const result = parseHTML('<!-- this is a comment --><div></div>');
         expect(result.children.length).equalTo(1);
-        expect(result.children[0].tagName).equalTo('div');
+        expect(result.children[0].tagName.toLowerCase()).equalTo('div');
     });
 
     it('correctly parses script content', () => {
@@ -164,17 +164,17 @@ describe('CDATA', () => {
     it('basic test', () => {
         const test1 = '<![CDATA[This is CDATA content]]>';
         const root1 = parseHTML(test1);
-        assert(root1.childNodes[0].tagName === "#cdata-section", "Test 1: CDATA node not created");
+        assert(root1.childNodes[0].tagName.toLowerCase() === "#cdata-section", "Test 1: CDATA node not created");
         assert(root1.childNodes[0].nodeValue === "This is CDATA content", "Test 1: CDATA content not correct");
     })
 
     it('nested CDATA', () => {
         const test2 = '<div><![CDATA[Inside a div]]><p>Paragraph</p></div>';
         const root2 = parseHTML(test2);
-        assert(root2.childNodes[0].tagName === "div", "Test 2: Parent div not created");
-        assert(root2.childNodes[0].childNodes[0].tagName === "#cdata-section", "Test 2: CDATA node not created inside div");
+        assert(root2.childNodes[0].tagName.toLowerCase() === "div", "Test 2: Parent div not created");
+        assert(root2.childNodes[0].childNodes[0].tagName.toLowerCase() === "#cdata-section", "Test 2: CDATA node not created inside div");
         assert(root2.childNodes[0].childNodes[0].nodeValue === "Inside a div", "Test 2: CDATA content not correct inside div");
-        assert(root2.childNodes[0].childNodes[1].tagName === "p", "Test 2: Paragraph not created after CDATA");
+        assert(root2.childNodes[0].childNodes[1].tagName.toLowerCase() === "p", "Test 2: Paragraph not created after CDATA");
     })
 
     it('multiple lines', () => {
@@ -185,7 +185,7 @@ inside this CDATA
 block.
 ]]>`;
         const root3 = parseHTML(test3);
-        assert(root3.childNodes[0].tagName === "#cdata-section", "Test 3: CDATA node not created");
+        assert(root3.childNodes[0].tagName.toLowerCase() === "#cdata-section", "Test 3: CDATA node not created");
         assert(root3.childNodes[0].nodeValue.trim() === "Multiple lines \ninside this CDATA\nblock.", "Test 3: Multi-line CDATA content not correct");
 
     })
@@ -193,7 +193,7 @@ block.
     it('inside html', () => {
         const test4 = '<![CDATA[<span>This should be text</span>]]>';
         const root4 = parseHTML(test4);
-        assert(root4.childNodes[0].tagName === "#cdata-section", "Test 4: CDATA node not created");
+        assert(root4.childNodes[0].tagName.toLowerCase() === "#cdata-section", "Test 4: CDATA node not created");
         assert(root4.childNodes[0].nodeValue === "<span>This should be text</span>", "Test 4: HTML inside CDATA not treated as text");
 
     })
@@ -213,9 +213,9 @@ describe('signle tags, script and style', () => {
 </script>
 `;
         const rootStyleScript = parseHTML(testStyleScript);
-        assert(rootStyleScript.childNodes[0].tagName === "style", "Test Style/Script 1: Style tag not created");
+        assert(rootStyleScript.childNodes[0].tagName.toLowerCase() === "style", "Test Style/Script 1: Style tag not created");
         assert(rootStyleScript.childNodes[0].textContent.trim() === "body { color: red; }\n    p > a { text-decoration: none; }", "Test Style/Script 1: Style content not correct");
-        assert(rootStyleScript.childNodes[1].tagName === "script", "Test Style/Script 2: Script tag not created");
+        assert(rootStyleScript.childNodes[1].tagName.toLowerCase() === "script", "Test Style/Script 2: Script tag not created");
         assert(rootStyleScript.childNodes[1].textContent.trim() === 'if (x < 5 && y > 3) {\n        console.log("This shouldn\'t be parsed as tags");\n    }', "Test Style/Script 2: Script content not correct");
     })
 
@@ -225,9 +225,9 @@ describe('signle tags, script and style', () => {
 <link rel="stylesheet" href="styles.css">
 `;
         const rootMetaLink = parseHTML(testMetaLink);
-        assert(rootMetaLink.children[0].tagName === "meta", "Test Meta/Link 1: Meta tag not created");
+        assert(rootMetaLink.children[0].tagName.toLowerCase() === "meta", "Test Meta/Link 1: Meta tag not created");
         assert(rootMetaLink.children[0].getAttribute("charset") === "UTF-8", "Test Meta/Link 1: Meta content not correct");
-        assert(rootMetaLink.children[1].tagName === "link", "Test Meta/Link 2: Link tag not created");
+        assert(rootMetaLink.children[1].tagName.toLowerCase() === "link", "Test Meta/Link 2: Link tag not created");
         assert(rootMetaLink.children[1].getAttribute("rel") === "stylesheet", "Test Meta/Link 2: Link rel attribute not correct");
         assert(rootMetaLink.children[1].getAttribute("href") === "styles.css", "Test Meta/Link 2: Link href attribute not correct");
     })
@@ -236,7 +236,7 @@ describe('signle tags, script and style', () => {
         const testUnmatchedClose = `<div>Some content</p></div>`;
         const rootUnmatchedClose = parseHTML(testUnmatchedClose);
         // Зависит от вашего решения обработки. Если вы решите исправлять такой HTML, тест может выглядеть так:
-        assert(rootUnmatchedClose.childNodes[0].tagName === "div", "Test Unmatched Close: Div tag not created");
+        assert(rootUnmatchedClose.childNodes[0].tagName.toLowerCase() === "div", "Test Unmatched Close: Div tag not created");
         assert(rootUnmatchedClose.childNodes[0].textContent.trim() === "Some content", "Test Unmatched Close: Div content not correct");
     })
 
@@ -244,7 +244,7 @@ describe('signle tags, script and style', () => {
         const testUnmatchedOpen = `<div>Some content`;
         const rootUnmatchedOpen = parseHTML(testUnmatchedOpen);
         // Снова зависит от вашего решения. Если вы решите автоматически закрывать тег:
-        assert(rootUnmatchedOpen.childNodes[0].tagName === "div", "Test Unmatched Open: Div tag not created");
+        assert(rootUnmatchedOpen.childNodes[0].tagName.toLowerCase() === "div", "Test Unmatched Open: Div tag not created");
         assert(rootUnmatchedOpen.childNodes[0].textContent.trim() === "Some content", "Test Unmatched Open: Div content not correct");
     })
 })
@@ -270,7 +270,7 @@ describe('Specific elements handling', () => {
         const html = parseHTML(svg)
         const svgParsed = html.querySelector('svg')
 
-        assert(svgParsed.tagName === svgElement.tagName)
+        assert(svgParsed.tagName.toLowerCase() === svgElement.tagName.toLowerCase())
 
         assert(svgElement.getAttribute('version') === svgParsed.getAttribute('version'))
         assert(svgElement.getAttribute('id') === svgParsed.getAttribute('id'))
@@ -297,7 +297,7 @@ describe('Specific elements handling', () => {
         const html = parseHTML(canvas)
         const canvasElement = html.children[0]
         
-        expect(canvasElement.tagName).equalTo('canvas');
+        expect(canvasElement.tagName.toLowerCase()).equalTo('canvas');
         expect(canvasElement.getAttribute('id')).equalTo('myCanvas');
         expect(canvasElement.getAttribute('width')).equalTo('300');
         expect(canvasElement.getAttribute('height')).equalTo('150');
@@ -313,7 +313,7 @@ describe('Specific elements handling', () => {
         const html = parseHTML(svgHTML);
         const svgElement = html.children[0]
     
-        expect(svgElement.tagName).equalTo('svg');
+        expect(svgElement.tagName.toLowerCase()).equalTo('svg');
         expect(svgElement.getAttribute('xmlns')).equalTo(svgNamespace);
         expect(svgElement.getAttribute('xmlns:xml')).equalTo(xmlNamespace);
     });

package/docs/#.md

@@ -40,13 +40,10 @@ import { parseHTML, Node, Query, TextNode, SingleNode, Root, Document } from 'al
 </script>
 ```
 
-## Change log
-New in 1.2.0:
-  * singleNode can insert(0) and insert(3)
-  * insertAdjacentElement replace element instead cloning it
-  * Document class
-    * has structure <!DOCTYPE html><html lang="en"><head><title></title></head><body></body></html>
-    * get title
-    * set title
-    * get body
-    * get head
+## Change log for 1.3
+  * added getter and setter for node.innerText
+  * prev and next now works with childIndex=0
+  * querySelctor not includes the parent any more
+  * Document new getters and setters include clone
+  * tagName - uppers, _tagName - lowers
+

package/docs/2.node.md

@@ -3,7 +3,9 @@
 `Node` is a fundamental class that represents an element node in the DOM tree. It provides functionality similar to the native DOM API in browsers, but with its own implementation.
 
 ### Properties:
-- **tagName**: Represents the tag name of the element.
+- **tagName**: Represents the tag name of the element (upper cased).
+- **_tagName**: Represents the tag name of the element (lower cased).
+- **innerText**
 - **attributes**: A dictionary of attributes and their values.
 - **childNodes**: An array of child nodes for the element.
 - **isSingle**: Boolean value to check if the node is a self-closing tag.
@@ -23,3 +25,22 @@
 - **appendChild**: Add a child node to the element.
 - **insert(place,element)**: place (0-3) or beforebegin,afterbegin,... eleemnt - raw html or element
 
+
+### Examples:
+
+```javascript
+const div = new Node('div');
+div.setAttribute('class', 'container');
+
+const img = new SingleNode('img', { src: 'image.jpg', alt: 'An image' });
+div.appendChild(img);
+
+console.log(div.outerHTML);  // Outputs: <div class="container"><img src="image.jpg" alt="An image"></div>
+
+const p = new Node('p',{},div); // adding as last child to parent div
+p.textContent = "Hello, world!";
+
+const foundP = div.querySelector('p');
+console.log(foundP.textContent);  // Outputs: Hello, world!
+```
+

package/docs/5. Document.md

@@ -1,28 +1,11 @@
 ### Document node (extends Node)
 
 Has additional getters and setters:
-  * getter root.title
-  * setter root.title
-  * getter root.body
-  * getter root.head
-
-
-
-### Examples:
-
-```javascript
-const div = new Node('div');
-div.setAttribute('class', 'container');
-
-const img = new SingleNode('img', { src: 'image.jpg', alt: 'An image' });
-div.appendChild(img);
-
-console.log(div.outerHTML);  // Outputs: <div class="container"><img src="image.jpg" alt="An image"></div>
-
-const p = new Node('p',{},div); // adding as last child to parent div
-p.textContent = "Hello, world!";
-
-const foundP = div.querySelector('p');
-console.log(foundP.textContent);  // Outputs: Hello, world!
-```
-
+  * get documentElement
+  * get html
+  * get head
+  * get body
+  * get title
+  * get charset
+  * set title
+  * get clone - return cloned new instance of Document