Advisory details fixes (#2873)

* Open bugzilla links and cves in new tabs

* Add render test to AdvisoryDetailsPage

assets/js/pages/AdvisoryDetails/AdvisoryDetails.jsx

@@ -89,6 +89,8 @@ function AdvisoryDetails({
                 <li key={`bug-${id}`}>
                   <a
                     className="text-jungle-green-500 hover:opacity-75"
+                    target="_blank"
+                    rel="noreferrer"
                     href={`https://bugzilla.suse.com/show_bug.cgi?id=${id}`}
                   >
                     {fix}
@@ -110,6 +112,8 @@ function AdvisoryDetails({
                 <li key={cve}>
                   <a
                     className="text-jungle-green-500 hover:opacity-75"
+                    target="_blank"
+                    rel="noreferrer"
                     href={`https://cve.mitre.org/cgi-bin/cvename.cgi?name=${cve}`}
                   >
                     {cve}

assets/js/pages/AdvisoryDetails/AdvisoryDetailsPage.jsx

@@ -23,7 +23,9 @@ function AdvisoryDetailsPage() {
   return (
     <>
       <BackButton url={`/hosts/${hostID}`}>Back</BackButton>
-      {!isLoading ? <AdvisoryDetails errata={advisoryErrata} /> : null}
+      {!isLoading ? (
+        <AdvisoryDetails advisoryName={advisoryID} errata={advisoryErrata} />
+      ) : null}
     </>
   );
 }

assets/js/pages/AdvisoryDetails/AdvisoryDetailsPage.test.jsx

@@ -0,0 +1,44 @@
+import React from 'react';
+import { screen, act } from '@testing-library/react';
+import MockAdapter from 'axios-mock-adapter';
+import { networkClient } from '@lib/network';
+import '@testing-library/jest-dom';
+
+import { faker } from '@faker-js/faker';
+
+import {
+  renderWithRouterMatch,
+  defaultInitialState,
+  withState,
+} from '@lib/test-utils';
+import { advisoryErrataFactory } from '@lib/test-utils/factories';
+
+import AdvisoryDetailsPage from '.';
+
+describe('Advisory Details Page', () => {
+  it('should render correctly', async () => {
+    const axiosMock = new MockAdapter(networkClient);
+
+    const hostID = faker.string.uuid();
+    const advisoryName = faker.string.uuid();
+    const errata = advisoryErrataFactory.build();
+
+    axiosMock
+      .onGet(`/api/v1/software_updates/errata_details/${advisoryName}`)
+      .reply(200, errata);
+
+    const [StatefulPage] = withState(
+      <AdvisoryDetailsPage />,
+      defaultInitialState
+    );
+
+    await act(async () => {
+      renderWithRouterMatch(StatefulPage, {
+        path: 'hosts/:hostID/patches/:advisoryID',
+        route: `/hosts/${hostID}/patches/${advisoryName}`,
+      });
+    });
+
+    expect(screen.getByText(advisoryName)).toBeVisible();
+  });
+});