fix: chip alignment (#213)

* fix: chip text is centered

Should not be centered.

* test: visual test for select behavior

Author: cristinecula

src/autocomplete/chip.css.ts

@@ -31,7 +31,6 @@ export default css`
 		white-space: nowrap;
 		flex: auto;
 		min-width: 16px;
-		text-align: center;
 	}
 
 	.clear {

test/e2e/visual.spec.ts

@@ -21,7 +21,9 @@ test('basic render', async ({ page }) => {
 });
 
 test('basic excluding', async ({ page }) => {
-	await page.goto('iframe.html?id=autocomplete-excluding--basic&viewMode=story/');
+	await page.goto(
+		'iframe.html?id=autocomplete-excluding--basic&viewMode=story/',
+	);
 	await expect(page).toHaveScreenshot();
 
 	await page.click('cosmoz-autocomplete-excluding');
@@ -35,4 +37,15 @@ test('basic excluding', async ({ page }) => {
 
 	await page.getByTitle('Red').locator('span').click();
 	await expect(page).toHaveScreenshot();
-});
+});
+
+test('basic select', async ({ page }) => {
+	await page.goto('iframe.html?id=autocomplete--select&viewMode=story/');
+	await expect(page).toHaveScreenshot();
+
+	await page.getByText('Choose color').click();
+	await expect(page).toHaveScreenshot();
+
+	await page.getByRole('option', { name: 'Blue' }).click();
+	await expect(page).toHaveScreenshot();
+});