Merge branch 'MAIN-B-21507_POD-POE_TOO_Validation' into INT-B-21507_P…

…OD-POE_TOO_Validation

src/components/Office/PortTable/PortTable.stories.jsx

@@ -0,0 +1,46 @@
+import React from 'react';
+
+import PortTable from './PortTable';
+
+const poeLocationSet = {
+  poeLocation: {
+    portCode: 'PDX',
+    portName: 'PORTLAND INTL',
+    city: 'PORTLAND',
+    state: 'OREGON',
+    zip: '97220',
+  },
+  podLocation: null,
+};
+
+const podLocationSet = {
+  poeLocation: null,
+  podLocation: {
+    portCode: 'SEA',
+    portName: 'SEATTLE TACOMA INTL',
+    city: 'SEATTLE',
+    state: 'WASHINGTON',
+    zip: '98158',
+  },
+};
+
+export default {
+  title: 'Office Components / PortTable',
+  component: PortTable,
+};
+
+export const standard = () => {
+  return (
+    <div className="officeApp">
+      <PortTable {...poeLocationSet} />
+    </div>
+  );
+};
+
+export const podLocationDisplay = () => {
+  return (
+    <div className="officeApp">
+      <PortTable {...podLocationSet} />
+    </div>
+  );
+};

src/components/Office/PortTable/PortTable.test.jsx

@@ -3,7 +3,7 @@ import { render, screen } from '@testing-library/react';
 
 import PortTable from './PortTable';
 
-const poeLocation = {
+const poeLocationSet = {
   poeLocation: {
     portCode: 'PDX',
     portName: 'PORTLAND INTL',
@@ -14,7 +14,7 @@ const poeLocation = {
   podLocation: null,
 };
 
-const podLocation = {
+const podLocationSet = {
   poeLocation: null,
   podLocation: {
     portCode: 'SEA',
@@ -32,15 +32,15 @@ const nullPortLocation = {
 
 describe('PortTable', () => {
   it('renders POE location if poeLocation is set', async () => {
-    render(<PortTable {...poeLocation} />);
+    render(<PortTable {...poeLocationSet} />);
     expect(screen.getByText(/PDX - PORTLAND INTL/)).toBeInTheDocument();
     expect(screen.getByText(/Portland, Oregon 97220/)).toBeInTheDocument();
     expect(screen.queryByText(/SEA - SEATTLE TACOMA INTL/)).not.toBeInTheDocument();
     expect(screen.queryByText(/Seattle, Washington 98158/)).not.toBeInTheDocument();
   });
 
   it('renders POD location if podLocation is set', async () => {
-    render(<PortTable {...podLocation} />);
+    render(<PortTable {...podLocationSet} />);
     expect(screen.queryByText(/PDX - PORTLAND INTL/)).not.toBeInTheDocument();
     expect(screen.queryByText(/Portland, Oregon 97220/)).not.toBeInTheDocument();
     expect(screen.getByText(/SEA - SEATTLE TACOMA INTL/)).toBeInTheDocument();