@spinnaker/core 2025.0.6 → 2025.1.0

package/src/utils/testUtils/index.tsx

@@ -0,0 +1,30 @@
+import { pushStateLocationPlugin, UIRouter } from '@uirouter/react';
+import { mount } from 'enzyme';
+import * as React from 'react';
+import { act } from 'react-dom/test-utils';
+
+// ----------------------------------------------------------------------------------
+// Test Utilities
+// ----------------------------------------------------------------------------------
+
+/**
+ * Resolve pending tasks scheduled by the component.
+ */
+const flush = () => new Promise((r) => setTimeout(r, 0));
+
+/**
+ * Create a minimal UIRouter environment so components can render RouteLinks, etc.
+ */
+export const wrapWithRouter = (node: React.ReactElement) => (
+  <UIRouter plugins={[pushStateLocationPlugin]}>{node}</UIRouter>
+);
+
+/** Helper to DRY mounting + async flush + update. */
+export async function mountAndFlush(element: React.ReactElement) {
+  const wrapper = mount(wrapWithRouter(element));
+  await act(async () => {
+    await flush();
+  });
+  wrapper.update();
+  return wrapper;
+}

package/dist/projects/projects.controller.d.ts

@@ -1,2 +0,0 @@
-export const CORE_PROJECTS_PROJECTS_CONTROLLER: "spinnaker.projects.controller";
-export const name: "spinnaker.projects.controller";

package/src/projects/projects.controller.js

@@ -1,112 +0,0 @@
-import UIROUTER_ANGULARJS from '@uirouter/angularjs';
-import { module } from 'angular';
-import { react2angular } from 'react2angular';
-
-import { ViewStateCache } from '../cache';
-import { ConfigureProjectModal } from './configure';
-import { InsightMenu as ProjectInsightMenu } from '../insight/InsightMenu';
-import { INSIGHT_MENU_DIRECTIVE } from '../insight/insightmenu.directive';
-import { withErrorBoundary } from '../presentation/SpinErrorBoundary';
-import { ANY_FIELD_FILTER } from '../presentation/anyFieldFilter/anyField.filter';
-import { CORE_PRESENTATION_SORTTOGGLE_SORTTOGGLE_DIRECTIVE } from '../presentation/sortToggle/sorttoggle.directive';
-import { ProjectReader } from './service/ProjectReader';
-
-('use strict');
-
-export const CORE_PROJECTS_PROJECTS_CONTROLLER = 'spinnaker.projects.controller';
-export const name = CORE_PROJECTS_PROJECTS_CONTROLLER; // for backwards compatibility
-module(CORE_PROJECTS_PROJECTS_CONTROLLER, [
-  UIROUTER_ANGULARJS,
-  ANY_FIELD_FILTER,
-  CORE_PRESENTATION_SORTTOGGLE_SORTTOGGLE_DIRECTIVE,
-  INSIGHT_MENU_DIRECTIVE,
-])
-  .component(
-    'projectInsightMenu',
-    react2angular(withErrorBoundary(ProjectInsightMenu, 'projectInsightMenu'), [
-      'createApp',
-      'createProject',
-      'refreshCaches',
-    ]),
-  )
-  .controller('ProjectsCtrl', [
-    '$scope',
-    '$uibModal',
-    '$log',
-    '$filter',
-    function ($scope, $uibModal, $log, $filter) {
-      const projectsViewStateCache =
-        ViewStateCache.get('projects') || ViewStateCache.createCache('projects', { version: 1 });
-
-      function cacheViewState() {
-        projectsViewStateCache.put('#global', $scope.viewState);
-      }
-
-      function initializeViewState() {
-        $scope.viewState = projectsViewStateCache.get('#global') || {
-          sortModel: { key: 'name' },
-          projectFilter: '',
-        };
-      }
-
-      $scope.projectsLoaded = false;
-
-      $scope.projectFilter = '';
-
-      $scope.menuActions = [
-        {
-          displayName: 'Create Project',
-          action: function () {
-            ConfigureProjectModal.show().catch(() => {});
-          },
-        },
-      ];
-
-      this.filterProjects = function filterProjects() {
-        const filtered = $filter('anyFieldFilter')($scope.projects, {
-          name: $scope.viewState.projectFilter,
-          email: $scope.viewState.projectFilter,
-        });
-        const sorted = $filter('orderBy')(filtered, $scope.viewState.sortModel.key);
-        $scope.filteredProjects = sorted;
-        this.resetPaginator();
-      };
-
-      this.resultPage = function resultPage() {
-        const pagination = $scope.pagination;
-        const allFiltered = $scope.filteredProjects;
-        const start = (pagination.currentPage - 1) * pagination.itemsPerPage;
-        const end = pagination.currentPage * pagination.itemsPerPage;
-        if (!allFiltered || !allFiltered.length) {
-          return [];
-        }
-        if (allFiltered.length < pagination.itemsPerPage) {
-          return allFiltered;
-        }
-        if (allFiltered.length < end) {
-          return allFiltered.slice(start);
-        }
-        return allFiltered.slice(start, end);
-      };
-
-      this.resetPaginator = function resetPaginator() {
-        $scope.pagination = {
-          currentPage: 1,
-          itemsPerPage: 12,
-          maxSize: 12,
-        };
-      };
-
-      const ctrl = this;
-
-      ProjectReader.listProjects().then(function (projects) {
-        $scope.projects = projects;
-        ctrl.filterProjects();
-        $scope.projectsLoaded = true;
-      });
-
-      $scope.$watch('viewState', cacheViewState, true);
-
-      initializeViewState();
-    },
-  ]);

package/src/projects/projects.controller.spec.js

