anu-verzum 1.23.1 → 1.23.2

package/README.md

@@ -4,7 +4,7 @@
 
 <h3>@author: <strong>Anubis-programmer</strong></h3>
 <h3>@license: <strong>MIT</strong></h3>
-<h3>@version: <strong>1.23.1</strong></h3>
+<h3>@version: <strong>1.23.2</strong></h3>
 
 <br>
 

package/dist/core/domUtils.js

@@ -46,7 +46,7 @@ const updateDomProperties = (dom, prevProps, nextProps, isSvgElement = false) =>
         dom.setAttribute(name, nextProps[name]);
       }
     } else {
-      if (name.includes('aria-') || name === 'role') {
+      if (name.includes('-') || name === 'role') {
         dom.setAttribute(name, nextProps[name]);
       } else {
         el[name] = nextProps[name];

package/dist/testing/__tests__/smoke.test.js

@@ -157,6 +157,35 @@ describe('waitFor', () => {
     })).rejects.toThrow();
   });
 });
+describe('data-* attributes', () => {
+  test('data-testid is set as an HTML attribute', () => {
+    const el = _index.default.createElement('div', {
+      'data-testid': 'my-box'
+    });
+    const {
+      container
+    } = (0, _index2.render)(el);
+    expect(container.querySelector('[data-testid="my-box"]')).not.toBeNull();
+  });
+  test('getByTestId finds element with data-testid', () => {
+    const el = _index.default.createElement('div', {
+      'data-testid': 'target'
+    }, _index.default.createElement('span', {}, 'inside'));
+    const {
+      getByTestId
+    } = (0, _index2.render)(el);
+    expect(getByTestId('target')).toBeDefined();
+  });
+  test('arbitrary data-* attribute is set as an HTML attribute', () => {
+    const el = _index.default.createElement('div', {
+      'data-custom': 'value'
+    });
+    const {
+      container
+    } = (0, _index2.render)(el);
+    expect(container.querySelector('[data-custom="value"]')).not.toBeNull();
+  });
+});
 describe('createPortal', () => {
   let portalContainer;
   beforeEach(() => {

package/dist/testing/queries/byTestId.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createByTestIdQueries = void 0;
 var _queryBuilder = require("./queryBuilder");
-const queryAllByTestId = (container, id) => Array.from(container.querySelectorAll(`[data-testid="${CSS.escape(id)}"]`));
+const queryAllByTestId = (container, id) => Array.from(container.querySelectorAll('[data-testid]')).filter(el => el.getAttribute('data-testid') === id);
 const queryByTestId = (container, id) => queryAllByTestId(container, id)[0] ?? null;
 const createByTestIdQueries = (container, id) => (0, _queryBuilder.buildQueryVariants)(`ByTestId("${id}")`, container, c => queryByTestId(c, id), c => queryAllByTestId(c, id));
 exports.createByTestIdQueries = createByTestIdQueries;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anu-verzum",
-  "version": "1.23.1",
+  "version": "1.23.2",
   "description": "A \"React-like\" UI library that supports JSX syntax, Redux-like state management, array-rendering, i18n, routing and many more.",
   "keywords": [
     "anu-verzum",