tech-story: [M3-9098] - Add MSW crud support for firewalls and some IP functionality for Linode Interfaces project

packages/api-v4/src/firewalls/types.ts

@@ -91,8 +91,8 @@ export interface FirewallDevicePayload {
 }
 
 export interface DefaultFirewallIDs {
-  interface_public: number;
-  interface_vpc: number;
+  public_interface: number;
+  vpc_interface: number;
   linode: number;
   nodebalancer: number;
 }

packages/manager/.changeset/pr-11586-tech-stories-1738337978024.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Tech Stories
+---
+
+Add MSW crud operations for firewalls and get operations for IP addresses ([#11586](https://github.com/linode/manager/pull/11586))

packages/manager/src/factories/firewalls.ts

@@ -6,6 +6,7 @@ import type {
   FirewallDeviceEntityType,
   FirewallRuleType,
   FirewallRules,
+  FirewallSettings,
   FirewallTemplate,
   FirewallTemplateRules,
 } from '@linode/api-v4/lib/firewalls/types';
@@ -76,3 +77,14 @@ export const firewallTemplateFactory = Factory.Sync.makeFactory<FirewallTemplate
     slug: 'akamai-non-prod',
   }
 );
+
+export const firewallSettingsFactory = Factory.Sync.makeFactory<FirewallSettings>(
+  {
+    default_firewall_ids: {
+      linode: 1,
+      nodebalancer: 1,
+      public_interface: 1,
+      vpc_interface: 1,
+    },
+  }
+);

packages/manager/src/mocks/indexedDB.ts

@@ -162,11 +162,15 @@ export const mswDB = {
           const deleteEntity = (state: MockState | undefined) => {
             if (state && state[entity]) {
               const index = state[entity].findIndex((item) => {
-                if (!hasId(item)) {
-                  return false;
-                }
+                // Some items may be stored as [number, Entity]
+                const isItemTuple = Array.isArray(item) && item.length >= 2;
 
-                return item.id === id;
+                const itemTupleToFind =
+                  isItemTuple && hasId(item[1]) && item[1].id === id;
+
+                const itemToFind = hasId(item) && item.id === id;
+
+                return itemTupleToFind || itemToFind;
               });
               if (index !== -1) {
                 state[entity].splice(index, 1);
@@ -327,10 +331,15 @@ export const mswDB = {
 
           const findEntity = (state: MockState | undefined) => {
             return state?.[entity]?.find((item) => {
-              if (!hasId(item)) {
-                return false;
-              }
-              return item.id === id;
+              // Some items may be stored as [number, Entity]
+              const isItemTuple = Array.isArray(item) && item.length >= 2;
+
+              const itemTupleToFind =
+                isItemTuple && hasId(item[1]) && item[1].id === id;
+
+              const itemToFind = hasId(item) && item.id === id;
+
+              return itemTupleToFind || itemToFind;
             });
           };
 

packages/manager/src/mocks/mockState.ts

@@ -25,7 +25,9 @@ export const emptyStore: MockState = {
   domainRecords: [],
   domains: [],
   eventQueue: [],
+  firewallDevices: [],
   firewalls: [],
+  ipAddresses: [],
   linodeConfigs: [],
   linodes: [],
   notificationQueue: [],

packages/manager/src/mocks/presets/baseline/crud.ts

@@ -5,6 +5,7 @@ import {
 import { linodeCrudPreset } from 'src/mocks/presets/crud/linodes';
 
 import { domainCrudPreset } from '../crud/domains';
+import { firewallCrudPreset } from '../crud/firewalls';
 import { placementGroupsCrudPreset } from '../crud/placementGroups';
 import { quotasCrudPreset } from '../crud/quotas';
 import { supportTicketCrudPreset } from '../crud/supportTickets';
@@ -21,6 +22,7 @@ export const baselineCrudPreset: MockPresetBaseline = {
     ...supportTicketCrudPreset.handlers,
     ...volumeCrudPreset.handlers,
     ...domainCrudPreset.handlers,
+    ...firewallCrudPreset.handlers,
 
     // Events.
     getEvents,

packages/manager/src/mocks/presets/crud/firewalls.ts

@@ -0,0 +1,32 @@
+import {
+  createFirewall,
+  createFirewallDevice,
+  deleteFirewall,
+  deleteFirewallDevice,
+  getFirewallSettings,
+  getFirewallTemplates,
+  getFirewalls,
+  updateFirewall,
+  updateFirewallRules,
+  updateFirewallSettings,
+} from 'src/mocks/presets/crud/handlers/firewalls';
+
+import type { MockPresetCrud } from 'src/mocks/types';
+
+export const firewallCrudPreset: MockPresetCrud = {
+  group: { id: 'Firewalls' },
+  handlers: [
+    createFirewall,
+    createFirewallDevice,
+    deleteFirewall,
+    deleteFirewallDevice,
+    getFirewalls,
+    getFirewallSettings,
+    getFirewallTemplates,
+    updateFirewall,
+    updateFirewallRules,
+    updateFirewallSettings,
+  ],
+  id: 'firewalls:crud',
+  label: 'Firewall CRUD',
+};