Improved tests.

Author: Ulyanov-programmer

package.json

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

tests/IO.js

@@ -0,0 +1,92 @@
+import path from 'path'
+import fs from 'fs'
+import { CssToHtml } from '../cssToHtml.js'
+import assert from 'assert'
+import test from 'node:test'
+
+
+const htmlFilePath = path.resolve(import.meta.dirname + '/helpers/test.html')
+const cssFilePath = path.resolve(import.meta.dirname + '/helpers/test.css')
+
+test('Writing code to a file should work.', () => {
+  new CssToHtml({
+    css: `div {}`,
+    write: { in: htmlFilePath }
+  })
+
+  assert.equal(fs.readFileSync(htmlFilePath, 'utf8'), '<div></div>\n')
+})
+
+test('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>'
+    }
+  })
+
+  assert.equal(
+    fs.readFileSync(htmlFilePath, 'utf8'),
+    `<some-html-content>
+  <div></div>
+`)
+})
+
+test('The code must be written before and 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>
+`)
+})
+
+test('Empty CSS should not be processed.', () => {
+  fs.writeFileSync(cssFilePath, '')
+
+  assert.equal(
+    new CssToHtml({
+      css: fs.readFileSync(cssFilePath, 'utf8'),
+    }).outputHTML,
+
+    undefined
+  )
+})
+
+test('The code from the CSS file must 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>
+`)
+})
+
+
+
+test('Temporary data has been deleted from files', () => {
+  fs.writeFileSync(htmlFilePath, '')
+  fs.writeFileSync(cssFilePath, '')
+})

tests/IO.test.js

@@ -0,0 +1,31 @@
+import { CssToHtml } from '../cssToHtml.js'
+import assert from 'assert'
+import test from 'node:test'
+import { dot } from 'node:test/reporters'
+
+test('Attributes in the selector must be processed.', () => {
+  assert.equal(
+    new CssToHtml({
+      css: `div[attr-1][data-attr][role="button"] {}`,
+    })
+      .outputHTML,
+
+    '<div attr-1 data-attr role="button"></div>\n',
+  )
+})
+test('Attributes in the rule 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',
+  )
+})

tests/attrs.js

@@ -0,0 +1,54 @@
+import { CssToHtml } from '../cssToHtml.js'
+import assert from 'assert'
+import test from 'node:test'
+
+
+test('The code must be converted.', () => {
+  assert.equal(
+    new CssToHtml({
+      css: `div {} div span {} custom-tag {} input {}`,
+    })
+      .outputHTML,
+
+    `<div>
+  <span></span>
+</div>
+<custom-tag></custom-tag>
+<input />
+`,
+  )
+})
+test('With formatting turned off, the code should look ugly.', () => {
+  assert.notEqual(
+    new CssToHtml({
+      css: `div {} div span {}`,
+      format: false,
+    }).
+      outputHTML,
+
+    `<div>
+  <span></span>
+</div>
+`,
+  )
+})
+test('If an empty CSS code is specified, it should return nothing.', () => {
+  assert.equal(
+    new CssToHtml({
+      css: '',
+    }).outputHTML,
+
+    undefined,
+  )
+})
+test('The selector must be fully processed.', () => {
+  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',
+  )
+})
+