diff --git a/packages/components/src/Accordion/Accordion.stories.tsx b/packages/components/src/Accordion/Accordion.stories.tsx
index 038b976b1..1ab5ef600 100644
--- a/packages/components/src/Accordion/Accordion.stories.tsx
+++ b/packages/components/src/Accordion/Accordion.stories.tsx
@@ -12,7 +12,7 @@ export default {
     layout: 'centered'
   },
   render: (args) => (
-    <Accordion {...args}>
+    <Accordion {...args} className='dhj'>
       <AccordionItem key='1' hasChildItems={false} title='Item 1'>
         <P>This is item 1 section</P>
       </AccordionItem>
diff --git a/packages/components/src/Accordion/Accordion.tsx b/packages/components/src/Accordion/Accordion.tsx
index a03dd58f3..637c3ef2b 100644
--- a/packages/components/src/Accordion/Accordion.tsx
+++ b/packages/components/src/Accordion/Accordion.tsx
@@ -18,12 +18,15 @@ type NativeAttrs<T> = Omit<HTMLAttributes<unknown>, (keyof InheritAttrs<T> & Pro
 type AccordionProps<T = any> = Props & InheritAttrs<T> & NativeAttrs<T>;
 
 const Accordion = <T extends Record<string, unknown>>(
-  { size = 'base', ...props }: AccordionProps<T>,
+  { size = 'base', defaultExpandedKeys, disabledKeys, expandedKeys, onExpandedChange, ...props }: AccordionProps<T>,
   ref: Ref<HTMLDivElement>
 ): JSX.Element => {
-  const state = useTreeState(props);
+  const ariaProps = { defaultExpandedKeys, disabledKeys, expandedKeys, onExpandedChange, ...props };
+
+  const state = useTreeState(ariaProps);
+
   const accordionRef = useDOMRef<HTMLDivElement>(ref);
-  const { accordionProps } = useAccordion(props, state, accordionRef);
+  const { accordionProps } = useAccordion(ariaProps, state, accordionRef);
 
   return (
     <div {...mergeProps(props, accordionProps)} ref={accordionRef}>
diff --git a/packages/components/src/Accordion/__tests__/Accordion.test.tsx b/packages/components/src/Accordion/__tests__/Accordion.test.tsx
index 579218545..a0a8fac40 100644
--- a/packages/components/src/Accordion/__tests__/Accordion.test.tsx
+++ b/packages/components/src/Accordion/__tests__/Accordion.test.tsx
@@ -1,6 +1,7 @@
-import { render } from '@testing-library/react';
-import * as React from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
 import { testA11y } from '@interlay/test-utils';
+import { Key, createRef, useState } from 'react';
+import userEvent from '@testing-library/user-event';
 
 import { Accordion, AccordionItem } from '..';
 
@@ -16,7 +17,7 @@ describe('Accordion', () => {
   });
 
   it('ref should be forwarded', () => {
-    const ref = React.createRef<HTMLDivElement>();
+    const ref = createRef<HTMLDivElement>();
 
     render(
       <Accordion ref={ref}>
@@ -33,4 +34,83 @@ describe('Accordion', () => {
       </Accordion>
     );
   });
+
+  it('should have default expanded key', async () => {
+    render(
+      <Accordion defaultExpandedKeys={['1']}>
+        <AccordionItem key='1' hasChildItems={false} title='Item 1'>
+          Content 1
+        </AccordionItem>
+        <AccordionItem key='2' hasChildItems={false} title='Item 2'>
+          Content 2
+        </AccordionItem>
+      </Accordion>
+    );
+
+    expect(screen.getByRole('button', { name: /item 1/i })).toHaveAttribute('aria-expanded', 'true');
+  });
+
+  it('should have disable key', async () => {
+    render(
+      <Accordion disabledKeys={['1']}>
+        <AccordionItem key='1' hasChildItems={false} title='Item 1'>
+          Content 1
+        </AccordionItem>
+        <AccordionItem key='2' hasChildItems={false} title='Item 2'>
+          Content 2
+        </AccordionItem>
+      </Accordion>
+    );
+
+    expect(screen.getByRole('button', { name: /item 1/i })).toBeDisabled();
+  });
+
+  it('should be able to control expanded keys', async () => {
+    const Component = () => {
+      const [state, setState] = useState<Set<Key>>(new Set(['1']));
+
+      return (
+        <Accordion expandedKeys={state} onExpandedChange={setState}>
+          <AccordionItem key='1' hasChildItems={false} title='Item 1'>
+            Content 1
+          </AccordionItem>
+          <AccordionItem key='2' hasChildItems={false} title='Item 2'>
+            Content 2
+          </AccordionItem>
+        </Accordion>
+      );
+    };
+
+    render(<Component />);
+
+    expect(screen.getByRole('button', { name: /item 1/i })).toHaveAttribute('aria-expanded', 'true');
+
+    userEvent.click(screen.getByRole('button', { name: /item 2/i }));
+
+    await waitFor(() => {
+      expect(screen.getByRole('button', { name: /item 2/i })).toHaveAttribute('aria-expanded', 'true');
+    });
+  });
+
+  it('should emit onExpandedChange', async () => {
+    const onExpandedChange = jest.fn();
+
+    render(
+      <Accordion onExpandedChange={onExpandedChange}>
+        <AccordionItem key='1' hasChildItems={false} title='Item 1'>
+          Content 1
+        </AccordionItem>
+        <AccordionItem key='2' hasChildItems={false} title='Item 2'>
+          Content 2
+        </AccordionItem>
+      </Accordion>
+    );
+
+    userEvent.click(screen.getByRole('button', { name: /item 1/i }));
+
+    await waitFor(() => {
+      expect(onExpandedChange).toHaveBeenCalledTimes(1);
+      expect(onExpandedChange).toHaveBeenCalledWith(new Set(['1']));
+    });
+  });
 });
diff --git a/packages/components/src/Dialog/__tests__/Dialog.test.tsx b/packages/components/src/Dialog/__tests__/Dialog.test.tsx
index f71c3ac18..83b3a4b5d 100644
--- a/packages/components/src/Dialog/__tests__/Dialog.test.tsx
+++ b/packages/components/src/Dialog/__tests__/Dialog.test.tsx
@@ -1,6 +1,7 @@
-import { render } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
 import { createRef } from 'react';
 import { testA11y } from '@interlay/test-utils';
+import userEvent from '@testing-library/user-event';
 
 import { Dialog, DialogBody, DialogDivider, DialogFooter, DialogHeader } from '..';
 
@@ -43,4 +44,38 @@ describe('Dialog', () => {
       </Dialog>
     );
   });
+
+  it('should dialog sections', async () => {
+    render(
+      <Dialog>
+        <DialogHeader>title</DialogHeader>
+        <DialogDivider />
+        <DialogBody>body</DialogBody>
+        <DialogFooter>footer</DialogFooter>
+      </Dialog>
+    );
+
+    expect(screen.getByRole('heading', { level: 3, name: /title/i })).toBeInTheDocument();
+    expect(screen.getByText(/body/i)).toBeInTheDocument();
+    expect(screen.getByText(/footer/i)).toBeInTheDocument();
+  });
+
+  it('should emit onClose using close btn', async () => {
+    const handleClose = jest.fn();
+
+    render(
+      <Dialog onClose={handleClose}>
+        <DialogHeader>title</DialogHeader>
+        <DialogDivider />
+        <DialogBody>body</DialogBody>
+        <DialogFooter>footer</DialogFooter>
+      </Dialog>
+    );
+
+    userEvent.click(screen.getByRole('button', { name: /dismiss/i }));
+
+    await waitFor(() => {
+      expect(handleClose).toHaveBeenCalledTimes(1);
+    });
+  });
 });
diff --git a/packages/components/src/Modal/__tests__/Modal.test.tsx b/packages/components/src/Modal/__tests__/Modal.test.tsx
index 0ddb069f4..899425b9b 100644
--- a/packages/components/src/Modal/__tests__/Modal.test.tsx
+++ b/packages/components/src/Modal/__tests__/Modal.test.tsx
@@ -1,6 +1,7 @@
-import { render } from '@testing-library/react';
-import { createRef } from 'react';
+import { render, screen, waitFor, waitForElementToBeRemoved } from '@testing-library/react';
+import { createRef, useState } from 'react';
 import { testA11y } from '@interlay/test-utils';
+import userEvent from '@testing-library/user-event';
 
 import { Modal, ModalBody, ModalDivider, ModalFooter, ModalHeader } from '..';
 
@@ -43,4 +44,106 @@ describe('Modal', () => {
       </Modal>
     );
   });
