[VRT] Add reference images for recently added stories

src/components/datagrid/data_grid.stories.tsx

@@ -25,6 +25,8 @@ import type {
 } from './data_grid_types';
 import { EuiDataGrid } from './data_grid';
 
+faker.seed(42);
+
 const dataKeys = [
   'name',
   'email',
@@ -36,6 +38,7 @@ const dataKeys = [
 const raw_data = Array.from({ length: 10 }).map(() => {
   const email = faker.internet.email();
   const name = `${faker.person.lastName()}, ${faker.person.firstName()}`;
+  const date = faker.date.past().toDateString();
   const suffix = faker.person.suffix();
   return {
     name: {
@@ -52,7 +55,7 @@ const raw_data = Array.from({ length: 10 }).map(() => {
         <EuiLink href="https://google.com">{faker.location.country()}</EuiLink>
       </>
     ),
-    date: `${faker.date.past()}`,
+    date: `${date}`,
     account: faker.finance.accountNumber(),
     version: faker.system.semver(),
   };

src/components/portal/portal.stories.tsx

@@ -9,13 +9,20 @@
 import React, { useState } from 'react';
 import type { Meta, StoryObj } from '@storybook/react';
 
+import { LOKI_SELECTORS } from '../../../.storybook/loki';
 import { EuiButton } from '../button';
 import { EuiSpacer } from '../spacer';
 import { EuiPortal, EuiPortalProps } from './portal';
 
 const meta: Meta<EuiPortalProps> = {
   title: 'Utilities/EuiPortal',
   component: EuiPortal,
+  parameters: {
+    loki: {
+      // content rendered in portal
+      chromeSelector: LOKI_SELECTORS.portal,
+    },
+  },
   argTypes: {
     children: { control: 'text' },
   },

src/components/responsive/show_for.stories.tsx

@@ -13,6 +13,13 @@ import { EuiShowFor, EuiShowForProps } from './show_for';
 const meta: Meta<EuiShowForProps> = {
   title: 'Utilities/EuiShowFor',
   component: EuiShowFor,
+  parameters: {
+    loki: {
+      // EuiShowFor may render null resulting in Loki failing
+      // to find an element to snapshot
+      skip: true,
+    },
+  },
 };
 
 export default meta;