cozy-viewer 2.6.1 → 2.7.0

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.7.0](https://github.com/cozy/cozy-libs/compare/cozy-viewer@2.6.2...cozy-viewer@2.7.0) (2024-11-18)
+
+
+### Features
+
+* **Viewer:** Add filter condition to display konnectorBlock ([bb59023](https://github.com/cozy/cozy-libs/commit/bb59023be43e8ad5c6ca22141ece56529f77f5af))
+
+
+
+
+
+## [2.6.2](https://github.com/cozy/cozy-libs/compare/cozy-viewer@2.6.1...cozy-viewer@2.6.2) (2024-11-07)
+
+
+### Reverts
+
+* "test: Remove useless test in Viewer" ([b1f1969](https://github.com/cozy/cozy-libs/commit/b1f1969a9daa04179c1c4b782b0629bcc77aa61e))
+
+
+
+
+
 ## 2.6.1 (2024-11-06)
 
 

package/dist/Panel/getPanelBlocks.js

@@ -44,7 +44,12 @@ var getPanelBlocksSpecs = function getPanelBlocksSpecs() {
     },
     konnector: {
       condition: function condition(file) {
-        return isFromKonnector(file) && !isPublic;
+        var _file$cozyMetadata, _file$cozyMetadata$up;
+
+        return isFromKonnector(file) && !isPublic && // When doc has been edited from mespapiers, we don't want to display the konnector block
+        !((_file$cozyMetadata = file.cozyMetadata) !== null && _file$cozyMetadata !== void 0 && (_file$cozyMetadata$up = _file$cozyMetadata.updatedByApps) !== null && _file$cozyMetadata$up !== void 0 && _file$cozyMetadata$up.find(function (app) {
+          return app.slug === 'mespapiers';
+        }));
       },
       component: _KonnectorBlock.default
     },

package/dist/ViewersByFile/ImageViewer.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ViewersByFile/PdfMobileViewer.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-viewer",
-  "version": "2.6.1",
+  "version": "2.7.0",
   "description": "Cozy-Viewer provides a component to show files in a viewer.",
   "main": "dist/index.js",
   "license": "MIT",
@@ -27,7 +27,7 @@
     "babel-preset-cozy-app": "^2.8.1",
     "cozy-client": "50.0.0",
     "cozy-device-helper": "2.0.0",
-    "cozy-harvest-lib": "^30.6.1",
+    "cozy-harvest-lib": "^30.6.3",
     "cozy-intent": "^2.29.1",
     "cozy-logger": "^1.16.1",
     "cozy-sharing": "14.1.0",
@@ -60,5 +60,5 @@
     "react": ">=16.12.0",
     "react-dom": ">=16.12.0"
   },
-  "gitHead": "89c3e40e552eaf2e8b54c0d57b576069c9256b76"
+  "gitHead": "364e2d8845e3ef24cf38281b6db774c20f03a422"
 }

package/src/Panel/getPanelBlocks.jsx

@@ -27,7 +27,11 @@ export const getPanelBlocksSpecs = (isPublic = false) => ({
     component: Qualification
   },
   konnector: {
-    condition: file => isFromKonnector(file) && !isPublic,
+    condition: file =>
+      isFromKonnector(file) &&
+      !isPublic &&
+      // When doc has been edited from mespapiers, we don't want to display the konnector block
+      !file.cozyMetadata?.updatedByApps?.find(app => app.slug === 'mespapiers'),
     component: KonnectorBlock
   },
   certifications: {

package/src/ViewersByFile/ImageViewer.spec.jsx

@@ -0,0 +1,73 @@
+import { render, waitFor } from '@testing-library/react'
+import React from 'react'
+
+import { checkImageSource } from 'cozy-ui/transpiled/react/FileImageLoader/checkImageSource'
+import { BreakpointsProvider } from 'cozy-ui/transpiled/react/providers/Breakpoints'
+import EncryptedProvider from 'cozy-ui/transpiled/react/providers/Encrypted'
+
+import ImageViewer from './ImageViewer'
+import DemoProvider from '../providers/DemoProvider'
+
+jest.mock('cozy-ui/transpiled/react/FileImageLoader/checkImageSource', () => ({
+  ...jest.requireActual(
+    'cozy-ui/transpiled/react/FileImageLoader/checkImageSource'
+  ),
+  checkImageSource: jest.fn()
+}))
+
+const file = {
+  _id: 'image',
+  class: 'image',
+  mime: 'image/jpg',
+  name: 'sample.jpg',
+  links: {
+    large: 'https://viewerdemo.cozycloud.cc/IMG_0062.PNG'
+  }
+}
+
+const gestures = {
+  on: jest.fn(),
+  off: jest.fn(),
+  get: jest.fn()
+}
+
+const setup = () => {
+  const root = render(
+    <DemoProvider>
+      <BreakpointsProvider>
+        <EncryptedProvider>
+          <ImageViewer
+            file={file}
+            gestures={gestures}
+            gesturesRef={{}}
+            onSwipe={jest.fn()}
+          />
+        </EncryptedProvider>
+      </BreakpointsProvider>
+    </DemoProvider>
+  )
+
+  return { root }
+}
+
+describe('ImageViewer', () => {
+  afterEach(() => {
+    jest.restoreAllMocks
+  })
+
+  it('should render a spinner then the image viewer', async () => {
+    const { root } = setup()
+    const { container, queryByRole } = root
+
+    expect(queryByRole('progressbar')).toBeTruthy()
+
+    // simulate a successfull image loading
+    checkImageSource.mockResolvedValue('ok')
+
+    await waitFor(() => container.querySelector('img'))
+
+    const img = container.querySelector('img')
+    expect(img.getAttribute('alt')).toBe(file.name)
+    expect(img.getAttribute('src')).toBe(file.links.large)
+  })
+})

package/src/ViewersByFile/PdfMobileViewer.spec.jsx

@@ -0,0 +1,76 @@
+import { render, waitFor } from '@testing-library/react'
+import React from 'react'
+
+import { CozyProvider, createMockClient } from 'cozy-client'
+import logger from 'cozy-logger'
+import EncryptedProvider from 'cozy-ui/transpiled/react/providers/Encrypted'
+import { I18n } from 'cozy-ui/transpiled/react/providers/I18n'
+
+import { PdfMobileViewer } from './PdfMobileViewer'
+
+logger.error = logger.warn = jest.fn()
+
+const client = createMockClient({})
+client.collection = jest.fn(() => ({
+  getDownloadLinkById: jest.fn()
+}))
+client.plugins.realtime = {
+  subscribe: jest.fn(),
+  unsubscribe: jest.fn(),
+  unsubscribeAll: jest.fn()
+}
+jest.mock('cozy-ui/transpiled/react/providers/Alert', () => ({
+  useAlert: jest.fn().mockReturnValue({ showAlert: jest.fn() })
+}))
+
+const file = {
+  _id: 'pdf',
+  class: 'pdf',
+  name: 'Demo.pdf',
+  mime: 'application/pdf',
+  links: {
+    medium: 'https://viewerdemo.cozycloud.cc/IMG_0062.PNG'
+  }
+}
+
+const setup = ({ file }) => {
+  const root = render(
+    <CozyProvider client={client}>
+      <I18n lang="en" dictRequire={() => ''}>
+        <EncryptedProvider>
+          <PdfMobileViewer file={file} t={x => x} />
+        </EncryptedProvider>
+      </I18n>
+    </CozyProvider>
+  )
+
+  return { root }
+}
+
+describe('PdfMobileViewer', () => {
+  it('should show a spinner if image is not loaded', () => {
+    const { root } = setup({ file })
+    const { getByRole } = root
+
+    expect(getByRole('progressbar'))
+  })
+
+  describe('errors if file as no medium or failed to download', () => {
+    let fileWithoutLinks = file
+
+    beforeAll(() => {
+      fileWithoutLinks.links = undefined
+    })
+
+    it('should show "download" button on browser', async () => {
+      const { root } = setup({ file: fileWithoutLinks })
+      const { getByText, queryByRole } = root
+
+      await waitFor(() => {
+        expect(queryByRole('progressbar')).toBeFalsy()
+        expect(getByText('Viewer.download'))
+        expect(getByText(file.name))
+      })
+    })
+  })
+})