@@ -1,86 +0,0 @@
-'use strict';
-
-import { ProjectReader } from './service/ProjectReader';
-
-describe('Controller: Projects', function () {
-  beforeEach(window.module(require('./projects.controller').name, require('angular-ui-bootstrap')));
-
-  describe('filtering', function () {
-    var deck = { name: 'deck', email: 'a@netflix.com', createTs: new Date(2) },
-      oort = { name: 'oort', email: 'b@netflix.com', createTs: new Date(3) },
-      mort = { name: 'mort', email: 'c@netflix.com', createTs: new Date(1) },
-      projectList = [deck, oort, mort];
-
-    // Initialize the controller and a mock scope
-    beforeEach(
-      window.inject(function ($controller, $rootScope, $window, $q, $uibModal, $log, $filter, $state, $timeout) {
-        this.$scope = $rootScope.$new();
-        this.$q = $q;
-
-        spyOn(ProjectReader, 'listProjects').and.callFake(function () {
-          return $q.when(projectList);
-        });
-
-        this.ctrl = $controller('ProjectsCtrl', {
-          $scope: this.$scope,
-          $uibModal: $uibModal,
-          $log: $log,
-          $filter: $filter,
-          $state: $state,
-          $timeout: $timeout,
-        });
-
-        this.$scope.viewState.projectFilter = '';
-        this.$scope.viewState.sortModel.key = 'name';
-      }),
-    );
-
-    it('sets projectsLoaded flag when projects retrieved and added to scope', function () {
-      var $scope = this.$scope;
-
-      expect($scope.projectsLoaded).toBe(false);
-      expect($scope.projects).toBeUndefined();
-
-      $scope.$digest();
-
-      expect($scope.projectsLoaded).toBe(true);
-      expect($scope.projects).toBe(projectList);
-      expect($scope.filteredProjects).toEqual([deck, mort, oort]);
-    });
-
-    it('filters projects by name or email', function () {
-      var $scope = this.$scope,
-        ctrl = this.ctrl;
-
-      $scope.viewState.projectFilter = 'a@netflix.com';
-      $scope.$digest();
-      expect($scope.projects).toBe(projectList);
-      expect($scope.filteredProjects).toEqual([deck]);
-
-      $scope.viewState.projectFilter = 'ort';
-      ctrl.filterProjects();
-      expect($scope.filteredProjects).toEqual([mort, oort]);
-    });
-
-    it('sorts and filters projects', function () {
-      var $scope = this.$scope,
-        ctrl = this.ctrl;
-
-      $scope.viewState.sortModel.key = '-name';
-      $scope.$digest();
-      expect($scope.filteredProjects).toEqual([oort, mort, deck]);
-
-      $scope.viewState.sortModel.key = '-createTs';
-      ctrl.filterProjects();
-      expect($scope.filteredProjects).toEqual([oort, deck, mort]);
-
-      $scope.viewState.sortModel.key = 'createTs';
-      ctrl.filterProjects();
-      expect($scope.filteredProjects).toEqual([mort, deck, oort]);
-
-      $scope.viewState.projectFilter = 'ort';
-      ctrl.filterProjects();
-      expect($scope.filteredProjects).toEqual([mort, oort]);
-    });
-  });
-});

package/src/projects/projects.html

@@ -1,87 +0,0 @@
-<div class="infrastructure">
-  <div class="infrastructure-section search-header">
-    <div class="container">
-      <h2 class="header-section">
-        <span class="search-label">Projects</span>
-        <input
-          type="search"
-          placeholder="Search projects"
-          class="form-control input-md"
-          focus
-          ng-model="viewState.projectFilter"
-          ng-change="ctrl.filterProjects()"
-        />
-      </h2>
-      <div class="header-actions">
-        <project-insight-menu create-app="false" create-project="true" refresh-caches="false" />
-      </div>
-    </div>
-  </div>
-  <div class="container">
-    <div ng-if="!projectsLoaded" class="horizontal center middle" style="margin-bottom: 250px; height: 100px">
-      <loading-spinner size="'small'"></loading-spinner>
-    </div>
-    <table ng-if="projectsLoaded" class="table table-hover">
-      <thead>
-        <tr>
-          <th
-            width="20%"
-            sort-toggle
-            key="name"
-            label="Name"
-            sort-model="viewState.sortModel"
-            on-change="ctrl.filterProjects()"
-          ></th>
-          <th
-            width="20%"
-            sort-toggle
-            key="createTs"
-            label="Created"
-            sort-model="viewState.sortModel"
-            on-change="ctrl.filterProjects()"
-          ></th>
-          <th
-            width="20%"
-            sort-toggle
-            key="updateTs"
-            label="Updated"
-            sort-model="viewState.sortModel"
-            on-change="ctrl.filterProjects()"
-          ></th>
-          <th
-            width="25%"
-            sort-toggle
-            key="email"
-            label="Owner"
-            sort-model="viewState.sortModel"
-            on-change="ctrl.filterProjects()"
-          ></th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr
-          class="clickable"
-          ng-repeat="project in ctrl.resultPage()"
-          ui-sref="home.project.dashboard({project: project.name.toLowerCase()})"
-        >
-          <td>
-            <a href ui-sref="home.project.dashboard({project: project.name.toLowerCase()})">
-              {{ project.name.toLowerCase() }}
-            </a>
-          </td>
-          <td>{{ project.createTs | timestamp }}</td>
-          <td>{{ project.updateTs | timestamp }}</td>
-          <td>{{ project.email }}</td>
-        </tr>
-      </tbody>
-    </table>
-    <ul
-      uib-pagination
-      ng-if="projectsLoaded"
-      items-per-page="pagination.itemsPerPage"
-      total-items="filteredProjects.length"
-      max-size="pagination.maxSize"
-      ng-model="pagination.currentPage"
-    ></ul>
-  </div>
-</div>