docs: add IMAGE widget MDL examples to custom widget test suite

Add 3 Image widget test cases to 17-custom-widget-examples.mdl:
- IMAGE basic: default pluggable Image widget
- IMAGE with URL: imageUrl mode with pixel dimensions and alt text
- IMAGE with OnClick: action binding inside a DataView

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: ako

mdl-examples/doctype-tests/17-custom-widget-examples.mdl

@@ -1,14 +1,17 @@
 -- ============================================================================
--- Custom Widget Examples - GALLERY & COMBOBOX
+-- Custom Widget Examples - GALLERY, COMBOBOX & IMAGE
 -- ============================================================================
 --
--- Tests for pluggable widget MDL syntax (GALLERY, COMBOBOX).
+-- Tests for pluggable widget MDL syntax (GALLERY, COMBOBOX, IMAGE).
 --
 -- Test matrix:
 --   1. GALLERY basic       — DATABASE datasource + TEMPLATE (PASS)
 --   2. GALLERY with FILTER — TEXTFILTER in FILTER block    (KNOWN BUG: CE0463)
 --   3. COMBOBOX enum       — Enum attribute                (KNOWN BUG: CE1613)
 --   4. COMBOBOX association — DataSource + CaptionAttribute (FIXED: Issue #21)
+--   5. IMAGE basic         — Default pluggable Image widget
+--   6. IMAGE with URL      — ImageUrl mode with dimensions
+--   7. IMAGE with OnClick  — Action binding on click
 --
 -- Known engine bugs (do not affect MDL syntax correctness):
 --   - CE0463 on TEXTFILTER: embedded template property count mismatch
@@ -205,3 +208,109 @@ CREATE PAGE MyFirstModule.P_ComboBox_Assoc
     }
   }
 }
+
+-- MARK: IMAGE basic
+
+-- ============================================================================
+-- Test 5: IMAGE basic — Default pluggable Image widget
+-- Result: Pending validation
+-- ============================================================================
+
+/**
+ * Page with a basic pluggable Image widget using default settings.
+ * The IMAGE keyword creates a com.mendix.widget.web.image.Image widget.
+ */
+CREATE PAGE MyFirstModule.P_Image_Basic
+(
+  Title: 'Image Basic',
+  Layout: Atlas_Core.Atlas_Default,
+  Folder: 'CustomWidgets'
+)
+{
+  LAYOUTGRID lgMain {
+    ROW row1 {
+      COLUMN col1 (DesktopWidth: 12) {
+        IMAGE imgLogo
+      }
+    }
+  }
+}
+
+-- MARK: IMAGE with URL
+
+-- ============================================================================
+-- Test 6: IMAGE with URL — ImageUrl mode with custom dimensions
+-- Result: Pending validation
+-- ============================================================================
+
+/**
+ * Page with an Image widget configured in imageUrl mode,
+ * displaying an external URL with fixed pixel dimensions.
+ */
+CREATE PAGE MyFirstModule.P_Image_Url
+(
+  Title: 'Image URL',
+  Layout: Atlas_Core.Atlas_Default,
+  Folder: 'CustomWidgets'
+)
+{
+  LAYOUTGRID lgMain {
+    ROW row1 {
+      COLUMN col1 (DesktopWidth: 12) {
+        IMAGE imgBanner (
+          ImageType: imageUrl,
+          ImageUrl: 'https://example.com/banner.png',
+          AlternativeText: 'Company banner',
+          WidthUnit: pixels,
+          Width: 800,
+          HeightUnit: pixels,
+          Height: 200,
+          Responsive: false
+        )
+      }
+    }
+  }
+}
+
+-- MARK: IMAGE with OnClick
+
+-- ============================================================================
+-- Test 7: IMAGE with OnClick — Action binding on click
+-- Result: Pending validation
+-- ============================================================================
+
+/**
+ * Page with an Image widget that navigates to a detail page on click.
+ * Tests the action operation in the pluggable engine.
+ *
+ * @param $Task The task whose image to display
+ */
+CREATE PAGE MyFirstModule.P_Image_OnClick
+(
+  Params: {
+    $Task: MyFirstModule.Task
+  },
+  Title: 'Image with OnClick',
+  Layout: Atlas_Core.Atlas_Default,
+  Folder: 'CustomWidgets'
+)
+{
+  DATAVIEW dvTask (DataSource: $Task) {
+    LAYOUTGRID lgMain {
+      ROW row1 {
+        COLUMN col1 (DesktopWidth: 6) {
+          IMAGE imgTask (
+            AlternativeText: 'Task image',
+            DisplayAs: thumbnail,
+            WidthUnit: pixels,
+            Width: 300
+          )
+        }
+        COLUMN col2 (DesktopWidth: 6) {
+          DYNAMICTEXT dtTitle (Content: '{1}', ContentParams: [{1} = Title], RenderMode: H3)
+          DYNAMICTEXT dtDesc (Content: '{1}', ContentParams: [{1} = Description])
+        }
+      }
+    }
+  }
+}