Add test for blocked pas

Amsterdam · Jan 16, 2025 · dec90e0 · dec90e0
1 parent 3c35207
commit dec90e0
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 3 deletions.
diff --git a/src/client/pages/HLI/HLIStadspas.test.tsx b/src/client/pages/HLI/HLIStadspas.test.tsx
@@ -10,7 +10,7 @@ import { AppRoutes } from '../../../universal/config/routes';
 const createStadspas = stadspasCreator();
 const passNumber = 12345678;
 
-const testState = {
+const activePasState = {
   HLI: {
     status: 'OK',
     content: {
@@ -20,16 +20,32 @@ const testState = {
   },
 } as unknown as AppState;
 
+const pasBlockedState = {
+  HLI: {
+    status: 'OK',
+    content: {
+      regelingen: [],
+      stadspas: [createStadspas('Lou', false, passNumber)],
+    },
+  },
+} as unknown as AppState;
+
 const createHLIStadspasComponent = componentCreator({
   component: HLIStadspas,
   routePath: AppRoutes['HLI/STADSPAS'],
   routeEntry: generatePath(AppRoutes['HLI/STADSPAS'], { passNumber }),
 });
 
 describe('<HLIStadspas />', () => {
-  it('Finds the block button', () => {
-    const HLIStadspas = createHLIStadspasComponent(testState);
+  test('Finds the block button', () => {
+    const HLIStadspas = createHLIStadspasComponent(activePasState);
     const screen = render(<HLIStadspas />);
     expect(screen.getByTestId('block-stadspas-button')).toBeInTheDocument();
   });
+
+  test('Find label communicating that the stadspas is blocked', () => {
+    const HLIStadspas = createHLIStadspasComponent(pasBlockedState);
+    const screen = render(<HLIStadspas />);
+    expect(screen.getByTestId('stadspas-blocked-alert')).toBeInTheDocument();
+  });
 });
diff --git a/src/client/pages/HLI/HLIStadspas.tsx b/src/client/pages/HLI/HLIStadspas.tsx
@@ -347,6 +347,7 @@ function PassBlockedAlert() {
     <Alert
       heading="Deze pas is geblokkeerd, hoe vraag ik een nieuwe aan?"
       severity="warning"
+      data-testid="stadspas-blocked-alert"
     >
       <Paragraph>
         Wilt u uw pas deblokkeren of wilt u een nieuwe pas aanvragen? Bel dan