Added readme content for installation instruction, Supplyment unit test cases, Fix a unitest bug

Author: xingzhang-suse

README.md

@@ -1 +1,27 @@
-# security-ui-exts
+# security-ui-exts
+
+### Development environment setup
+#### Environment requirement
+
+##### VM server
+- Linux
+- kubernetes
+- Rancher manager 2.9 ~ 2.12
+##### Local computer
+- node.js v20 and up
+- npm 10 and up
+
+#### Backend installation
+
+##### Rancher manager
+- [Installing/Upgrading Rancher](https://ranchermanager.docs.rancher.com/getting-started/installation-and-upgrade)
+
+##### SBOMBastic
+- [Quickstart](docs/installation/quickstart.md)
+- [Uninstall](docs/installation/uninstall.md)
+
+#### Frontend development environment setup
+
+- Pull the code to your local computer
+- Run `yarn` to install dependency packages
+- Run `API=<Rancher UI's URL> yarn dev` to start the Rancher manager UI with security-ui-ext

pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/RegistriesConfiguration.vue

@@ -235,7 +235,7 @@
         this.selectedRows = selected || [];
       },
       async promptRemoveRegistry() {
-        const table = this.$refs.registryTable.$refs.table.$refs.table;
+        const table = this.$refs.registryTable;
         const act = findBy(table.availableActions, 'action', 'promptRemove');
         if ( act ) {
           table.setBulkActionOfInterest(act);

pkg/sbombastic-image-vulnerability-scanner/pages/c/_cluster/sbombastic-image-vulnerability-scanner/__tests__/RegistriesConfiguration.spec.ts

@@ -88,4 +88,71 @@ describe('registries.vue', () => {
     expect(rows[0].metadata.name).toBe('reg1');
   });
 
+  it('summarizes registry scan data correctly', () => {
+    const wrapper = factory();
+    const registriesCRD = [
+      {
+        metadata: { name: 'reg1', namespace: 'ns1', creationTimestamp: '2023-01-01T00:00:00Z' },
+        spec: { uri: 'http://test.uri' },
+        scanRec: { currStatus: 'complete', previousStatus: 'pending', lastTransitionTime: '2023-01-02T00:00:00Z' }
+      }
+    ];
+
+    const { registryStatusList, statusSummary } = wrapper.vm.getSummaryData(registriesCRD);
+
+    expect(registryStatusList[0].registryName).toBe('reg1');
+    expect(statusSummary.complete).toBe(1);
+  });
+  it('updates filter status when filterByStatus is called', () => {
+    const wrapper = factory();
+    wrapper.vm.filterByStatus('pending');
+    expect(wrapper.vm.filters.statusSearch).toBe('pending');
+  });
+  it('filters rows correctly by registry, namespace, uri, repository, and status', () => {
+    const wrapper = factory();
+    (wrapper.vm.rows as any[]) = [{
+      metadata: { name: 'reg1', namespace: 'ns1' },
+      spec: { uri: 'http://my-uri', repositories: ['repo1'] },
+      scanRec: { currStatus: 'complete' }
+    }];
+
+    wrapper.vm.filters = {
+      registrySearch: 'reg1',
+      namespaceSearch: 'ns1',
+      uriSearch: 'uri',
+      repositorySearch: 'repo1',
+      statusSearch: 'complete'
+    };
+
+    const filtered = wrapper.vm.filteredRows;
+    expect(filtered).toHaveLength(1);
+    expect(filtered[0].metadata.name).toBe('reg1');
+  });
+  it('formats latest update time correctly', () => {
+    const wrapper = factory();
+    wrapper.vm.latestUpdateTime = new Date('2023-01-01T12:34:56Z');
+    expect(wrapper.vm.latestUpdateDateText).toContain('2023'); // year included
+    expect(wrapper.vm.latestUpdateTimeText).toMatch(/\d/);     // time string
+  });
+  it('fetchSecondaryResources returns scan jobs', async () => {
+    storeMock.dispatch.mockResolvedValueOnce([{ id: 'scanJob1' }]);
+    const wrapper = factory();
+    const result = await wrapper.vm.fetchSecondaryResources({ canPaginate: false });
+    expect(result).toEqual([{ id: 'scanJob1' }]);
+  });
+
+  it('fetchPageSecondaryResources fetches scan jobs with pagination', async () => {
+    const scanJob = { id: 'scanJob1' };
+    storeMock.dispatch.mockResolvedValueOnce([scanJob]);
+
+    const wrapper = factory();
+    const result = await wrapper.vm.fetchPageSecondaryResources({
+      canPaginate: true,
+      force: true,
+      page: [{ metadata: { namespace: 'ns1', name: 'job1' } }]
+    });
+
+    expect(storeMock.dispatch).toHaveBeenCalledWith('cluster/findPage', expect.any(Object));
+    expect(result).toEqual([scanJob]);
+  });
 });