cozy-bar 1.17.1

package/test/components/AppsContent.spec.jsx

@@ -0,0 +1,116 @@
+import React from 'react'
+import { AppsContent } from 'components/Apps/AppsContent'
+import { shallow } from 'enzyme'
+import { tMock } from '../jestLib/I18n'
+
+describe('Apps Content', () => {
+  it('should render no App', () => {
+    const root = shallow(
+      <AppsContent
+        t={tMock}
+        breakpoints={{ isMobile: true }}
+        isFetchingApps={false}
+      />
+    )
+    expect(root.getElement()).toMatchSnapshot()
+  })
+  it('should render display Drive', () => {
+    const apps = [
+      {
+        slug: 'cozy-drive',
+        name: 'Drive'
+      }
+    ]
+    const root = shallow(
+      <AppsContent
+        t={tMock}
+        apps={apps}
+        breakpoints={{ isMobile: true }}
+        isFetchingApps={false}
+      />
+    )
+    expect(root.getElement()).toMatchSnapshot()
+  })
+
+  it('should render Loader when fetching', () => {
+    const apps = [
+      {
+        slug: 'cozy-drive',
+        name: 'Drive'
+      }
+    ]
+    const root = shallow(
+      <AppsContent
+        t={tMock}
+        apps={apps}
+        breakpoints={{ isMobile: true }}
+        isFetchingApps={true}
+      />
+    )
+    expect(root.getElement()).toMatchSnapshot()
+  })
+
+  it('should display home in the app items lists, if we are on mobile', () => {
+    const apps = [
+      {
+        slug: 'cozy-home',
+        name: 'Home'
+      }
+    ]
+    const root = shallow(
+      <AppsContent
+        t={tMock}
+        apps={apps}
+        homeApp={{
+          slug: 'cozy-home'
+        }}
+        breakpoints={{ isMobile: true }}
+        isFetchingApps={false}
+      />
+    )
+    expect(root.getElement()).toMatchSnapshot()
+  })
+
+  it('should not display home within the app items list, but just a link', () => {
+    const apps = [
+      {
+        slug: 'cozy-home',
+        name: 'Home'
+      }
+    ]
+    const root = shallow(
+      <AppsContent
+        t={tMock}
+        apps={apps}
+        homeApp={{
+          slug: 'cozy-home'
+        }}
+        breakpoints={{ isMobile: false }}
+        isFetchingApps={false}
+      />
+    )
+    expect(root.getElement()).toMatchSnapshot()
+  })
+
+  it('should not display home if not on mobile and home is the currentApp', () => {
+    const apps = [
+      {
+        slug: 'cozy-home',
+        name: 'Home'
+      }
+    ]
+    const root = shallow(
+      <AppsContent
+        t={tMock}
+        apps={apps}
+        homeApp={{
+          slug: 'cozy-home',
+          isCurrentApp: true
+        }}
+        breakpoints={{ isMobile: false }}
+        isFetchingApps={false}
+      />
+    )
+    expect(root.getElement()).toMatchSnapshot()
+  })
+})

package/test/components/Settings/helper.spec.js

@@ -0,0 +1,23 @@
+import { isFetchingQueries } from 'components/Settings/helper'
+
+describe('Settings Helper', () => {
+  it('should return true if isFetchingQueries', () => {
+    const fakeRequest1 = {
+      fetchStatus: 'loading'
+    }
+    const fakeRequest2 = {
+      fetchStatus: 'loaded'
+    }
+    expect(isFetchingQueries([fakeRequest1, fakeRequest2])).toBe(true)
+  })
+
+  it('should not return true if not fetching', () => {
+    const fakeRequest1 = {
+      fetchStatus: 'loaded'
+    }
+    const fakeRequest2 = {
+      fetchStatus: 'loaded'
+    }
+    expect(isFetchingQueries([fakeRequest1, fakeRequest2])).toBe(false)
+  })
+})

package/test/components/__snapshots__/AppsContent.spec.jsx.snap

