Improve E2E tests for django-hstore-widget

Added additional waitForChanges calls to ensure async updates are handled. Enhanced test assertions for button existence and correctness, clarified selectors, and improved input simulation for the textarea. These changes make the tests more robust and reliable.

Revert "Bump version to 0.0.24"

This reverts commit 19bf4b8.

Bump version to 0.0.24

Incremented the project version in pyproject.toml from 0.0.23 to 0.0.24.

Author: baseplate-admin

src/frontend/components/django-hstore-widget/test/django-hstore-widget.e2e.ts

@@ -4,6 +4,7 @@ describe('django-hstore-widget', () => {
     it('renders', async () => {
         const page = await newE2EPage();
         await page.setContent('<django-hstore-widget></django-hstore-widget>');
+        await page.waitForChanges();
 
         const element = await page.find('django-hstore-widget');
         expect(element).toHaveAttribute('hydrated');
@@ -12,6 +13,10 @@ describe('django-hstore-widget', () => {
     it('json and field render', async () => {
         const page = await newE2EPage();
         await page.setContent(`<django-hstore-widget json='{"hello": "world"}'></django-hstore-widget>`);
+        await page.waitForChanges();
+
+        // Wait for async componentDidLoad parsing
+        await page.waitForChanges();
 
         const form_element = await page.findAll('div#json_items');
         expect(form_element.length).toBe(1);
@@ -20,6 +25,7 @@ describe('django-hstore-widget', () => {
     it('error from django backend', async () => {
         const page = await newE2EPage();
         await page.setContent(`<django-hstore-widget json='{"hello": "wor"ld"}'></django-hstore-widget>`);
+        await page.waitForChanges();
 
         const element = await page.find('div#mount_error');
         expect(element).not.toBeNull();
@@ -28,21 +34,25 @@ describe('django-hstore-widget', () => {
     it('test input textbox component', async () => {
         const page = await newE2EPage();
         await page.setContent(`<django-hstore-widget json='{"hello": "world"}'></django-hstore-widget>`);
+        await page.waitForChanges();
 
-        const open_textbox_toggle = await page.find('div#textarea_open_close_toggle');
+        const open_textbox_toggle = await page.find('div#textarea_open_close_toggle button');
+        expect(open_textbox_toggle).not.toBeNull();
         await open_textbox_toggle.click();
+        await page.waitForChanges();
 
         const textbox_element = await page.find('textarea');
         expect(textbox_element).not.toBeNull();
-        expect(textbox_element).not.toHaveClasses(['hidden', 'invisible']);
+        expect(textbox_element).not.toHaveClass('hidden');
 
         await page.$eval('textarea', el => {
-            el.value = '';
+            (el as HTMLTextAreaElement).value = '';
         });
+        await textbox_element.type(`{"my":"World'"}`);
+        await page.waitForChanges();
 
-        await textbox_element.type(`{"my":"World'}`);
         const value = await textbox_element.getProperty('value');
-        expect(value).toBe(`{"my":"World'}`);
+        expect(value).toBe(`{"my":"World'"}`);
 
         const textbox_error = await page.find('#textbox_error');
         expect(textbox_error).not.toBeNull();
@@ -51,9 +61,12 @@ describe('django-hstore-widget', () => {
     it('test delete click', async () => {
         const page = await newE2EPage();
         await page.setContent(`<django-hstore-widget json='{"hello": "world"}'></django-hstore-widget>`);
+        await page.waitForChanges();
 
         const delete_button = await page.find('div#delete-button');
+        expect(delete_button).not.toBeNull();
         await delete_button.click();
+        await page.waitForChanges();
 
         const form_element = await page.findAll('div#json_items');
         expect(form_element.length).toBe(0);
@@ -62,9 +75,12 @@ describe('django-hstore-widget', () => {
     it('test add click', async () => {
         const page = await newE2EPage();
         await page.setContent(`<django-hstore-widget json='{"hello": "world"}'></django-hstore-widget>`);
+        await page.waitForChanges();
 
-        const delete_button = await page.find('button#add-button');
-        await delete_button.click();
+        const add_button = await page.find('button#add-button');
+        expect(add_button).not.toBeNull();
+        await add_button.click();
+        await page.waitForChanges();
 
         const form_element = await page.findAll('div#json_items');
         expect(form_element.length).toBe(2);
@@ -73,9 +89,11 @@ describe('django-hstore-widget', () => {
     it("test all buttons should have type='button'", async () => {
         const page = await newE2EPage();
         await page.setContent(`<django-hstore-widget json='{"hello": "world"}'></django-hstore-widget>`);
+        await page.waitForChanges();
 
         const buttons = await page.findAll('button');
-        expect(buttons.length).not.toBeNull();
+        expect(buttons.length).not.toBe(0);
+
         for (const button of buttons) {
             const type = await button.getAttribute('type');
             expect(type).toBe('button');