fix(tests): Align mocks and behavior in component tests

Ensure both single task training and task chain training tests use
the same mocks and behavior, fixing inconsistencies that previously
caused test failures.

Author: MarkRedeman

web_ui/tests/features/project-models/mocks.ts

@@ -2866,6 +2866,26 @@ export const trainingConfiguration: TrainingConfigurationDTO = {
             ],
         },
         augmentation: {
+            center_crop: [
+                {
+                    default_value: false,
+                    description: 'Whether to apply center cropping to the image',
+                    key: 'enable',
+                    name: 'Enable center crop',
+                    type: 'bool',
+                    value: true,
+                },
+                {
+                    default_value: 1,
+                    description: 'Ratio of original dimensions to keep when cropping',
+                    key: 'ratio',
+                    max_value: null,
+                    min_value: 0,
+                    name: 'Crop ratio',
+                    type: 'float',
+                    value: 0.6,
+                },
+            ],
             iou_random_crop: [
                 {
                     key: 'enable',
@@ -3129,15 +3149,15 @@ export const trainingConfiguration: TrainingConfigurationDTO = {
                     name: 'Enable tiling',
                     type: 'bool',
                     description: 'Whether to apply tiling to the image',
-                    value: false,
+                    value: true,
                     default_value: false,
                 },
                 {
                     key: 'adaptive_tiling',
                     name: 'Adaptive tiling',
                     type: 'bool',
                     description: 'Whether to use adaptive tiling based on image content',
-                    value: true,
+                    value: false,
                     default_value: true,
                 },
                 {
@@ -3283,6 +3303,16 @@ export const expectedTrainingConfiguration: TrainingConfigurationUpdatePayloadDT
             ],
         },
         augmentation: {
+            center_crop: [
+                {
+                    key: 'enable',
+                    value: false,
+                },
+                {
+                    key: 'ratio',
+                    value: 0.6,
+                },
+            ],
             color_jitter: [
                 {
                     key: 'enable',

web_ui/tests/features/project-models/train-model.spec.ts

@@ -205,6 +205,13 @@ test.describe('Train model', () => {
                 throw new Error('Could not get bounding box for endRange handle');
             }
 
+            await expect(trainModelPage.getBooleanParameter('Enable center crop')).toBeChecked();
+            await expect(trainModelPage.getNumberParameter('Crop ratio')).toBeEnabled();
+
+            await trainModelPage.toggleEnableParameter('Enable center crop');
+            await expect(trainModelPage.getBooleanParameter('Enable center crop')).not.toBeChecked();
+            await expect(trainModelPage.getNumberParameter('Crop ratio')).toBeDisabled();
+
             await expect(trainModelPage.getToggleFilter('Minimum annotation pixels')).toBeChecked();
             await expect(trainModelPage.getNumberParameter('Minimum annotation pixels')).toBeDisabled();
 
@@ -429,6 +436,33 @@ test.describe('Train model', () => {
             await trainModelPage.changeNumberParameter('Tile size', 128);
             await expect(trainModelPage.getNumberParameter('Tile size')).toHaveValue('128');
 
+            await trainModelPage.toggleEnableParameter('Enable color jitter');
+
+            await expect(page.getByRole('slider', { name: 'Minimum Change Brightness' })).toHaveValue('0.875');
+            await expect(page.getByRole('slider', { name: 'Maximum Change Brightness' })).toHaveValue('1.125');
+
+            const brightnessStart = page.getByRole('button', {
+                name: 'Increase Change Brightness range start range value',
+            });
+            await brightnessStart.click();
+
+            const brightnessSlider = page.getByLabel('Change Brightness range value');
+            brightnessSlider.click();
+
+            const endRange = brightnessSlider.getByRole('presentation').nth(2);
+
+            await endRange.click();
+            const box = await endRange.boundingBox();
+
+            if (box) {
+                await page.mouse.move(box.x + box.width / 2, box.y + box.height / 2);
+                await page.mouse.down();
+                await page.mouse.move(box.x + box.width / 2 - 30, box.y + box.height / 2);
+                await page.mouse.up();
+            } else {
+                throw new Error('Could not get bounding box for endRange handle');
+            }
+
             await expect(trainModelPage.getBooleanParameter('Enable center crop')).toBeChecked();
             await expect(trainModelPage.getNumberParameter('Crop ratio')).toBeEnabled();