- add test for empty label select;

- update all select snapshots;
- add empty label select to test page;

core/src/components/select/test/size/index.html

@@ -47,20 +47,29 @@ <h2>Small</h2>
             <ion-select size="small" fill="outline" label="Label" label-placement="stacked" value="filledText">
               <ion-select-option value="filledText">Filled text</ion-select-option>
             </ion-select>
+            <ion-select size="small" fill="outline" label="" label-placement="stacked" value="filledText2">
+              <ion-select-option value="filledText2">Filled text</ion-select-option>
+            </ion-select>
           </div>
 
           <div class="grid-item">
             <h2>Medium</h2>
             <ion-select size="medium" fill="outline" label="Label" label-placement="stacked" value="filledText">
               <ion-select-option value="filledText">Filled text</ion-select-option>
             </ion-select>
+            <ion-select size="medium" fill="outline" label="" label-placement="stacked" value="filledText2">
+              <ion-select-option value="filledText2">Filled text</ion-select-option>
+            </ion-select>
           </div>
 
           <div class="grid-item">
             <h2>Large</h2>
             <ion-select size="large" fill="outline" label="Label" label-placement="stacked" value="filledText">
               <ion-select-option value="filledText">Filled text</ion-select-option>
             </ion-select>
+            <ion-select size="large" fill="outline" label="" label-placement="stacked" value="filledText2">
+              <ion-select-option value="filledText2">Filled text</ion-select-option>
+            </ion-select>
           </div>
         </div>
       </ion-content>

core/src/components/select/test/size/select.e2e.ts

@@ -20,11 +20,21 @@ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ config, screens
           >
             <ion-select-option value="filledText">Filled text</ion-select-option>
           </ion-select>
+      `,
+          config
+        );
 
+        const select = page.locator('ion-select');
+
+        await expect(select).toHaveScreenshot(screenshot(`select-size-${size}`));
+      });
+
+      test(`${size} - should not have visual regressions when label is unset`, async ({ page }) => {
+        await page.setContent(
+          `
           <ion-select 
             size="${size}"
             fill="outline"
-            label=""
             label-placement="stacked"
             value="filledText"
           >
@@ -36,7 +46,7 @@ configs({ modes: ['ionic-md'], directions: ['ltr'] }).forEach(({ config, screens
 
         const select = page.locator('ion-select');
 
-        await expect(select).toHaveScreenshot(screenshot(`select-size-${size}`));
+        await expect(select).toHaveScreenshot(screenshot(`select-size-${size}-unset-label`));
       });
     });
   });