+
+  it('should control open state', async () => {
+    const Component = () => {
+      const [isOpen, setOpen] = useState(false);
+
+      return (
+        <>
+          <button onClick={() => setOpen(true)}>trigger</button>
+          <Modal isOpen={isOpen} onClose={() => setOpen(false)}>
+            <ModalHeader>title</ModalHeader>
+            <ModalDivider />
+            <ModalBody>body</ModalBody>
+            <ModalFooter>footer</ModalFooter>
+          </Modal>
+        </>
+      );
+    };
+
+    render(<Component />);
+
+    userEvent.click(screen.getByRole('button', { name: /trigger/i }));
+
+    await waitFor(() => {
+      expect(screen.getByRole('dialog', { name: /title/i }));
+    });
+
+    userEvent.click(screen.getByRole('button', { name: /dismiss/i }));
+
+    await waitForElementToBeRemoved(screen.getByRole('dialog', { name: /title/i }));
+  });
+
+  it('should modal sections', async () => {
+    render(
+      <Modal isOpen onClose={jest.fn}>
+        <ModalHeader>title</ModalHeader>
+        <ModalDivider />
+        <ModalBody>body</ModalBody>
+        <ModalFooter>footer</ModalFooter>
+      </Modal>
+    );
+
+    expect(screen.getByRole('heading', { level: 3, name: /title/i })).toBeInTheDocument();
+    expect(screen.getByText(/body/i)).toBeInTheDocument();
+    expect(screen.getByText(/footer/i)).toBeInTheDocument();
+  });
+
+  it('should emit onClose using close btn', async () => {
+    const handleClose = jest.fn();
+
+    render(
+      <Modal isOpen onClose={handleClose}>
+        <ModalHeader>title</ModalHeader>
+        <ModalDivider />
+        <ModalBody>body</ModalBody>
+        <ModalFooter>footer</ModalFooter>
+      </Modal>
+    );
+
+    userEvent.click(screen.getByRole('button', { name: /dismiss/i }));
+
+    await waitFor(() => {
+      expect(handleClose).toHaveBeenCalledTimes(1);
+    });
+  });
+
+  it('should emit onClose using ESC key', async () => {
+    const handleClose = jest.fn();
+
+    render(
+      <Modal isOpen onClose={handleClose}>
+        <ModalHeader>title</ModalHeader>
+        <ModalDivider />
+        <ModalBody>body</ModalBody>
+        <ModalFooter>footer</ModalFooter>
+      </Modal>
+    );
+
+    userEvent.keyboard('{Escape}');
+
+    await waitFor(() => {
+      expect(handleClose).toHaveBeenCalledTimes(1);
+    });
+  });
+
+  it('should emit onClose by clicking modal wrapper', async () => {
+    const handleClose = jest.fn();
+
+    render(
+      <Modal isOpen onClose={handleClose}>
+        <ModalHeader>title</ModalHeader>
+        <ModalDivider />
+        <ModalBody>body</ModalBody>
+        <ModalFooter>footer</ModalFooter>
+      </Modal>
+    );
+
+    userEvent.click(screen.getByRole('dialog', { name: /title/i }).parentElement?.parentElement as any);
+
+    await waitFor(() => {
+      expect(handleClose).toHaveBeenCalledTimes(1);
+    });
+  });
 });
