test(Modal): update visual tests

Screenshots updated with a uniform 12px border-radius.

packages/orbit-components/src/Modal/Modal.ct-story.tsx

@@ -13,9 +13,9 @@ import Modal, { ModalSection, ModalHeader, ModalFooter } from ".";
 
 const content = "Lorem ispum dolor sit amet.";
 
-export function ModalVisualDefaultStory({ size = SIZES.NORMAL }) {
+export function ModalVisualDefaultStory({ size = SIZES.NORMAL, isMobileFullPage = false }) {
   return (
-    <Modal onClose={() => {}} size={size}>
+    <Modal onClose={() => {}} size={size} isMobileFullPage={isMobileFullPage}>
       <ModalHeader
         title="Normal header"
         illustration={<Illustration name={NAMES[0]} size="small" />}

packages/orbit-components/src/Modal/Modal.ct.tsx

@@ -7,12 +7,18 @@ import { SIZES } from "./consts";
 test.describe("visual Modal", () => {
   Object.values(SIZES).forEach(size => {
     test(`ModalVisualDefaultStory ${size}`, async ({ mount }) => {
-      const component = await mount(<ModalVisualDefaultStory />);
+      const component = await mount(<ModalVisualDefaultStory size={size} />);
 
       await expect(component).toHaveScreenshot();
     });
   });
 
+  test(`ModalVisualDefaultStory isMobileFullPage`, async ({ mount }) => {
+    const component = await mount(<ModalVisualDefaultStory isMobileFullPage />);
+
+    await expect(component).toHaveScreenshot();
+  });
+
   test("ModalVisualMobileHeader", async ({ mount }) => {
     const component = await mount(<ModalVisualMobileHeader />);