Added tests

Author: Ulyanov-programmer

.gitignore

@@ -1,5 +1,2 @@
 /node_modules
-/package-lock.json
-/test.js
-/style.css
-/index.html
+/package-lock.json

.npmignore

@@ -0,0 +1 @@
+/tests

package.json

@@ -5,7 +5,7 @@
   "description": "The library for converting CSS to HTML",
   "main": "index.js",
   "scripts": {
-    "test": "node test.js"
+    "test": "node tests/index.test.js"
   },
   "type": "module",
   "repository": {
@@ -32,5 +32,8 @@
     "fs-extra": "^11.2.0",
     "html-format": "^1.1.7"
   },
-  "license": "ISC"
+  "license": "ISC",
+  "devDependencies": {
+    "chalk": "^5.3.0"
+  }
 }

tests/IO.js

@@ -0,0 +1,91 @@
+import path from 'path'
+import fs from 'fs'
+import { CssToHtml } from '../cssToHtml.js'
+import assert from 'assert'
+
+
+const htmlFilePath = path.resolve(import.meta.dirname + '/helpers/test.html')
+const cssFilePath = path.resolve(import.meta.dirname + '/helpers/test.css')
+
+new CssToHtml({
+  css: `div {}`,
+  write: { in: htmlFilePath }
+})
+assert.equal(
+  fs.readFileSync(htmlFilePath, 'utf8'), '<div></div>\n',
+  'Writing code to a file should work.'
+)
+
+
+fs.writeFileSync(htmlFilePath,
+  `<some-html-content>
+  </some-html-content>
+`)
+new CssToHtml({
+  css: `div {}`,
+  write: {
+    in: htmlFilePath,
+    after: '<some-html-content>'
+  }
+})
+assert.equal(
+  fs.readFileSync(htmlFilePath, 'utf8'),
+  `<some-html-content>
+  <div></div>
+`,
+  'The code must be written after certain content.'
+)
+
+
+fs.writeFileSync(htmlFilePath,
+  `<some-html-content>
+  </some-html-content>
+`)
+new CssToHtml({
+  css: `div {}`,
+  write: {
+    in: htmlFilePath,
+    after: '<some-html-content>',
+    before: '</some-html-content>'
+  }
+})
+assert.equal(
+  fs.readFileSync(htmlFilePath, 'utf8'),
+  `<some-html-content>
+  <div></div>
+</some-html-content>
+`,
+  'The code must be written before and after certain content.'
+)
+
+
+fs.writeFileSync(cssFilePath, '')
+assert.equal(
+  new CssToHtml({
+    css: fs.readFileSync(cssFilePath, 'utf8'),
+  }).outputHTML,
+
+  undefined,
+
+  'Empty CSS should not be processed.'
+)
+
+
+fs.writeFileSync(cssFilePath, 'div {} div span { /* @inside text */ }')
+assert.equal(
+  new CssToHtml({
+    css: fs.readFileSync(cssFilePath, 'utf8'),
+  }).outputHTML,
+
+  `<div>
+  <span>text</span>
+</div>
+`,
+
+  'The code from the CSS file must be processed.'
+)
+
+
+
+fs.writeFileSync(htmlFilePath, '')
+fs.writeFileSync(cssFilePath, '')

tests/attrs.js

@@ -0,0 +1,30 @@
+import { CssToHtml } from '../cssToHtml.js'
+import assert from 'assert'
+
+
+assert.equal(
+  new CssToHtml({
+    css: `div[attr-1][data-attr][role="button"] {}`,
+  })
+    .outputHTML,
+
+  '<div attr-1 data-attr role="button"></div>\n',
+
+  'Attributes in the selector must be processed.'
+)
+assert.equal(
+  new CssToHtml({
+    css: `
+div {
+--attr-href: #;
+--attr-role: "button";
+--data-attr: 15;
+--attrs: "tabindex="0" data-v";
+}`,
+  })
+    .outputHTML,
+
+  '<div href="#" role="button" data-attr="15" tabindex="0" data-v></div>\n',
+
+  'Attributes in the rule must be processed.'
+)

tests/general.js

@@ -0,0 +1,52 @@
+import { CssToHtml } from '../cssToHtml.js'
+import assert from 'assert'
+
+
+assert.equal(
+  new CssToHtml({
+    css: `div {} div span {} custom-tag {} input {}`,
+  })
+    .outputHTML,
+
+  `<div>
+  <span></span>
+</div>
+<custom-tag></custom-tag>
+<input />
+`,
+
+  'The code must be converted.'
+)
+assert.notEqual(
+  new CssToHtml({
+    css: `div {} div span {}`,
+    format: false,
+  }).
+    outputHTML,
+
+  `<div>
+  <span></span>
+</div>
+`,
+
+  'With formatting turned off, the code should look ugly.'
+)
+assert.equal(
+  new CssToHtml({
+    css: '',
+  }).outputHTML,
+
+  undefined,
+
+  'If an empty CSS code is specified, it should return nothing.'
+)
+assert.equal(
+  new CssToHtml({
+    css: `div.some-class.class2#some-id[data-attr] {}`,
+  })
+    .outputHTML,
+
+  '<div id="some-id" class="some-class class2" data-attr></div>\n',
+
+  'The selector must be fully processed.'
+)

tests/helpers/test.css

@@ -0,0 +1,8 @@
+import chalk from 'chalk'
+
+import './text.js'
+import './attrs.js'
+import './general.js'
+import './IO.js'
+
+console.log(chalk.green("*** All checks have been passed! ***"))

tests/helpers/test.html

@@ -0,0 +1,83 @@
+import { CssToHtml } from '../cssToHtml.js'
+import assert from 'assert'
+
+
+assert.equal(
+  new CssToHtml(
+    {
+      css:
+        `div { /* 
+            @before before text @inside inner text @after after text  
+        */ }`,
+    }
+  ).outputHTML,
+
+  `before text<div>inner text</div>after text
+`,
+
+  'The text without additional spaces should be saved without spaces.'
+)
+assert.match(
+  new CssToHtml(
+    {
+      css:
+        `div { /* 
+            @before  before text  @inside  inner text  @after  after text  
+        */ }`,
+    }
+  ).outputHTML,
+
+  / +before text +<div> +inner text +<\/div> +after text[\n]/,
+
+  'The text with additional spaces should keep them.'
+)
+assert.equal(
+  new CssToHtml({
+    css:
+      `div { /* 
+            @before before text @inside inner text @after after text  
+        */
+        /* 
+          @inside inner text
+        */
+        /* 
+          @after after text  
+        */
+}`,
+  })
+    .outputHTML,
+
+  `before text<div>inner text
+</div>after text
+`,
+
+  'The text should be saved from different comments.'
+)
+assert.equal(
+  new CssToHtml({
+    css:
+      `
+div { /* 
+  @before before 1
+    before 2
+  @inside
+    inner 1
+    inner 2
+    inner 3 
+  @after after 1
+    after 2 
+*/ }`,
+  })
+    .outputHTML,
+
+  `before 1
+before 2
+<div>
+  inner 1
+  inner 2
+  inner 3
+</div>after 1
+after 2
+`,
+  'The text should be processed along with the new lines.'
+)