@schukai/monster 4.129.7 → 4.129.9

package/test/cases/components/form/select.mjs

@@ -254,87 +254,41 @@ describe('Select', function () {
 
             const pagination = () => select.shadowRoot.querySelector('[data-monster-role=pagination]');
 
-            const triggerFilter = (value) => {
-                const filterInput = select.shadowRoot.querySelector('[data-monster-role=filter]');
-                filterInput.value = value;
-                filterInput.dispatchEvent(new InputEvent('input', {
-                    bubbles: true,
-                    composed: true,
-                    data: value
-                }));
-                filterInput.dispatchEvent(new KeyboardEvent('keydown', {
-                    code: 'KeyA',
-                    key: 'a',
-                    bubbles: true,
-                    composed: true
-                }));
-            };
-
-            const startedAt = Date.now();
-            const pollLoadedState = () => {
-                try {
-                    const options = select.getOption('options');
-                    const pager = pagination();
-
-                    if (
-                        options?.length !== 1 ||
-                        !pager ||
-                        pager.getOption('currentPage') !== 1 ||
-                        pager.getOption('pages') !== 2 ||
-                        pager.getOption('objectsPerPage') !== 1
-                    ) {
-                        if (Date.now() - startedAt < 3000) {
-                            return setTimeout(pollLoadedState, 50);
-                        }
-                    }
-
-                    expect(options.length).to.equal(1);
-                    expect(pager.getOption('currentPage')).to.equal(1);
-                    expect(pager.getOption('pages')).to.equal(2);
-                    expect(pager.getOption('objectsPerPage')).to.equal(1);
-
-                    triggerFilter('b');
-                    setTimeout(pollErrorState, 50);
-                } catch (e) {
-                    done(e);
-                }
-            };
-
-            const pollErrorState = () => {
-                try {
-                    const optionsAfterError = select.getOption('options');
-                    const pager = pagination();
-
-                    if (
-                        optionsAfterError?.length !== 0 ||
-                        !pager ||
-                        pager.getOption('currentPage') !== null ||
-                        pager.getOption('pages') !== null ||
-                        pager.getOption('objectsPerPage') !== null ||
-                        select.getOption('total') !== null ||
-                        select.getOption('messages.total') !== ""
-                    ) {
-                        if (Date.now() - startedAt < 4500) {
-                            return setTimeout(pollErrorState, 50);
-                        }
-                    }
-
-                    expect(optionsAfterError.length).to.equal(0);
-                    expect(pager.getOption('currentPage')).to.equal(null);
-                    expect(pager.getOption('pages')).to.equal(null);
-                    expect(pager.getOption('objectsPerPage')).to.equal(null);
-                    expect(select.getOption('total')).to.equal(null);
-                    expect(select.getOption('messages.total')).to.equal("");
-                } catch (e) {
-                    return done(e);
-                }
-
-                done();
+            const fetchRemotePage = (value) => {
+                return select.fetch(`https://example.com/items?filter=${encodeURIComponent(value)}&page=1`);
             };
 
             setTimeout(() => {
-                triggerFilter('a');
-                setTimeout(pollLoadedState, 50);
+                fetchRemotePage('a')
+                    .then(() => {
+                        const options = select.getOption('options');
+                        const pager = pagination();
+
+                        expect(options.length).to.equal(1);
+                        expect(pager.getOption('currentPage')).to.equal(1);
+                        expect(pager.getOption('pages')).to.equal(2);
+                        expect(pager.getOption('objectsPerPage')).to.equal(1);
+
+                        return fetchRemotePage('b')
+                            .then(() => Promise.reject(new Error('Expected remote fetch to fail')))
+                            .catch((e) => {
+                                if (e.message === 'Expected remote fetch to fail') {
+                                    throw e;
+                                }
+
+                                const optionsAfterError = select.getOption('options');
+                                const pager = pagination();
+
+                                expect(optionsAfterError.length).to.equal(0);
+                                expect(pager.getOption('currentPage')).to.equal(null);
+                                expect(pager.getOption('pages')).to.equal(null);
+                                expect(pager.getOption('objectsPerPage')).to.equal(null);
+                                expect(select.getOption('total')).to.equal(null);
+                                expect(select.getOption('messages.total')).to.equal("");
+                            });
+                    })
+                    .then(() => done())
+                    .catch((e) => done(e));
             }, 50);
         });
     });

package/test/cases/dom/util/init-options-from-attributes.mjs

@@ -185,4 +185,18 @@ describe('initOptionsFromAttributes', () => {
         expect(result.message.width.viewportRatio).to.equal(0.9);
     });
 
+    it('should preserve visible for popper content overflow attributes', () => {
+        options = {
+            popper: {
+                contentOverflow: 'both',
+            },
+        };
+
+        element.setAttribute('data-monster-option-popper-content-overflow', 'visible');
+
+        const result = initOptionsFromAttributes(element, options);
+
+        expect(result.popper.contentOverflow).to.equal('visible');
+    });
+
 });