Merge branch 'develop' into feat/DEVSU-2556-key-alterations-table-redesign

Author: bnguyen-bcgsc

app/views/ReportView/components/AnalystComments/__tests__/AnalystComments.test.tsx

@@ -1,4 +1,6 @@
 import React from 'react';
+import { readFileSync } from 'fs';
+import path from 'path';
 import { render, screen, waitFor } from '@testing-library/react';
 import { QueryClient, QueryClientProvider } from 'react-query';
 import { when, resetAllWhenMocks } from 'jest-when';
@@ -103,6 +105,12 @@ describe('AnalystComments', () => {
     expect(testElem).toHaveAttribute('style', 'color:red');
   });
 
+  test('avoids breaking list items inside in print', () => {
+    const styles = readFileSync(path.resolve(__dirname, '../index.scss'), 'utf8');
+
+    expect(styles).toMatch(/\.analyst-comments__body\s*\{[\s\S]*?li\s*\{\s*break-inside:\s*avoid;\s*\}/);
+  });
+
   const renderWithFailingComments = (isPrint: boolean) => {
     when(api.get as (endpoint: string) => Partial<ApiCall>)
       .calledWith(`/reports/${mockReport.ident}/summary/analyst-comments`)

app/views/ReportView/components/AnalystComments/index.scss

@@ -32,6 +32,10 @@
     .analyst-comments__body {
       max-width: unset;
       margin: 0;
+
+      li {
+          break-inside: avoid;
+      }
     }
 
     .analyst-comments__user-text {

package-lock.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "ipr-client",
-  "version": "7.5.5",
+  "version": "7.6.1",
   "keywords": [],
   "license": "GPL-3.0",
   "sideEffects": false,