@descope-ui/descope-autocomplete-field 0.0.15 → 0.0.16

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.0.16](https://github.com/descope/web-components-ui/compare/@descope-ui/descope-autocomplete-field-0.0.15...@descope-ui/descope-autocomplete-field-0.0.16) (2025-06-26)
+
+### Dependency Updates
+
+* `@descope-ui/common` updated to version `0.0.14`
+* `@descope-ui/theme-globals` updated to version `0.0.14`
+* `@descope-ui/theme-input-wrapper` updated to version `0.1.3`
+* `@descope-ui/descope-combo-box` updated to version `0.1.3`
 ## [0.0.15](https://github.com/descope/web-components-ui/compare/@descope-ui/descope-autocomplete-field-0.0.14...@descope-ui/descope-autocomplete-field-0.0.15) (2025-06-09)
 
 ### Dependency Updates

package/e2e/descope-autocomplete.spec.ts

@@ -506,3 +506,20 @@ test.describe('logic', () => {
     expect(await component.screenshot()).toMatchSnapshot();
   });
 });
+
+
+test.describe('custom error message', () => {
+  loopPresets({
+  'value missing: default': { required: 'true', defaultErrorMessageValueMissing: 'true' },
+  'value missing: custom': { required: 'true', 'data-errormessage-value-missing': 'custom message' },
+  'value missing: empty': { required: 'true', 'data-errormessage-value-missing': '' },
+}, (preset, name) => {
+    test(name, async({ page, browserName }) => {
+      test.skip(browserName === 'webkit');
+      await page.goto(getStoryUrl(storyName, preset));
+      const component = createAutocompleteTestDriver(page.locator(componentName));
+      await page.getByRole('button').getByText('Submit').click();
+      expect(await component.screenshot({ animations: 'disabled', delay: 6000 })).toMatchSnapshot();
+    });
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope-ui/descope-autocomplete-field",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "exports": {
     ".": {
       "import": "./src/component/index.js"
@@ -19,10 +19,10 @@
   },
   "dependencies": {
     "@vaadin/custom-field": "24.3.4",
-    "@descope-ui/common": "0.0.13",
-    "@descope-ui/theme-globals": "0.0.13",
-    "@descope-ui/theme-input-wrapper": "0.1.2",
-    "@descope-ui/descope-combo-box": "0.1.2"
+    "@descope-ui/common": "0.0.14",
+    "@descope-ui/theme-globals": "0.0.14",
+    "@descope-ui/theme-input-wrapper": "0.1.3",
+    "@descope-ui/descope-combo-box": "0.1.3"
   },
   "publishConfig": {
     "link-workspace-packages": false

package/stories/descope-autocomplete-field.stories.js

@@ -108,15 +108,17 @@ const Template = ({
 export default {
   component: componentName,
   title: 'descope-autocomplete-field',
-  decorators: [(story, { args }) => {
-    setTimeout(() => {
-      document.querySelector("descope-autocomplete-field").fetchResults = mockFetchResults
-    })
+  decorators: [
+    (story, { args }) => {
+      setTimeout(() => {
+        document.querySelector('descope-autocomplete-field').fetchResults =
+          mockFetchResults;
+      });
 
-    return story();
-  },
-  withForm,
-],
+      return story();
+    },
+    withForm,
+  ],
   argTypes: {
     ...labelControl,
     ...placeholderControl,
@@ -151,4 +153,5 @@ Default.args = {
   bordered: true,
   size: 'md',
   'allow-custom-value': false,
+  'data-errormessage-value-missing': 'Please fill out this field.',
 };