diff --git a/packages/components/src/Overlay/OpenTransition.tsx b/packages/components/src/Overlay/OpenTransition.tsx
index 969e98df2..350d9bd40 100644
--- a/packages/components/src/Overlay/OpenTransition.tsx
+++ b/packages/components/src/Overlay/OpenTransition.tsx
@@ -21,7 +21,8 @@ type OpenTransitionProps = Props & InheritAttrs;
 const OpenTransition = (props: OpenTransitionProps): any => {
   // Do not apply any transition if in chromatic (based on react-spectrum)
   if (process.env.NODE_ENV === 'test') {
-    return Children.map(props.children, (child) => child && cloneElement(child as any, { isOpen: props.in }));
+    // MEMO: removed  { isOpen: props.in } because of error with prop for component that do not recognize it
+    return Children.map(props.children, (child) => child && cloneElement(child as any));
   }
 
   return (
diff --git a/packages/components/src/Overlay/__tests__/Overlay.test.tsx b/packages/components/src/Overlay/__tests__/Overlay.test.tsx
index 1c55f1de3..5d097a074 100644
--- a/packages/components/src/Overlay/__tests__/Overlay.test.tsx
+++ b/packages/components/src/Overlay/__tests__/Overlay.test.tsx
@@ -9,7 +9,7 @@ describe('Overlay', () => {
     const ref = createRef<HTMLDivElement>();
 
     const wrapper = render(
-      <Overlay nodeRef={ref}>
+      <Overlay isOpen nodeRef={ref}>
         <div />
       </Overlay>
     );
diff --git a/packages/components/src/Popover/__tests__/Popover.test.tsx b/packages/components/src/Popover/__tests__/Popover.test.tsx
index de46fec41..a25b62ab3 100644
--- a/packages/components/src/Popover/__tests__/Popover.test.tsx
+++ b/packages/components/src/Popover/__tests__/Popover.test.tsx
@@ -1,8 +1,10 @@
-import { render } from '@testing-library/react';
+import { render, screen, waitFor, waitForElementToBeRemoved } from '@testing-library/react';
 import { createRef } from 'react';
 import { testA11y } from '@interlay/test-utils';
+import userEvent from '@testing-library/user-event';
 
 import { Popover, PopoverBody, PopoverContent, PopoverFooter, PopoverHeader, PopoverTrigger } from '..';
+import { CTA } from '../../CTA';
 
 describe('Popover', () => {
   it('should render correctly', () => {
@@ -55,4 +57,118 @@ describe('Popover', () => {
       </Popover>
     );
   });
+
+  it('should able to open by using trigger', async () => {
+    render(
+      <Popover>
+        <PopoverTrigger>
+          <CTA>trigger</CTA>
+        </PopoverTrigger>
+        <PopoverContent>
+          <PopoverHeader>header</PopoverHeader>
+          <PopoverBody>body</PopoverBody>
+          <PopoverFooter>footer</PopoverFooter>
+        </PopoverContent>
+      </Popover>
+    );
+
+    userEvent.click(screen.getByRole('button', { name: /trigger/i }));
+
+    await waitFor(() => {
+      expect(screen.getByRole('dialog', { name: /header/i }));
+    });
+  });
+
+  it('should able to close popover by using ESC', async () => {
+    render(
+      <Popover>
+        <PopoverTrigger>
+          <CTA>trigger</CTA>
+        </PopoverTrigger>
+        <PopoverContent>
+          <PopoverHeader>header</PopoverHeader>
+          <PopoverBody>body</PopoverBody>
+          <PopoverFooter>footer</PopoverFooter>
+        </PopoverContent>
+      </Popover>
+    );
+
+    userEvent.click(screen.getByRole('button', { name: /trigger/i }));
+
+    await waitFor(() => {
+      expect(screen.getByRole('dialog', { name: /header/i }));
+    });
+
+    userEvent.keyboard('{Escape}');
+
+    await waitForElementToBeRemoved(screen.getByRole('dialog', { name: /header/i }));
+  });
+
+  it('should able to close popover by clicking outside of the component', async () => {
+    render(
+      <Popover>
+        <PopoverTrigger>
+          <CTA>trigger</CTA>
+        </PopoverTrigger>
+        <PopoverContent>
+          <PopoverHeader>header</PopoverHeader>
+          <PopoverBody>body</PopoverBody>
+          <PopoverFooter>footer</PopoverFooter>
+        </PopoverContent>
+      </Popover>
+    );
+
+    userEvent.click(screen.getByRole('button', { name: /trigger/i }));
+
+    await waitFor(() => {
+      expect(screen.getByRole('dialog', { name: /header/i }));
+    });
+
+    userEvent.click(document.body);
+
+    await waitForElementToBeRemoved(screen.getByRole('dialog', { name: /header/i }));
+  });
+
+  it('should emit onOpenChange', async () => {
+    const handleOpenChange = jest.fn();
+
+    render(
+      <Popover onOpenChange={handleOpenChange}>
+        <PopoverTrigger>
+          <CTA>trigger</CTA>
+        </PopoverTrigger>
+        <PopoverContent>
+          <PopoverHeader>header</PopoverHeader>
+          <PopoverBody>body</PopoverBody>
+          <PopoverFooter>footer</PopoverFooter>
+        </PopoverContent>
+      </Popover>
+    );
+
+    userEvent.click(screen.getByRole('button', { name: /trigger/i }));
+
+    await waitFor(() => {
+      expect(screen.getByRole('dialog', { name: /header/i }));
+    });
+
+    expect(handleOpenChange).toHaveBeenCalledTimes(1);
+    expect(handleOpenChange).toHaveBeenCalledWith(true);
+  });
+
+  it('should be default open', async () => {
+    render(
+      <Popover defaultOpen>
+        <PopoverTrigger>
+          <CTA>trigger</CTA>
+        </PopoverTrigger>
+        <PopoverContent>
+          <PopoverHeader>header</PopoverHeader>
+          <PopoverBody>body</PopoverBody>
+          <PopoverFooter>footer</PopoverFooter>
+        </PopoverContent>
+      </Popover>
+    );
+
+    expect(screen.getByRole('dialog', { name: /header/i }));
+  });
 });
diff --git a/packages/components/src/Switch/Switch.tsx b/packages/components/src/Switch/Switch.tsx
index ee61e5b5c..8e1d6ef0d 100644
--- a/packages/components/src/Switch/Switch.tsx
+++ b/packages/components/src/Switch/Switch.tsx
@@ -4,7 +4,7 @@ import { AriaSwitchProps, useSwitch } from '@react-aria/switch';
 import { mergeProps } from '@react-aria/utils';
 import { useToggleState } from '@react-stately/toggle';
 import { PressEvent } from '@react-types/shared';
-import { ChangeEvent, forwardRef, HTMLAttributes, useRef } from 'react';
+import { ChangeEvent, ChangeEventHandler, forwardRef, HTMLAttributes, useRef } from 'react';
 import { Placement } from '@interlay/theme';
 import { useDOMRef } from '@interlay/hooks';
 
@@ -14,6 +14,7 @@ import { StyledInput, StyledLabel, StyledSwitch, StyledWrapper } from './Switch.
 
 type Props = {
   onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+  onValueChange?: (isSelected: boolean) => void;
   onPress?: (e: PressEvent) => void;
   labelProps?: TextProps;
   labelPlacement?: Extract<Placement, 'left' | 'right'>;
@@ -26,11 +27,26 @@ type InheritAttrs = Omit<AriaSwitchProps, keyof Props>;
 type SwitchProps = Props & NativeAttrs & InheritAttrs;
 
 const Switch = forwardRef<HTMLLabelElement, SwitchProps>(
-  ({ children, onChange, className, style, hidden, labelProps, labelPlacement, ...props }, ref): JSX.Element => {
+  (
+    {
+      children,
+      onChange,
+      onValueChange,
+      className,
+      style,
+      hidden,
+      labelProps,
+      labelPlacement,
+      isSelected,
+      isReadOnly,
+      ...props
+    },
+    ref
+  ): JSX.Element => {
     const labelRef = useDOMRef(ref);
     const inputRef = useRef<HTMLInputElement>(null);
 
-    const ariaProps: AriaSwitchProps = { children, ...props };
+    const ariaProps: AriaSwitchProps = { children, isSelected, isReadOnly, ...props };
 
     const state = useToggleState(ariaProps);
     const { inputProps } = useSwitch(ariaProps, state, inputRef);
@@ -41,6 +57,13 @@ const Switch = forwardRef<HTMLLabelElement, SwitchProps>(
 
     const { pressProps } = usePress(props);
 
+    const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {
+      const isSelected = e.target.checked;
+
+      onChange?.(e);
+      onValueChange?.(isSelected);
+    };
+
     return (
       <StyledWrapper
         ref={labelRef}
@@ -49,7 +72,7 @@ const Switch = forwardRef<HTMLLabelElement, SwitchProps>(
         hidden={hidden}
         style={style}
       >
-        <StyledInput {...mergeProps(inputProps, focusProps, pressProps, { onChange })} ref={inputRef} />
+        <StyledInput {...mergeProps(inputProps, focusProps, pressProps, { onChange: handleChange })} ref={inputRef} />
         <StyledSwitch $isChecked={inputProps.checked} $isFocusVisible={isFocusVisible} />
         {children && <StyledLabel {...labelProps}>{children}</StyledLabel>}
       </StyledWrapper>
diff --git a/packages/components/src/Switch/__tests__/Switch.test.tsx b/packages/components/src/Switch/__tests__/Switch.test.tsx
index cf60bc161..9db22d991 100644
--- a/packages/components/src/Switch/__tests__/Switch.test.tsx
+++ b/packages/components/src/Switch/__tests__/Switch.test.tsx
@@ -1,6 +1,7 @@
-import { render } from '@testing-library/react';
-import { createRef } from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import { createRef, useState } from 'react';
 import { testA11y } from '@interlay/test-utils';
+import userEvent from '@testing-library/user-event';
 
 import { Switch } from '..';
 
@@ -22,4 +23,57 @@ describe('Switch', () => {
   it('should pass a11y', async () => {
     await testA11y(<Switch>switch</Switch>);
   });
+
+  it('should emit onChange and onValueChange', async () => {
+    const handleChange = jest.fn();
+    const handleValueChange = jest.fn();
+
+    render(
+      <Switch onChange={handleChange} onValueChange={handleValueChange}>
+        switch
+      </Switch>
+    );
+
+    userEvent.click(screen.getByRole('switch', { name: /switch/i }));
+
+    await waitFor(() => {
+      expect(handleChange).toHaveBeenCalledTimes(1);
+      expect(handleValueChange).toHaveBeenCalledTimes(1);
+      expect(handleValueChange).toHaveBeenCalledWith(true);
+    });
+  });
+
+  it('should control value', async () => {
+    const Component = () => {
+      const [state, setState] = useState(false);
+
+      return (
+        <Switch isSelected={state} onValueChange={(isSelected) => setState(isSelected)}>
+          switch
+        </Switch>
+      );
+    };
+
+    render(<Component />);
+
+    expect(screen.getByRole('switch', { name: /switch/i })).not.toBeChecked();
+
+    userEvent.click(screen.getByRole('switch', { name: /switch/i }));
+
+    await waitFor(() => {
+      expect(screen.getByRole('switch', { name: /switch/i })).toBeChecked();
+    });
+  });
+
+  it('should be disabled', async () => {
+    render(<Switch isDisabled>switch</Switch>);
+
+    expect(screen.getByRole('switch', { name: /switch/i })).toBeDisabled();
+  });
+
+  it('should be read only', async () => {
+    render(<Switch isReadOnly>switch</Switch>);
+
+    expect(screen.getByRole('switch', { name: /switch/i })).toHaveAttribute('aria-readonly', 'true');
+  });
 });
diff --git a/packages/components/src/Tabs/__tests__/Tabs.test.tsx b/packages/components/src/Tabs/__tests__/Tabs.test.tsx
index c322949ae..e8455d604 100644
--- a/packages/components/src/Tabs/__tests__/Tabs.test.tsx
+++ b/packages/components/src/Tabs/__tests__/Tabs.test.tsx
@@ -1,6 +1,7 @@
-import { render } from '@testing-library/react';
-import { createRef } from 'react';
+import { render, screen, waitFor } from '@testing-library/react';
+import { Key, createRef, useState } from 'react';
 import { testA11y } from '@interlay/test-utils';
+import userEvent from '@testing-library/user-event';
 
 import { Tabs, TabsItem } from '..';
 
@@ -40,4 +41,62 @@ describe('Tabs', () => {
       </Tabs>
     );
   });
+
+  it('should display default selected key', async () => {
+    render(
+      <Tabs defaultSelectedKey='2'>
+        <TabsItem key='1' title='Title 1'>
+          item 1
+        </TabsItem>
+        <TabsItem key='2' title='Title 2'>
+          item 2
+        </TabsItem>
+      </Tabs>
+    );
+
+    expect(screen.getByRole('tab', { name: /title 2/i })).toHaveAttribute('aria-selected', 'true');
+    expect(screen.getByRole('tabpanel')).toHaveTextContent(/item 2$/i);
+  });
+
+  it('should be able to control open tab', async () => {
+    const Component = () => {
+      const [state, setState] = useState<Key>('2');
+
+      return (
+        <Tabs selectedKey={state} onSelectionChange={setState}>
+          <TabsItem key='1' title='Title 1'>
+            item 1
+          </TabsItem>
+          <TabsItem key='2' title='Title 2'>
+            item 2
+          </TabsItem>
+        </Tabs>
+      );
+    };
+
+    render(<Component />);
+
+    expect(screen.getByRole('tab', { name: /title 2/i })).toHaveAttribute('aria-selected', 'true');
+
+    userEvent.click(screen.getByRole('tab', { name: /title 1/i }));
+
+    await waitFor(() => {
+      expect(screen.getByRole('tab', { name: /title 1/i })).toHaveAttribute('aria-selected', 'true');
+    });
+  });
+
+  it('should disabled tab', async () => {
+    render(
+      <Tabs disabledKeys={['1']}>
+        <TabsItem key='1' title='Title 1'>
+          item 1
+        </TabsItem>
+        <TabsItem key='2' title='Title 2'>
+          item 2
+        </TabsItem>
+      </Tabs>
+    );
+
+    expect(screen.getByRole('tab', { name: /title 1/i })).toHaveAttribute('aria-disabled', 'true');
+  });
 });
diff --git a/packages/components/src/Tooltip/__tests__/Tooltip.test.tsx b/packages/components/src/Tooltip/__tests__/Tooltip.test.tsx
index ad660d9af..a723e330a 100644
--- a/packages/components/src/Tooltip/__tests__/Tooltip.test.tsx
+++ b/packages/components/src/Tooltip/__tests__/Tooltip.test.tsx
@@ -1,14 +1,13 @@
+import { testA11y } from '@interlay/test-utils';
 import { render } from '@testing-library/react';
 import { createRef } from 'react';
-import { testA11y } from '@interlay/test-utils';
 
 import { Tooltip } from '..';
 
-// FIXME: isOpen prop throwing error
-describe.skip('Tooltip', () => {
+describe('Tooltip', () => {
   it('should render correctly', () => {
     const wrapper = render(
-      <Tooltip isOpen label='tooltip'>
+      <Tooltip isOpen label='tooltip content'>
         trigger
       </Tooltip>
     );
@@ -20,7 +19,7 @@ describe.skip('Tooltip', () => {
     const ref = createRef<HTMLDivElement>();
 
     render(
-      <Tooltip ref={ref} isOpen label='tooltip'>
+      <Tooltip ref={ref} isOpen label='tooltip content'>
         trigger
       </Tooltip>
     );
@@ -30,7 +29,7 @@ describe.skip('Tooltip', () => {
 
   it('should pass a11y', async () => {
     await testA11y(
-      <Tooltip isOpen label='tooltip'>
+      <Tooltip isOpen label='tooltip content'>
         trigger
       </Tooltip>
     );