Move default module tests

Moved tests to CJS and ESM integration tests to quickly validate if CJS and ESM are functional.

Author: mcaskill

tests/functional/default.js

@@ -1,5 +1,11 @@
-// const HTMLBuildAttributes = require('@mcaskill/html-build-attributes');
-const { composeAttributes } = require('@mcaskill/html-build-attributes');
+const { test } = require('uvu');
+const assert = require('uvu/assert');
+const {
+    composeAttribute,
+    composeAttributes,
+    escapeAttributeValue,
+    filterAttributeValue,
+} = require('@mcaskill/html-build-attributes');
 const { filterValue: filterValueA } = require('@mcaskill/html-build-attributes/lib');
 const { filterValue: filterValueB } = require('@mcaskill/html-build-attributes/lib/filter');
 const { filterValue: filterValueC } = require('@mcaskill/html-build-attributes/lib/filter/filter-value.js');
@@ -12,13 +18,67 @@ if (
     throw new Error('filterValue function not found');
 }
 
-if ('lang="en" dir="ltr" class="has-no-js test"' !== composeAttributes({
-    lang:  'en',
-    dir:   'ltr',
-    class: [
-        'has-no-js',
-        'test',
-    ],
-})) {
-    throw new Error('filterValue function not found');
-}
+const now = new Date();
+
+const input = {
+    'type':           'file',
+    'id':             'avatar',
+    'name':           'avatar',
+    'class':          [ 'form-control', 'form-control-sm' ],
+    'multiple':       true,
+    'disabled':       false,
+    'accept':         [ 'image/png', 'image/jpeg' ],
+    'data-type':      null,
+    'data-max-files': 3,
+    'data-datetime':  now,
+    'data-array':     [ true, false, null ],
+    'data-options':   {
+        a: 1,
+        b: 0,
+        c: null,
+        d: true,
+        e: false,
+        f: [ 1, 2, 3 ],
+    },
+};
+
+const expected = {
+    'type':           'type="file"',
+    'id':             'id="avatar"',
+    'name':           'name="avatar"',
+    'class':          'class="form-control form-control-sm"',
+    'multiple':       'multiple',
+    'disabled':       null,
+    'accept':         'accept="image/png,image/jpeg"',
+    'data-type':      null,
+    'data-max-files': 'data-max-files="3"',
+    'data-datetime':  `data-datetime="${now.toISOString()}"`,
+    'data-array':     `data-array="[true,false,null]"`,
+    'data-options':   'data-options="{"a":1,"b":0,"c":null,"d":true,"e":false,"f":[1,2,3]}"',
+};
+
+test('should be composable, filterable, and escapable', () => {
+    assert.type(composeAttribute, 'function');
+    assert.type(composeAttributes, 'function');
+    assert.type(escapeAttributeValue, 'function');
+    assert.type(filterAttributeValue, 'function');
+});
+
+test('should render each attribute', () => {
+    for (const [ name, value ] of Object.entries(input)) {
+        const output = composeAttribute(name, value);
+
+        assert.is(output, expected[name]);
+    }
+});
+
+test('should render set of attributes', () => {
+    const output = composeAttributes(input);
+
+    assert.is(
+        output,
+        Object.values(expected).filter((attr) => attr !== null).join(' ')
+    );
+});
+
+test.run();

tests/integration/cjs/index.js

@@ -1,5 +1,11 @@
-// import HTMLBuildAttributes from '@mcaskill/html-build-attributes';
-import { composeAttributes } from '@mcaskill/html-build-attributes';
+import { test } from 'uvu';
+import * as assert from 'uvu/assert';
+import {
+    composeAttribute,
+    composeAttributes,
+    escapeAttributeValue,
+    filterAttributeValue,
+} from '@mcaskill/html-build-attributes';
 import { filterValue as filterValueA } from '@mcaskill/html-build-attributes/lib';
 import { filterValue as filterValueB } from '@mcaskill/html-build-attributes/lib/filter';
 import { filterValue as filterValueC } from '@mcaskill/html-build-attributes/lib/filter/filter-value.js';
@@ -12,13 +18,67 @@ if (
     throw new Error('filterValue function not found');
 }
 
-if ('lang="en" dir="ltr" class="has-no-js test"' !== composeAttributes({
-    lang:  'en',
-    dir:   'ltr',
-    class: [
-        'has-no-js',
-        'test',
-    ],
-})) {
-    throw new Error('filterValue function not found');
-}
+const now = new Date();
+
+const input = {
+    'type':           'file',
+    'id':             'avatar',
+    'name':           'avatar',
+    'class':          [ 'form-control', 'form-control-sm' ],
+    'multiple':       true,
+    'disabled':       false,
+    'accept':         [ 'image/png', 'image/jpeg' ],
+    'data-type':      null,
+    'data-max-files': 3,
+    'data-datetime':  now,
+    'data-array':     [ true, false, null ],
+    'data-options':   {
+        a: 1,
+        b: 0,
+        c: null,
+        d: true,
+        e: false,
+        f: [ 1, 2, 3 ],
+    },
+};
+
+const expected = {
+    'type':           'type="file"',
+    'id':             'id="avatar"',
+    'name':           'name="avatar"',
+    'class':          'class="form-control form-control-sm"',
+    'multiple':       'multiple',
+    'disabled':       null,
+    'accept':         'accept="image/png,image/jpeg"',
+    'data-type':      null,
+    'data-max-files': 'data-max-files="3"',
+    'data-datetime':  `data-datetime="${now.toISOString()}"`,
+    'data-array':     `data-array="[true,false,null]"`,
+    'data-options':   'data-options="{"a":1,"b":0,"c":null,"d":true,"e":false,"f":[1,2,3]}"',
+};
+
+test('should be composable, filterable, and escapable', () => {
+    assert.type(composeAttribute, 'function');
+    assert.type(composeAttributes, 'function');
+    assert.type(escapeAttributeValue, 'function');
+    assert.type(filterAttributeValue, 'function');
+});
+
+test('should render each attribute', () => {
+    for (const [ name, value ] of Object.entries(input)) {
+        const output = composeAttribute(name, value);
+
+        assert.is(output, expected[name]);
+    }
+});
+
+test('should render set of attributes', () => {
+    const output = composeAttributes(input);
+
+    assert.is(
+        output,
+        Object.values(expected).filter((attr) => attr !== null).join(' ')
+    );
+});
+
+test.run();