@@ -0,0 +1,90 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Apps Content should display home in the app items lists, if we are on mobile 1`] = `
+<div
+  className="coz-nav-pop-content"
+>
+  <ul
+    className="coz-nav-group"
+  >
+    <AppItem
+      app={
+        Object {
+          "slug": "cozy-home",
+        }
+      }
+      useHomeIcon={true}
+    />
+  </ul>
+</div>
+`;
+
+exports[`Apps Content should not display home if not on mobile and home is the currentApp 1`] = `
+<div
+  className="coz-nav-pop-content"
+>
+  <ul
+    className="coz-nav-group"
+  />
+</div>
+`;
+
+exports[`Apps Content should not display home within the app items list, but just a link 1`] = `
+<div
+  className="coz-nav-pop-content"
+>
+  <ul
+    className="coz-nav-group"
+  />
+  <a
+    className="coz-apps-home-btn"
+    role="menuitem"
+  >
+    <img
+      src="test-file-stub"
+    />
+    Back to home
+  </a>
+</div>
+`;
+
+exports[`Apps Content should render Loader when fetching 1`] = `
+<div
+  className="coz-nav-pop-content"
+>
+  <ul
+    className="coz-nav-group"
+  >
+    <AppItemPlaceholder />
+    <AppItemPlaceholder />
+    <AppItemPlaceholder />
+  </ul>
+</div>
+`;
+
+exports[`Apps Content should render display Drive 1`] = `
+<div
+  className="coz-nav-pop-content"
+>
+  <ul
+    className="coz-nav-group"
+  >
+    <AppItem
+      app={
+        Object {
+          "name": "Drive",
+          "slug": "cozy-drive",
+        }
+      }
+    />
+  </ul>
+</div>
+`;
+
+exports[`Apps Content should render no App 1`] = `
+<p
+  className="coz-nav--error coz-nav-group"
+>
+  No applications found on the Cozy.
+</p>
+`;

package/test/index.spec.js

@@ -0,0 +1,24 @@
+import { init } from '../src'
+import Enzyme, { mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+
+Enzyme.configure({ adapter: new Adapter() })
+
+describe('The bar library', function() {
+  xit('should render correctly the cozy-bar', () => {
+    // Set up our document body
+    document.body.innerHTML =
+      '<div role="application">' + '  The application will be here' + '</div>'
+    const options = {
+      appName: 'test-app',
+      appNamePrefix: 'cozy',
+      lang: 'en',
+      iconPath: '',
+      cozyURL: 'https://mock.cozy',
+      token: 'mock'
+    }
+    const Bar = init(options)
+    const mounted = mount(Bar)
+    expect(mounted.getElement()).toMatchSnapshot()
+  })
+})

package/test/jestLib/I18n.js

@@ -0,0 +1,15 @@
+'use strict'
+
+import { I18n } from 'cozy-ui/react/I18n'
+
+const I18nComponent = new I18n({
+  lang: 'en',
+  defaultLang: 'en',
+  dictRequire: lang => require(`../../src/locales/${lang}`)
+})
+
+const context = I18nComponent.getChildContext()
+
+export const tMock = context.t
+
+export const fMock = context.f

package/test/jestLib/setup.js

@@ -0,0 +1,14 @@
+import Enzyme from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+
+import '@babel/polyfill'
+
+// polyfill for requestAnimationFrame
+/* istanbul ignore next */
+global.requestAnimationFrame = cb => {
+  setTimeout(cb, 0)
+}
+
+Enzyme.configure({ adapter: new Adapter() })
+
+process.env.USE_REACT = true

package/test/lib/__snapshots__/api.spec.jsx.snap

@@ -0,0 +1,67 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`api spec should set content of the store via declarative api 1`] = `
+<div>
+  Left
+</div>
+`;
+
+exports[`api spec should set content of the store via declarative api 2`] = `
+<div>
+  <p>
+    Center
+  </p>
+</div>
+`;
+
+exports[`api spec should set content of the store via declarative api 3`] = `
+<div>
+  <div>
+    test3
+    <span>
+      Right
+    </span>
+  </div>
+</div>
+`;
+
+exports[`api spec should set content of the store via declarative api 4`] = `
+<div>
+  Search
+</div>
+`;
+
+exports[`api spec should set content of the store via imperative api 1`] = `
+<span
+  dangerouslySetInnerHTML={
+    Object {
+      "__html": "Left",
+    }
+  }
+/>
+`;
+
+exports[`api spec should set content of the store via imperative api 2`] = `
+<p>
+  Center
+</p>
+`;
+
+exports[`api spec should set content of the store via imperative api 3`] = `
+<div>
+  test3
+  <span>
+    Right
+  </span>
+</div>
+`;
+
+exports[`api spec should set content of the store via imperative api 4`] = `
+<span
+  dangerouslySetInnerHTML={
+    Object {
+      "__html": "Search",
+    }
+  }
+/>
+`;

package/test/lib/__snapshots__/stack.spec.js.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`stack proxy should throw error if trying to use the stack before init 1`] = `"client not initialized in cozy-bar"`;

package/test/lib/api.spec.jsx

@@ -0,0 +1,142 @@
+import React from 'react'
+import { shallow } from 'enzyme'
+
+import createStore from 'lib/store'
+import { createBarAPI } from 'lib/api'
+import appReducers, { getContent as _getContent } from 'lib/reducers'
+import { getDefaultState } from 'lib/reducers/content'
+import { locations, getJsApiName, getReactApiName } from 'lib/api/helpers'
+
+const store = createStore()
+const api = createBarAPI(store)
+
+// add test reducer to reset state
+const RESET_API = 'RESET_API'
+const testReducer = (state, action) => {
+  if (action.type === RESET_API) {
+    const newState = Object.assign({}, state, {
+      content: getDefaultState()
+    })
+    return newState
+  }
+  return appReducers(state, action)
+}
+
+store.replaceReducer(testReducer)
+
+const getContent = location => {
+  return _getContent(store.getState(), location)
+}
+
+const contentToTest = {
+  left: 'Left',
+  center: <p>Center</p>,
+  right: (
+    <div>
+      test3
+      <span>Right</span>
+    </div>
+  ),
+  search: 'Search'
+}
+
+describe('api spec', function() {
+  beforeEach(() => {
+    store.dispatch({
+      type: RESET_API
+    })
+  })
+
+  it('should set content of the store via imperative api', function() {
+    locations.map(location => {
+      api[getJsApiName(location)](contentToTest[location])
+      expect(getContent(location)).toMatchSnapshot()
+    })
+  })
+
+  it('should set content of the store via declarative api', function() {
+    locations.map(location => {
+      const BarAPI = api[getReactApiName(location)]
+      shallow(
+        <BarAPI>
+          <div>{contentToTest[location]}</div>
+        </BarAPI>
+      )
+      expect(getContent(location)).toMatchSnapshot()
+    })
+  })
+
+  it('should replace content of the store instead of adding new entry', function() {
+    locations.map(location => {
+      const BarAPI = api[getReactApiName(location)]
+      const barComponent = shallow(
+        <BarAPI>
+          <div>{contentToTest[location]}</div>
+        </BarAPI>
+      )
+      const initialContent = getContent(location)
+      // update content
+      expect(initialContent).toEqual(getContent(location))
+      expect(store.getState().content[location].size).toBe(1)
+      barComponent.setProps({
+        children: <div>Left Updated</div>
+      })
+      // content has correctly be updated
+      expect(initialContent).not.toEqual(getContent(location))
+      // but no new content added, it was replaced in the state
+      expect(store.getState().content[location].size).toBe(1)
+    })
+  })
+
+  it('should unset content of the store on unmount', function() {
+    locations.map(location => {
+      const BarAPI = api[getReactApiName(location)]
+      const barComponent = shallow(
+        <BarAPI>
+          <div>{contentToTest[location]}</div>
+        </BarAPI>
+      )
+      expect(store.getState().content[location].size).toBe(1)
+      // unmount
+      barComponent.unmount()
+      expect(store.getState().content[location].size).toBe(0)
+    })
+  })
+
+  it('should set locale', function() {
+    const { setLocale } = api
+    // default lang is `en`
+    expect(store.getState().locale).toBe('en')
+    setLocale('fr')
+    expect(store.getState().locale).toBe('fr')
+    setLocale('de')
+    expect(store.getState().locale).toBe('de')
+  })
+
+  it('should set theme', function() {
+    const { setTheme } = api
+    // default theme is `default`
+    expect(store.getState().theme.name).toBe('default')
+    expect(store.getState().theme.overrides).toEqual({})
+    setTheme('primary')
+    expect(store.getState().theme.name).toBe('primary')
+    expect(store.getState().theme.overrides).toEqual({})
+    setTheme('primary', { primaryColor: 'red' })
+    expect(store.getState().theme.name).toBe('primary')
+    expect(store.getState().theme.overrides).toEqual({ primaryColor: 'red' })
+    setTheme('wrongTheme')
+    expect(store.getState().theme.name).toBe('default')
+    expect(store.getState().theme.overrides).toEqual({})
+  })
+
+  it('should set webviewContext', function() {
+    const { setWebviewContext } = api
+    // default webviewContext is `undefined`
+    expect(store.getState().unserializable.webviewContext).toBe(undefined)
+    setWebviewContext('foo')
+    expect(store.getState().unserializable.webviewContext).toBe('foo')
+    setWebviewContext('bar')
+    expect(store.getState().unserializable.webviewContext).toBe('bar')
+    setWebviewContext(undefined)
+  })
+})

package/test/lib/mockStackClient.js

@@ -0,0 +1,7 @@
+const stackClient = {
+  token: { token: 'mytoken' },
+  uri: 'https://test.mycozy.cloud',
+  on: () => {}
+}
+
+export default stackClient

package/test/lib/stack-client/stack-client.appiconprops.spec.js

@@ -0,0 +1,65 @@
+import CozyClient from 'cozy-client'
+import stack from 'lib/stack-client'
+import { isMobileApp } from 'cozy-device-helper'
+
+import mockStackClient from '../mockStackClient'
+
+jest.mock('cozy-device-helper', () => ({
+  ...require.requireActual('cozy-device-helper'),
+  isMobileApp: jest.fn()
+}))
+
+describe('stack client', () => {
+  describe('getAppIconProps', () => {
+    const cozyClient = new CozyClient({
+      stackClient: mockStackClient
+    })
+
+    const params = {
+      cozyClient,
+      onCreateApp: function() {},
+      onDeleteApp: function() {}
+    }
+
+    beforeAll(async () => {
+      await stack.init(params)
+    })
+
+    afterAll(() => {
+      jest.restoreAllMocks()
+    })
+
+    describe('for target=browser', () => {
+      beforeAll(() => {
+        isMobileApp.mockReturnValue(false)
+      })
+      it('should have `domain` and `secure` set', () => {
+        const data = stack.get.iconProps()
+        expect(data.domain).toBe('test.mycozy.cloud')
+        expect(data.secure).toBe(true)
+      })
+
+      it('should not have a `fetchIcon` function', () => {
+        const data = stack.get.iconProps()
+        expect(data.fetchIcon).toBe(undefined)
+      })
+    })
+
+    describe('for target=mobile', () => {
+      beforeAll(() => {
+        isMobileApp.mockReturnValue(true)
+      })
+
+      it('should not have `domain` and `secure` set', () => {
+        const data = stack.get.iconProps()
+        expect(data.domain).toBeUndefined()
+        expect(data.secure).toBeUndefined()
+      })
+
+      it('should have a `fetchIcon` function set', () => {
+        const data = stack.get.iconProps()
+        expect(data.fetchIcon).toBeInstanceOf(Function)
+      })
+    })
+  })
+})

package/test/lib/stack-client/stack-client.compare.spec.js

@@ -0,0 +1,20 @@
+import { compareClientVersion } from 'lib/stack-client'
+
+describe('stack client', () => {
+  describe('compareClientVersion', () => {
+    it('should compare to target versions', () => {
+      const targetVersion = '6.7.8'
+      const CozyClient = {
+        version: '5.1.0'
+      }
+
+      expect(compareClientVersion(targetVersion, CozyClient)).toBe(false)
+
+      CozyClient.version = targetVersion
+      expect(compareClientVersion(targetVersion, CozyClient)).toBe(true)
+
+      CozyClient.version = '10.7.8'
+      expect(compareClientVersion(targetVersion, CozyClient)).toBe(true)
+    })
+  })
+})

package/test/lib/stack-client/stack-client.cozyfetchjson.spec.js

@@ -0,0 +1,46 @@
+import stack from 'lib/stack-client'
+import CozyClient from 'cozy-client'
+import mockStackClient from '../mockStackClient'
+
+describe('stack client', () => {
+  describe('cozyFetchJSON', () => {
+    let json = jest.fn().mockReturnValue({
+      data: { id: 'myid' }
+    })
+    let fetch = jest.fn().mockResolvedValue({
+      status: 200,
+      headers: {
+        get: () => 'application/json'
+      },
+      json
+    })
+
+    let cozyClient = new CozyClient({
+      stackClient: {
+        ...mockStackClient,
+        fetch
+      }
+    })
+
+    let params = {
+      cozyClient,
+      onCreateApp: function() {},
+      onDeleteApp: function() {}
+    }
+
+    beforeAll(async () => {
+      await stack.init(params)
+    })
+
+    it('should transform `id` in `_id`', async () => {
+      const data = await stack.cozyFetchJSON('_', 'GET', '/path')
+      expect(data._id).toBe('myid')
+    })
+
+    it('should call fetch from cozy-client', async () => {
+      fetch.mockClear()
+      await stack.cozyFetchJSON('_', 'GET', '/path')
+      expect(fetch).toHaveBeenCalled()
+    })
+  })
+})

package/test/lib/stack-client/stack-client.cozyurl.spec.js

@@ -0,0 +1,29 @@
+import stack from 'lib/stack-client'
+import CozyClient from 'cozy-client'
+import mockStackClient from '../mockStackClient'
+
+describe('stack client', () => {
+  describe('cozyURL', () => {
+    const cozyClient = new CozyClient({
+      stackClient: mockStackClient
+    })
+
+    const params = {
+      cozyClient,
+      onCreateApp: function() {},
+      onDeleteApp: function() {}
+    }
+
+    beforeAll(async () => {
+      await stack.init(params)
+    })
+
+    afterAll(() => {
+      jest.restoreAllMocks()
+    })
+
+    it('should give back the origin of cozy-client', () => {
+      expect(stack.get.cozyURL()).toBe('https://test.mycozy.cloud')
+    })
+  })
+})