fix(core/drawer): start show true (#652)

Co-authored-by: Daniel Leroux <daniel.leroux@siemens.com>

packages/core/src/components/drawer/drawer.tsx

@@ -146,6 +146,10 @@ export class Drawer {
     });
   }
 
+  componentDidLoad() {
+    this.onShowChanged(this.show);
+  }
+
   render() {
     return (
       <Host

packages/core/src/components/drawer/test/drawer.ct.ts

@@ -0,0 +1,62 @@
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/*
+ * SPDX-FileCopyrightText: 2023 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { expect } from '@playwright/test';
+import { test } from '@utils/test';
+
+test('renders', async ({ mount, page }) => {
+  await mount(`<ix-drawer>Content</ix-drawer>`);
+  const drawer = page.locator('ix-drawer');
+  await expect(drawer).toHaveClass(/hydrated/);
+  await expect(drawer).not.toBeVisible();
+});
+
+test('show by property (initial)', async ({ mount, page }) => {
+  await mount(`<ix-drawer show>Content</ix-drawer>`);
+  const drawer = page.locator('ix-drawer');
+  await expect(drawer).toHaveClass(/hydrated/);
+  await expect(drawer).toBeVisible();
+});
+
+test('show by property', async ({ mount, page }) => {
+  await mount(`<ix-drawer show>Content</ix-drawer>`);
+  const drawer = page.locator('ix-drawer');
+
+  await drawer.evaluate(
+    (drawerElement: HTMLIxDrawerElement) => (drawerElement.show = true)
+  );
+
+  await expect(drawer).toHaveClass(/hydrated/);
+  await expect(drawer).toBeVisible();
+});
+
+test('toggle by property', async ({ mount, page }) => {
+  await mount(`<ix-drawer show>Content</ix-drawer>`);
+  const drawer = page.locator('ix-drawer');
+
+  await drawer.evaluate(
+    (drawerElement: HTMLIxDrawerElement) => (drawerElement.show = true)
+  );
+
+  await expect(drawer).toHaveClass(/hydrated/);
+  await expect(drawer).toBeVisible();
+
+  await drawer.evaluate(
+    (drawerElement: HTMLIxDrawerElement) => (drawerElement.show = false)
+  );
+
+  await expect(drawer).not.toBeVisible();
+});