self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2025-10-31 00:17:42 +02:00
Code Issues Releases Activity

[Refactor]: updated dependency for webapp (#5008)

Browse Source 
* refactor: updated dependency for webapp

* refactor: updated test case and snapshot

* refactor: updated depedencies

* refactor: updated snapshot and test case

* fix: jest test case

* refactor: nvmrc version to match it with latest mm master

* chore: upgrade the node version in github flows

* refactor: plugin unit test and cardfilter test date issue

* refactor: mock date for rhs plugin mode

---------

Co-authored-by: Mattermost Build <build@mattermost.com>
This commit is contained in:
Rajat Dabade
2024-06-09 10:33:09 +05:30
committed by GitHub
parent c8e729b6fe
commit 466ce56a90
34 changed files with 2473 additions and 2589 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.github/workflows/ci.yml vendored
View File

@@ -58,7 +58,7 @@ jobs:
- name: Setup Node
uses: actions/setup-node@v3
with:
node-version: 16.1.0
node-version: 20.11.0
- name: Build Linux server
run: cd focalboard; make server-linux-package

4
.github/workflows/dev-release.yml vendored
View File

@@ -43,7 +43,7 @@ jobs:
- name: Setup Node
uses: actions/setup-node@v3
with:
node-version: 16.1.0
node-version: 20.11.0
- name: apt-get update
run: sudo apt-get update
@@ -202,7 +202,7 @@ jobs:
- name: Set up Node
uses: actions/setup-node@v3
with:
node-version: 16.1.0
node-version: 20.11.0
- name: Build webapp
run: cd focalboard; make webapp

4
.github/workflows/prod-release.yml vendored
View File

@@ -40,7 +40,7 @@ jobs:
- name: Setup Node
uses: actions/setup-node@v3
with:
node-version: 16.1.0
node-version: 20.11.0
- name: apt-get update
run: sudo apt-get update
@@ -202,7 +202,7 @@ jobs:
- name: Set up Node
uses: actions/setup-node@v3
with:
node-version: 16.1.0
node-version: 20.11.0
- name: Build webapp
run: cd focalboard; make webapp

6
mattermost-plugin/package-lock.json generated Normal file
View File

@@ -0,0 +1,6 @@
{
"name": "mattermost-plugin",
"lockfileVersion": 3,
"requires": true,
"packages": {}
}

2120
mattermost-plugin/webapp/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

26
mattermost-plugin/webapp/package.json
View File

@@ -47,8 +47,8 @@
"babel-jest": "27.5.1",
"babel-loader": "8.2.4",
"babel-plugin-typescript-to-proptypes": "2.0.0",
"css-loader": "6.7.1",
"eslint": "8.11.0",
"css-loader": "6.7.3",
"eslint": "8.36.0",
"eslint-import-resolver-webpack": "0.13.2",
"eslint-plugin-babel": "^5.3.1",
"eslint-plugin-cypress": "2.12.1",
@@ -70,28 +70,28 @@
"imagemin-webp": "7.0.0",
"isomorphic-fetch": "3.0.0",
"jest": "27.5.1",
"jest-canvas-mock": "2.3.1",
"jest-junit": "13.0.0",
"jest-canvas-mock": "2.4.0",
"jest-junit": "15.0.0",
"jest-mock": "27.5.1",
"redux-mock-store": "1.5.4",
"sass": "1.49.9",
"sass-loader": "12.6.0",
"style-loader": "3.3.1",
"sass-loader": "13.2.0",
"style-loader": "3.3.2",
"ts-loader": "9.2.8",
"typescript": "4.6.2",
"webpack": "5.70.0",
"webpack-cli": "4.10.0",
"typescript": "4.9.5",
"webpack": "5.76.1",
"webpack-cli": "5.0.1",
"webpack-dev-server": "4.10.0"
},
"dependencies": {
"core-js": "3.21.1",
"core-js": "3.29.1",
"glob-parent": "6.0.2",
"marked": ">=4.0.12",
"mattermost-redux": "5.33.1",
"react": "^16.13.0",
"react-dom": "^16.13.0",
"react": "17.0.2",
"react-dom": "17.0.2",
"react-intl": "^5.20.0",
"react-redux": "^7.2.0",
"react-redux": "8.0.5",
"react-router-dom": "^5.2.0",
"trim-newlines": "4.0.2",
"react-select": "^5.2.2"

4
mattermost-plugin/webapp/src/components/__snapshots__/rhsChannelBoardItem.test.tsx.snap
View File

@@ -35,7 +35,7 @@ exports[`components/rhsChannelBoardItem render board 1`] = `
<div
class="date"
>
Last update at: July 08, 2022, 8:10 PM
Last update at: July 10, 2022 at 1:40 AM
</div>
</div>
</div>
@@ -168,7 +168,7 @@ exports[`components/rhsChannelBoardItem render board with menu open 1`] = `
<div
class="date"
>
Last update at: July 08, 2022, 8:10 PM
Last update at: July 10, 2022 at 1:40 AM
</div>
</div>
</div>

8
mattermost-plugin/webapp/src/components/__snapshots__/rhsChannelBoards.test.tsx.snap
View File

@@ -64,7 +64,7 @@ exports[`components/rhsChannelBoards renders the RHS for channel boards 1`] = `
<div
class="date"
>
Last update at: July 08, 2022, 8:10 PM
Last update at: July 10, 2022 at 1:40 AM
</div>
</div>
<div
@@ -100,7 +100,7 @@ exports[`components/rhsChannelBoards renders the RHS for channel boards 1`] = `
<div
class="date"
>
Last update at: July 08, 2022, 8:10 PM
Last update at: July 10, 2022 at 1:40 AM
</div>
</div>
</div>
@@ -162,7 +162,7 @@ exports[`components/rhsChannelBoards renders the RHS for channel boards, no add
<div
class="date"
>
Last update at: July 08, 2022, 8:10 PM
Last update at: July 10, 2022 at 1:40 AM
</div>
</div>
<div
@@ -198,7 +198,7 @@ exports[`components/rhsChannelBoards renders the RHS for channel boards, no add
<div
class="date"
>
Last update at: July 08, 2022, 8:10 PM
Last update at: July 10, 2022 at 1:40 AM
</div>
</div>
</div>

2
mattermost-plugin/webapp/src/components/boardsUnfurl/__snapshots__/boardsUnfurl.test.tsx.snap
View File

@@ -51,7 +51,7 @@ exports[`components/boardsUnfurl/BoardsUnfurl renders normally 1`] = `
<span
class="post-preview__time"
>
Updated January 01, 1970, 12:00 AM
Updated July 10, 2022 at 1:40 AM
</span>
</div>
</div>

10
mattermost-plugin/webapp/src/components/boardsUnfurl/boardsUnfurl.test.tsx
View File

@@ -28,6 +28,16 @@ mockedUtils.createGuid = jest.requireActual('../../../../../webapp/src/utils').U
mockedUtils.blockTypeToIDType = jest.requireActual('../../../../../webapp/src/utils').Utils.blockTypeToIDType
mockedUtils.displayDateTime = jest.requireActual('../../../../../webapp/src/utils').Utils.displayDateTime
let mockDisplayDateTime: jest.SpyInstance
beforeEach(() => {
mockDisplayDateTime = jest.spyOn(Utils, 'displayDateTime').mockImplementation(() => 'July 10, 2022 at 1:40 AM')
})
afterEach(() => {
mockDisplayDateTime.mockRestore()
})
describe('components/boardsUnfurl/BoardsUnfurl', () => {
const team = {
id: 'team-id',

12
mattermost-plugin/webapp/src/components/rhsChannelBoardItem.test.tsx
View File

@@ -12,8 +12,20 @@ import {mockStateStore, wrapIntl} from '../../../../webapp/src/testUtils'
import {TestBlockFactory} from '../../../../webapp/src/test/testBlockFactory'
import {Utils} from '../../../../webapp/src/utils'
import RHSChannelBoardItem from './rhsChannelBoardItem'
let mockDisplayDateTime: jest.SpyInstance
beforeEach(() => {
mockDisplayDateTime = jest.spyOn(Utils, 'displayDateTime').mockImplementation(() => 'July 10, 2022 at 1:40 AM')
})
afterEach(() => {
mockDisplayDateTime.mockRestore()
})
describe('components/rhsChannelBoardItem', () => {
it('render board', async () => {
const board = createBoard()

12
mattermost-plugin/webapp/src/components/rhsChannelBoards.test.tsx
View File

@@ -11,11 +11,23 @@ import octoClient from '../../../../webapp/src/octoClient'
import {BoardMember, createBoard} from '../../../../webapp/src/blocks/board'
import {mockStateStore, wrapIntl} from '../../../../webapp/src/testUtils'
import {Utils} from '../../../../webapp/src/utils'
import RHSChannelBoards from './rhsChannelBoards'
jest.mock('../../../../webapp/src/octoClient')
const mockedOctoClient = mocked(octoClient, true)
let mockDisplayDateTime: jest.SpyInstance
beforeEach(() => {
mockDisplayDateTime = jest.spyOn(Utils, 'displayDateTime').mockImplementation(() => 'July 10, 2022 at 1:40 AM')
})
afterEach(() => {
mockDisplayDateTime.mockRestore()
})
describe('components/rhsChannelBoards', () => {
const board1 = createBoard()
board1.updateAt = 1657311058157

2
mattermost-plugin/webapp/tests/setup.tsx
View File

@@ -4,5 +4,5 @@
// This won't exist locally when running in CI
// eslint-disable-next-line no-process-env
if (!process.env.CI) {
require('mattermost-webapp/tests/setup')
require('webapp/tests/setup')
}

2
webapp/.nvmrc
View File

@@ -1 +1 @@
v16.10.0
20.11

1685
webapp/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

12
webapp/package.json
View File

@@ -32,7 +32,7 @@
"@fullcalendar/daygrid": "^5.10.1",
"@fullcalendar/interaction": "^5.10.1",
"@fullcalendar/react": "^5.10.1",
"@mattermost/compass-icons": "^0.1.28",
"@mattermost/compass-icons": "^0.1.39",
"@reduxjs/toolkit": "^1.8.0",
"@tippyjs/react": "4.2.6",
"color": "^4.2.1",
@@ -51,18 +51,18 @@
"mini-create-react-context": "^0.4.1",
"moment": "^2.29.1",
"nanoevents": "^5.1.13",
"react": "^16.13.0",
"react": "17.0.2",
"react-beautiful-dnd": "^13.1.1",
"react-day-picker": "^7.4.10",
"react-dnd": "^14.0.2",
"react-dnd-html5-backend": "^14.0.0",
"react-dnd-scrolling": "^1.2.1",
"react-dnd-touch-backend": "^14.0.0",
"react-dom": "^16.13.0",
"react-dom": "17.0.2",
"react-hot-keys": "^2.7.1",
"react-hotkeys-hook": "^3.4.4",
"react-intl": "^5.20.0",
"react-redux": "^7.2.0",
"react-redux": "7.2.4",
"react-router-dom": "^5.2.0",
"react-select": "^5.2.2",
"trim-newlines": "^4.0.2"
@@ -137,8 +137,8 @@
"html-webpack-plugin": "^5.5.0",
"image-webpack-loader": "^8.1.0",
"isomorphic-fetch": "^3.0.0",
"jest": "^27.5.1",
"jest-mock": "^27.5.1",
"jest": "27.5.1",
"jest-mock": "27.5.1",
"prettier": "^2.6.1",
"redux-mock-store": "^1.5.4",
"sass": "^1.49.9",

6
webapp/src/cardFilter.test.ts
View File

@@ -24,6 +24,10 @@ describe('src/cardFilter', () => {
card1.id = '1'
card1.title = 'card1'
card1.fields.properties.propertyId = 'Status'
card1.createAt = new Date('December 7, 2023').getTime()
card1.updateAt = new Date('December 7, 2023').getTime()
card1.deleteAt = new Date('December 7, 2023').getTime()
const filterClause = createFilterClause({propertyId: 'propertyId', condition: 'isNotEmpty', values: ['Status']})
describe('verify isClauseMet method', () => {
@@ -336,7 +340,7 @@ describe('src/cardFilter', () => {
describe('verify isClauseMet method - (createdTime) date property', () => {
const createDate = new Date(card1.createAt)
const checkDate = Date.UTC(createDate.getFullYear(), createDate.getMonth(), createDate.getDate(), 12)
const checkDate = Date.UTC(createDate.getFullYear(), createDate.getMonth(), createDate.getDate(), createDate.getHours(), createDate.getMinutes(), createDate.getSeconds(), createDate.getMilliseconds())
const checkDayBefore = checkDate - dayMillis
const checkDayAfter = checkDate + dayMillis

14
webapp/src/components/__snapshots__/confirmAddUserForNotifications.test.tsx.snap
View File

@@ -78,23 +78,25 @@ exports[`/components/confirmAddUserForNotifications should match snapshot 1`] =
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-1s2u09g-control"
class=" css-13cymwt-control"
>
<div
class=" css-319lph-ValueContainer"
class=" css-1fdsijx-ValueContainer"
>
<div
class=" css-qc6sy-singleValue"
class=" css-1dimb5e-singleValue"
>
Editor
</div>
<div
class=" css-6j8wv5-Input"
class=" css-qbdosj-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
@@ -116,11 +118,11 @@ exports[`/components/confirmAddUserForNotifications should match snapshot 1`] =
class=" css-1hb7zxy-IndicatorsContainer"
>
<span
class=" css-1okebmr-indicatorSeparator"
class=" css-1u9des2-indicatorSeparator"
/>
<div
aria-hidden="true"
class=" css-tlfecz-indicatorContainer"
class=" css-1xc3v61-indicatorContainer"
>
<svg
aria-hidden="true"

280
webapp/src/components/__snapshots__/personSelector.test.tsx.snap
View File

@@ -14,15 +14,16 @@ exports[`properties/person not readOnly, show firstname 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="react-select__control css-18140j1-Control"
>
<div
class="react-select__value-container react-select__value-container--has-value css-433wy7-ValueContainer"
class="react-select__value-container react-select__value-container--has-value css-1gbdvdc-ValueContainer"
>
<div
class="react-select__single-value css-1lixa2z-singleValue"
class="react-select__single-value css-qosd1h-singleValue"
>
<div
class="Person-item"
@@ -31,10 +32,11 @@ exports[`properties/person not readOnly, show firstname 1`] = `
</div>
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
@@ -57,7 +59,7 @@ exports[`properties/person not readOnly, show firstname 1`] = `
>
<div
aria-hidden="true"
class="react-select__indicator react-select__clear-indicator css-tpaeio-indicatorContainer"
class="react-select__indicator react-select__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -73,11 +75,11 @@ exports[`properties/person not readOnly, show firstname 1`] = `
</svg>
</div>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-19sxey8-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-uycnsi-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -112,39 +114,48 @@ exports[`properties/person not readOnly, show me 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
>
<span
id="aria-selection"
/>
<span
id="aria-context"
id="aria-focused"
/>
<span
id="aria-results"
>
option Me focused, 1 of 4. 4 results available. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
4 results available.
</span>
<span
id="aria-guidance"
>
Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
</span>
</span>
<div
class="react-select__control react-select__control--is-focused react-select__control--menu-is-open css-18140j1-Control"
>
<div
class="react-select__value-container css-433wy7-ValueContainer"
class="react-select__value-container css-1gbdvdc-ValueContainer"
>
<div
class="react-select__placeholder css-14el2xx-placeholder"
class="react-select__placeholder css-1jqq78o-placeholder"
id="react-select-7-placeholder"
>
Empty
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant="react-select-7-option-0"
aria-autocomplete="list"
aria-controls="react-select-7-listbox"
aria-describedby="react-select-7-placeholder"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-7-listbox"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
@@ -163,11 +174,11 @@ exports[`properties/person not readOnly, show me 1`] = `
class="react-select__indicators css-1hb7zxy-IndicatorsContainer"
>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-hl9mox-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-zngtjc-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -185,16 +196,20 @@ exports[`properties/person not readOnly, show me 1`] = `
</div>
</div>
<div
class="react-select__menu css-10b6da7-menu"
id="react-select-7-listbox"
class="react-select__menu css-1slvcut-menu"
>
<div
class="react-select__menu-list css-g29tl0-MenuList"
aria-multiselectable="false"
class="react-select__menu-list css-1d1qzc4-MenuList"
id="react-select-7-listbox"
role="listbox"
>
<div
aria-disabled="false"
class="react-select__option react-select__option--is-focused css-1bwtvog-option"
aria-selected="false"
class="react-select__option react-select__option--is-focused css-63bi6m-option"
id="react-select-7-option-0"
role="option"
tabindex="-1"
>
<div
@@ -205,8 +220,10 @@ exports[`properties/person not readOnly, show me 1`] = `
</div>
<div
aria-disabled="false"
class="react-select__option css-nyiims-option"
aria-selected="false"
class="react-select__option css-1uk8033-option"
id="react-select-7-option-1"
role="option"
tabindex="-1"
>
<div
@@ -217,8 +234,10 @@ exports[`properties/person not readOnly, show me 1`] = `
</div>
<div
aria-disabled="false"
class="react-select__option css-nyiims-option"
aria-selected="false"
class="react-select__option css-1uk8033-option"
id="react-select-7-option-2"
role="option"
tabindex="-1"
>
<div
@@ -229,8 +248,10 @@ exports[`properties/person not readOnly, show me 1`] = `
</div>
<div
aria-disabled="false"
class="react-select__option css-nyiims-option"
aria-selected="false"
class="react-select__option css-1uk8033-option"
id="react-select-7-option-3"
role="option"
tabindex="-1"
>
<div
@@ -259,39 +280,48 @@ exports[`properties/person not readOnly, show me 2`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
>
<span
id="aria-selection"
/>
<span
id="aria-context"
id="aria-focused"
/>
<span
id="aria-results"
>
option Me focused, 1 of 4. 4 results available. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
4 results available.
</span>
<span
id="aria-guidance"
>
Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
</span>
</span>
<div
class="react-select__control react-select__control--is-focused react-select__control--menu-is-open css-18140j1-Control"
>
<div
class="react-select__value-container css-433wy7-ValueContainer"
class="react-select__value-container css-1gbdvdc-ValueContainer"
>
<div
class="react-select__placeholder css-14el2xx-placeholder"
class="react-select__placeholder css-1jqq78o-placeholder"
id="react-select-7-placeholder"
>
Empty
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant="react-select-7-option-0"
aria-autocomplete="list"
aria-controls="react-select-7-listbox"
aria-describedby="react-select-7-placeholder"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-7-listbox"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
@@ -310,11 +340,11 @@ exports[`properties/person not readOnly, show me 2`] = `
class="react-select__indicators css-1hb7zxy-IndicatorsContainer"
>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-hl9mox-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-zngtjc-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -332,16 +362,20 @@ exports[`properties/person not readOnly, show me 2`] = `
</div>
</div>
<div
class="react-select__menu css-10b6da7-menu"
id="react-select-7-listbox"
class="react-select__menu css-1slvcut-menu"
>
<div
class="react-select__menu-list css-g29tl0-MenuList"
aria-multiselectable="false"
class="react-select__menu-list css-1d1qzc4-MenuList"
id="react-select-7-listbox"
role="listbox"
>
<div
aria-disabled="false"
class="react-select__option react-select__option--is-focused css-1bwtvog-option"
aria-selected="false"
class="react-select__option react-select__option--is-focused css-63bi6m-option"
id="react-select-7-option-0"
role="option"
tabindex="-1"
>
<div
@@ -352,8 +386,10 @@ exports[`properties/person not readOnly, show me 2`] = `
</div>
<div
aria-disabled="false"
class="react-select__option css-nyiims-option"
aria-selected="false"
class="react-select__option css-1uk8033-option"
id="react-select-7-option-1"
role="option"
tabindex="-1"
>
<div
@@ -364,8 +400,10 @@ exports[`properties/person not readOnly, show me 2`] = `
</div>
<div
aria-disabled="false"
class="react-select__option css-nyiims-option"
aria-selected="false"
class="react-select__option css-1uk8033-option"
id="react-select-7-option-2"
role="option"
tabindex="-1"
>
<div
@@ -376,8 +414,10 @@ exports[`properties/person not readOnly, show me 2`] = `
</div>
<div
aria-disabled="false"
class="react-select__option css-nyiims-option"
aria-selected="false"
class="react-select__option css-1uk8033-option"
id="react-select-7-option-3"
role="option"
tabindex="-1"
>
<div
@@ -406,24 +446,26 @@ exports[`properties/person not readOnly, show modal 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="react-select__control css-18140j1-Control"
>
<div
class="react-select__value-container css-433wy7-ValueContainer"
class="react-select__value-container css-1gbdvdc-ValueContainer"
>
<div
class="react-select__placeholder css-14el2xx-placeholder"
class="react-select__placeholder css-1jqq78o-placeholder"
id="react-select-4-placeholder"
>
Empty
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-4-placeholder"
aria-expanded="false"
@@ -446,11 +488,11 @@ exports[`properties/person not readOnly, show modal 1`] = `
class="react-select__indicators css-1hb7zxy-IndicatorsContainer"
>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-19sxey8-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-uycnsi-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -485,39 +527,48 @@ exports[`properties/person not readOnly, show modal 2`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
>
<span
id="aria-selection"
/>
<span
id="aria-context"
id="aria-focused"
/>
<span
id="aria-results"
>
option username-1 focused, 1 of 3. 3 results available. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
3 results available.
</span>
<span
id="aria-guidance"
>
Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
</span>
</span>
<div
class="react-select__control react-select__control--is-focused react-select__control--menu-is-open css-18140j1-Control"
>
<div
class="react-select__value-container css-433wy7-ValueContainer"
class="react-select__value-container css-1gbdvdc-ValueContainer"
>
<div
class="react-select__placeholder css-14el2xx-placeholder"
class="react-select__placeholder css-1jqq78o-placeholder"
id="react-select-4-placeholder"
>
Empty
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant="react-select-4-option-0"
aria-autocomplete="list"
aria-controls="react-select-4-listbox"
aria-describedby="react-select-4-placeholder"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-4-listbox"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
@@ -536,11 +587,11 @@ exports[`properties/person not readOnly, show modal 2`] = `
class="react-select__indicators css-1hb7zxy-IndicatorsContainer"
>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-hl9mox-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-zngtjc-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -558,16 +609,20 @@ exports[`properties/person not readOnly, show modal 2`] = `
</div>
</div>
<div
class="react-select__menu css-10b6da7-menu"
id="react-select-4-listbox"
class="react-select__menu css-1slvcut-menu"
>
<div
class="react-select__menu-list css-g29tl0-MenuList"
aria-multiselectable="false"
class="react-select__menu-list css-1d1qzc4-MenuList"
id="react-select-4-listbox"
role="listbox"
>
<div
aria-disabled="false"
class="react-select__option react-select__option--is-focused css-1bwtvog-option"
aria-selected="false"
class="react-select__option react-select__option--is-focused css-63bi6m-option"
id="react-select-4-option-0"
role="option"
tabindex="-1"
>
<div
@@ -578,8 +633,10 @@ exports[`properties/person not readOnly, show modal 2`] = `
</div>
<div
aria-disabled="false"
class="react-select__option css-nyiims-option"
aria-selected="false"
class="react-select__option css-1uk8033-option"
id="react-select-4-option-1"
role="option"
tabindex="-1"
>
<div
@@ -590,8 +647,10 @@ exports[`properties/person not readOnly, show modal 2`] = `
</div>
<div
aria-disabled="false"
class="react-select__option css-nyiims-option"
aria-selected="false"
class="react-select__option css-1uk8033-option"
id="react-select-4-option-2"
role="option"
tabindex="-1"
>
<div
@@ -620,15 +679,16 @@ exports[`properties/person not readOnly, show username 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="react-select__control css-18140j1-Control"
>
<div
class="react-select__value-container react-select__value-container--has-value css-433wy7-ValueContainer"
class="react-select__value-container react-select__value-container--has-value css-1gbdvdc-ValueContainer"
>
<div
class="react-select__single-value css-1lixa2z-singleValue"
class="react-select__single-value css-qosd1h-singleValue"
>
<div
class="Person-item"
@@ -637,10 +697,11 @@ exports[`properties/person not readOnly, show username 1`] = `
</div>
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
@@ -663,7 +724,7 @@ exports[`properties/person not readOnly, show username 1`] = `
>
<div
aria-hidden="true"
class="react-select__indicator react-select__clear-indicator css-tpaeio-indicatorContainer"
class="react-select__indicator react-select__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -679,11 +740,11 @@ exports[`properties/person not readOnly, show username 1`] = `
</svg>
</div>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-19sxey8-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-uycnsi-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -732,18 +793,19 @@ exports[`properties/person show multiple 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="react-select__control css-18140j1-Control"
>
<div
class="react-select__value-container react-select__value-container--is-multi react-select__value-container--has-value css-o7cxt9-ValueContainer"
class="react-select__value-container react-select__value-container--is-multi react-select__value-container--has-value css-pcwdi-ValueContainer"
>
<div
class="css-1rhbuit-multiValue react-select__multi-value"
class="react-select__multi-value css-1p3m7a8-multiValue"
>
<div
class="css-12jo7m5 react-select__multi-value__label"
class="react-select__multi-value__label css-wsp0cs-MultiValueGeneric"
>
<div
class="MultiPerson-item"
@@ -753,7 +815,7 @@ exports[`properties/person show multiple 1`] = `
</div>
<div
aria-label="Remove [object Object]"
class="css-xb97g8 react-select__multi-value__remove"
class="react-select__multi-value__remove css-12a83d4-MultiValueRemove"
role="button"
>
<svg
@@ -771,10 +833,10 @@ exports[`properties/person show multiple 1`] = `
</div>
</div>
<div
class="css-1rhbuit-multiValue react-select__multi-value"
class="react-select__multi-value css-1p3m7a8-multiValue"
>
<div
class="css-12jo7m5 react-select__multi-value__label"
class="react-select__multi-value__label css-wsp0cs-MultiValueGeneric"
>
<div
class="MultiPerson-item"
@@ -784,7 +846,7 @@ exports[`properties/person show multiple 1`] = `
</div>
<div
aria-label="Remove [object Object]"
class="css-xb97g8 react-select__multi-value__remove"
class="react-select__multi-value__remove css-12a83d4-MultiValueRemove"
role="button"
>
<svg
@@ -802,10 +864,11 @@ exports[`properties/person show multiple 1`] = `
</div>
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
@@ -828,7 +891,7 @@ exports[`properties/person show multiple 1`] = `
>
<div
aria-hidden="true"
class="react-select__indicator react-select__clear-indicator css-tpaeio-indicatorContainer"
class="react-select__indicator react-select__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -844,11 +907,11 @@ exports[`properties/person show multiple 1`] = `
</svg>
</div>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-19sxey8-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-uycnsi-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -883,18 +946,19 @@ exports[`properties/person show multiple, display modal 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="react-select__control css-18140j1-Control"
>
<div
class="react-select__value-container react-select__value-container--is-multi react-select__value-container--has-value css-o7cxt9-ValueContainer"
class="react-select__value-container react-select__value-container--is-multi react-select__value-container--has-value css-pcwdi-ValueContainer"
>
<div
class="css-1rhbuit-multiValue react-select__multi-value"
class="react-select__multi-value css-1p3m7a8-multiValue"
>
<div
class="css-12jo7m5 react-select__multi-value__label"
class="react-select__multi-value__label css-wsp0cs-MultiValueGeneric"
>
<div
class="MultiPerson-item"
@@ -904,7 +968,7 @@ exports[`properties/person show multiple, display modal 1`] = `
</div>
<div
aria-label="Remove [object Object]"
class="css-xb97g8 react-select__multi-value__remove"
class="react-select__multi-value__remove css-12a83d4-MultiValueRemove"
role="button"
>
<svg
@@ -922,10 +986,10 @@ exports[`properties/person show multiple, display modal 1`] = `
</div>
</div>
<div
class="css-1rhbuit-multiValue react-select__multi-value"
class="react-select__multi-value css-1p3m7a8-multiValue"
>
<div
class="css-12jo7m5 react-select__multi-value__label"
class="react-select__multi-value__label css-wsp0cs-MultiValueGeneric"
>
<div
class="MultiPerson-item"
@@ -935,7 +999,7 @@ exports[`properties/person show multiple, display modal 1`] = `
</div>
<div
aria-label="Remove [object Object]"
class="css-xb97g8 react-select__multi-value__remove"
class="react-select__multi-value__remove css-12a83d4-MultiValueRemove"
role="button"
>
<svg
@@ -953,10 +1017,11 @@ exports[`properties/person show multiple, display modal 1`] = `
</div>
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
@@ -979,7 +1044,7 @@ exports[`properties/person show multiple, display modal 1`] = `
>
<div
aria-hidden="true"
class="react-select__indicator react-select__clear-indicator css-tpaeio-indicatorContainer"
class="react-select__indicator react-select__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -995,11 +1060,11 @@ exports[`properties/person show multiple, display modal 1`] = `
</svg>
</div>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-19sxey8-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-uycnsi-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -1034,27 +1099,36 @@ exports[`properties/person show multiple, display modal 2`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
>
<span
id="aria-selection"
/>
<span
id="aria-context"
id="aria-focused"
/>
<span
id="aria-results"
>
option username-3 focused, 3 of 3. 1 result available. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
1 result available.
</span>
<span
id="aria-guidance"
>
Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
</span>
</span>
<div
class="react-select__control react-select__control--is-focused react-select__control--menu-is-open css-18140j1-Control"
>
<div
class="react-select__value-container react-select__value-container--is-multi react-select__value-container--has-value css-o7cxt9-ValueContainer"
class="react-select__value-container react-select__value-container--is-multi react-select__value-container--has-value css-pcwdi-ValueContainer"
>
<div
class="css-1rhbuit-multiValue react-select__multi-value"
class="react-select__multi-value css-1p3m7a8-multiValue"
>
<div
class="css-12jo7m5 react-select__multi-value__label"
class="react-select__multi-value__label css-wsp0cs-MultiValueGeneric"
>
<div
class="MultiPerson-item"
@@ -1064,7 +1138,7 @@ exports[`properties/person show multiple, display modal 2`] = `
</div>
<div
aria-label="Remove [object Object]"
class="css-xb97g8 react-select__multi-value__remove"
class="react-select__multi-value__remove css-12a83d4-MultiValueRemove"
role="button"
>
<svg
@@ -1082,10 +1156,10 @@ exports[`properties/person show multiple, display modal 2`] = `
</div>
</div>
<div
class="css-1rhbuit-multiValue react-select__multi-value"
class="react-select__multi-value css-1p3m7a8-multiValue"
>
<div
class="css-12jo7m5 react-select__multi-value__label"
class="react-select__multi-value__label css-wsp0cs-MultiValueGeneric"
>
<div
class="MultiPerson-item"
@@ -1095,7 +1169,7 @@ exports[`properties/person show multiple, display modal 2`] = `
</div>
<div
aria-label="Remove [object Object]"
class="css-xb97g8 react-select__multi-value__remove"
class="react-select__multi-value__remove css-12a83d4-MultiValueRemove"
role="button"
>
<svg
@@ -1113,15 +1187,15 @@ exports[`properties/person show multiple, display modal 2`] = `
</div>
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant="react-select-6-option-2"
aria-autocomplete="list"
aria-controls="react-select-6-listbox"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-6-listbox"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
@@ -1141,7 +1215,7 @@ exports[`properties/person show multiple, display modal 2`] = `
>
<div
aria-hidden="true"
class="react-select__indicator react-select__clear-indicator css-13eygzs-indicatorContainer"
class="react-select__indicator react-select__clear-indicator css-3pqe01-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -1157,11 +1231,11 @@ exports[`properties/person show multiple, display modal 2`] = `
</svg>
</div>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-hl9mox-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-zngtjc-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -1179,16 +1253,20 @@ exports[`properties/person show multiple, display modal 2`] = `
</div>
</div>
<div
class="react-select__menu css-10b6da7-menu"
id="react-select-6-listbox"
class="react-select__menu css-1slvcut-menu"
>
<div
class="react-select__menu-list react-select__menu-list--is-multi css-g29tl0-MenuList"
aria-multiselectable="true"
class="react-select__menu-list react-select__menu-list--is-multi css-1d1qzc4-MenuList"
id="react-select-6-listbox"
role="listbox"
>
<div
aria-disabled="false"
class="react-select__option react-select__option--is-focused css-1bwtvog-option"
aria-selected="false"
class="react-select__option react-select__option--is-focused css-63bi6m-option"
id="react-select-6-option-2"
role="option"
tabindex="-1"
>
<div

20
webapp/src/components/blocksEditor/__snapshots__/blocksEditor.test.tsx.snap
View File

@@ -20,24 +20,26 @@ exports[`components/blocksEditor/blocksEditor should match snapshot on empty 1`]
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-4bb158-control"
class=" css-1haocjs-control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-2-placeholder"
>
Introduce your text or your slash command
</div>
<div
class=" css-g5309v-Input"
class=" css-26cneq-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-2-placeholder"
aria-expanded="false"
@@ -400,24 +402,26 @@ exports[`components/blocksEditor/blocksEditor should match snapshot with blocks
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-4bb158-control"
class=" css-1haocjs-control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-3-placeholder"
>
Introduce your text or your slash command
</div>
<div
class=" css-g5309v-Input"
class=" css-26cneq-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-3-placeholder"
aria-expanded="false"

10
webapp/src/components/blocksEditor/__snapshots__/editor.test.tsx.snap
View File

@@ -82,24 +82,26 @@ exports[`components/blocksEditor/editor should match snapshot on empty 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-4bb158-control"
class=" css-1haocjs-control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-2-placeholder"
>
Introduce your text or your slash command
</div>
<div
class=" css-g5309v-Input"
class=" css-26cneq-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-2-placeholder"
aria-expanded="false"

81
webapp/src/components/blocksEditor/__snapshots__/rootInput.test.tsx.snap
View File

@@ -14,18 +14,20 @@ exports[`components/blocksEditor/rootInput should match Display snapshot 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-4bb158-control"
class=" css-1haocjs-control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-nkozic-Input"
class=" css-1qgh1u0-Input"
data-value="test-value"
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-2-placeholder"
aria-expanded="false"
@@ -66,18 +68,20 @@ exports[`components/blocksEditor/rootInput should match Input snapshot 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-4bb158-control"
class=" css-1haocjs-control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-nkozic-Input"
class=" css-1qgh1u0-Input"
data-value="test-value"
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-3-placeholder"
aria-expanded="false"
@@ -118,30 +122,31 @@ exports[`components/blocksEditor/rootInput should match Input snapshot with menu
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-4bb158-control"
class=" css-1haocjs-control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-4-placeholder"
>
Introduce your text or your slash command
</div>
<div
class=" css-g5309v-Input"
class=" css-26cneq-Input"
data-value=""
>
<input
aria-activedescendant="react-select-4-option-0"
aria-autocomplete="list"
aria-controls="react-select-4-listbox"
aria-describedby="react-select-4-placeholder"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-4-listbox"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
@@ -161,99 +166,123 @@ exports[`components/blocksEditor/rootInput should match Input snapshot with menu
/>
</div>
<div
class=" css-1aj7brc"
class=" css-u0i6pk-MenuPortal"
>
<div
class=" css-1rsmi4x-menu"
id="react-select-4-listbox"
class=" css-45h7mv-menu"
>
<div
class=" css-g29tl0-MenuList"
aria-multiselectable="false"
class=" css-1d1qzc4-MenuList"
id="react-select-4-listbox"
role="listbox"
>
<div
aria-disabled="false"
class=" css-erqggd-option"
aria-selected="false"
class=" css-8e5kjb-option"
id="react-select-4-option-0"
role="option"
tabindex="-1"
>
/title Creates a new Title block.
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-4-option-1"
role="option"
tabindex="-1"
>
/subtitle Creates a new Sub title block.
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-4-option-2"
role="option"
tabindex="-1"
>
/subsubtitle Creates a new Sub Sub title block.
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-4-option-3"
role="option"
tabindex="-1"
>
/image Creates a new Image block.
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-4-option-4"
role="option"
tabindex="-1"
>
/text Creates a new Text block.
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-4-option-5"
role="option"
tabindex="-1"
>
/divider Creates a new Divider block.
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-4-option-6"
role="option"
tabindex="-1"
>
/list-item Creates a new List item block.
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-4-option-7"
role="option"
tabindex="-1"
>
/attachment Creates a new Attachment block.
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-4-option-8"
role="option"
tabindex="-1"
>
/quote Creates a new Quote block.
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-4-option-9"
role="option"
tabindex="-1"
>
/video Creates a new Video block.
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-4-option-10"
role="option"
tabindex="-1"
>
/checkbox Creates a new Checkbox block.

12
webapp/src/components/calculations/__snapshots__/calculation.test.tsx.snap
View File

@@ -102,19 +102,21 @@ exports[`components/calculations/Calculation should match snapshot - option chan
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="CalculationOptions__control css-1s59geg-Control"
>
<div
class="CalculationOptions__value-container CalculationOptions__value-container--has-value css-1mxrbau-ValueContainer"
class="CalculationOptions__value-container CalculationOptions__value-container--has-value css-1kliayw-ValueContainer"
>
<div
class="CalculationOptions__single-value css-1qlwihv-singleValue"
class="CalculationOptions__single-value css-3hkq9s-singleValue"
>
Calculate
</div>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
@@ -132,7 +134,7 @@ exports[`components/calculations/Calculation should match snapshot - option chan
>
<div
aria-hidden="true"
class="CalculationOptions__indicator CalculationOptions__clear-indicator css-tpaeio-indicatorContainer"
class="CalculationOptions__indicator CalculationOptions__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -148,11 +150,11 @@ exports[`components/calculations/Calculation should match snapshot - option chan
</svg>
</div>
<span
class="CalculationOptions__indicator-separator css-43ykx9-indicatorSeparator"
class="CalculationOptions__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="CalculationOptions__indicator CalculationOptions__dropdown-indicator css-wpsttr-indicatorContainer"
class="CalculationOptions__indicator CalculationOptions__dropdown-indicator css-y45573-indicatorContainer"
>
<i
class="CompassIcon icon-chevron-up ChevronUpIcon"

41
webapp/src/components/calculations/__snapshots__/options.test.tsx.snap
View File

@@ -14,19 +14,21 @@ exports[`components/calculations/Options should match snapshot 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="CalculationOptions__control css-1s59geg-Control"
>
<div
class="CalculationOptions__value-container CalculationOptions__value-container--has-value css-1mxrbau-ValueContainer"
class="CalculationOptions__value-container CalculationOptions__value-container--has-value css-1kliayw-ValueContainer"
>
<div
class="CalculationOptions__single-value css-1qlwihv-singleValue"
class="CalculationOptions__single-value css-3hkq9s-singleValue"
>
Calculate
</div>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
@@ -44,7 +46,7 @@ exports[`components/calculations/Options should match snapshot 1`] = `
>
<div
aria-hidden="true"
class="CalculationOptions__indicator CalculationOptions__clear-indicator css-tpaeio-indicatorContainer"
class="CalculationOptions__indicator CalculationOptions__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -60,11 +62,11 @@ exports[`components/calculations/Options should match snapshot 1`] = `
</svg>
</div>
<span
class="CalculationOptions__indicator-separator css-43ykx9-indicatorSeparator"
class="CalculationOptions__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="CalculationOptions__indicator CalculationOptions__dropdown-indicator css-wpsttr-indicatorContainer"
class="CalculationOptions__indicator CalculationOptions__dropdown-indicator css-y45573-indicatorContainer"
>
<i
class="CompassIcon icon-chevron-up ChevronUpIcon"
@@ -95,24 +97,25 @@ exports[`components/calculations/Options should match snapshot menu open 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="CalculationOptions__control CalculationOptions__control--menu-is-open css-1s59geg-Control"
>
<div
class="CalculationOptions__value-container CalculationOptions__value-container--has-value css-1mxrbau-ValueContainer"
class="CalculationOptions__value-container CalculationOptions__value-container--has-value css-1kliayw-ValueContainer"
>
<div
class="CalculationOptions__single-value css-1qlwihv-singleValue"
class="CalculationOptions__single-value css-3hkq9s-singleValue"
>
Calculate
</div>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-controls="react-select-3-listbox"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-3-listbox"
aria-readonly="true"
class="css-mohuvp-dummyInput-DummyInput"
id="react-select-3-input"
@@ -127,7 +130,7 @@ exports[`components/calculations/Options should match snapshot menu open 1`] = `
>
<div
aria-hidden="true"
class="CalculationOptions__indicator CalculationOptions__clear-indicator css-tpaeio-indicatorContainer"
class="CalculationOptions__indicator CalculationOptions__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -143,11 +146,11 @@ exports[`components/calculations/Options should match snapshot menu open 1`] = `
</svg>
</div>
<span
class="CalculationOptions__indicator-separator css-43ykx9-indicatorSeparator"
class="CalculationOptions__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="CalculationOptions__indicator CalculationOptions__dropdown-indicator css-wpsttr-indicatorContainer"
class="CalculationOptions__indicator CalculationOptions__dropdown-indicator css-y45573-indicatorContainer"
>
<i
class="CompassIcon icon-chevron-up ChevronUpIcon"
@@ -156,24 +159,30 @@ exports[`components/calculations/Options should match snapshot menu open 1`] = `
</div>
</div>
<div
class="CalculationOptions__menu css-1rsmi4x-menu"
id="react-select-3-listbox"
class="CalculationOptions__menu css-45h7mv-menu"
>
<div
class="CalculationOptions__menu-list css-g29tl0-MenuList"
aria-multiselectable="false"
class="CalculationOptions__menu-list css-1d1qzc4-MenuList"
id="react-select-3-listbox"
role="listbox"
>
<div
aria-disabled="false"
class="CalculationOptions__option css-14xsrqy-option"
aria-selected="false"
class="CalculationOptions__option css-x3yilo-option"
id="react-select-3-option-0"
role="option"
tabindex="-1"
>
Count
</div>
<div
aria-disabled="false"
class="CalculationOptions__option css-14xsrqy-option"
aria-selected="false"
class="CalculationOptions__option css-x3yilo-option"
id="react-select-3-option-1"
role="option"
tabindex="-1"
>
Max

12
webapp/src/components/cardDetail/__snapshots__/comment.test.tsx.snap
View File

@@ -19,7 +19,7 @@ exports[`components/cardDetail/comment return comment 1`] = `
</div>
<div
class="octo-tooltip tooltip-top"
data-tooltip="October 01, 2020, 12:00 AM"
data-tooltip="October 01, 2020 at 12:00 AM"
>
<div
class="comment-date"
@@ -147,7 +147,7 @@ exports[`components/cardDetail/comment return comment and delete comment 1`] = `
</div>
<div
class="octo-tooltip tooltip-top"
data-tooltip="October 01, 2020, 12:00 AM"
data-tooltip="October 01, 2020 at 12:00 AM"
>
<div
class="comment-date"
@@ -275,7 +275,7 @@ exports[`components/cardDetail/comment return comment readonly 1`] = `
</div>
<div
class="octo-tooltip tooltip-top"
data-tooltip="October 01, 2020, 12:00 AM"
data-tooltip="October 01, 2020 at 12:00 AM"
>
<div
class="comment-date"
@@ -323,7 +323,7 @@ exports[`components/cardDetail/comment return guest comment 1`] = `
</div>
<div
class="octo-tooltip tooltip-top"
data-tooltip="October 01, 2020, 12:00 AM"
data-tooltip="October 01, 2020 at 12:00 AM"
>
<div
class="comment-date"
@@ -460,7 +460,7 @@ exports[`components/cardDetail/comment return guest comment and delete comment 1
</div>
<div
class="octo-tooltip tooltip-top"
data-tooltip="October 01, 2020, 12:00 AM"
data-tooltip="October 01, 2020 at 12:00 AM"
>
<div
class="comment-date"
@@ -597,7 +597,7 @@ exports[`components/cardDetail/comment return guest comment readonly 1`] = `
</div>
<div
class="octo-tooltip tooltip-top"
data-tooltip="October 01, 2020, 12:00 AM"
data-tooltip="October 01, 2020 at 12:00 AM"
>
<div
class="comment-date"

21
webapp/src/components/kanban/__snapshots__/kanban.test.tsx.snap
View File

@@ -340,24 +340,25 @@ exports[`src/component/kanban/kanban return kanban and click on KanbanCalculatio
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="CalculationOptions__control CalculationOptions__control--menu-is-open css-1s59geg-Control"
>
<div
class="CalculationOptions__value-container CalculationOptions__value-container--has-value css-1mxrbau-ValueContainer"
class="CalculationOptions__value-container CalculationOptions__value-container--has-value css-1kliayw-ValueContainer"
>
<div
class="CalculationOptions__single-value css-1qlwihv-singleValue"
class="CalculationOptions__single-value css-3hkq9s-singleValue"
>
Count
</div>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-controls="react-select-2-listbox"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-2-listbox"
aria-readonly="true"
class="css-mohuvp-dummyInput-DummyInput"
id="react-select-2-input"
@@ -372,7 +373,7 @@ exports[`src/component/kanban/kanban return kanban and click on KanbanCalculatio
>
<div
aria-hidden="true"
class="CalculationOptions__indicator CalculationOptions__clear-indicator css-tpaeio-indicatorContainer"
class="CalculationOptions__indicator CalculationOptions__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -388,11 +389,11 @@ exports[`src/component/kanban/kanban return kanban and click on KanbanCalculatio
</svg>
</div>
<span
class="CalculationOptions__indicator-separator css-43ykx9-indicatorSeparator"
class="CalculationOptions__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="CalculationOptions__indicator CalculationOptions__dropdown-indicator css-wpsttr-indicatorContainer"
class="CalculationOptions__indicator CalculationOptions__dropdown-indicator css-y45573-indicatorContainer"
>
<i
class="CompassIcon icon-chevron-up ChevronUpIcon"
@@ -401,11 +402,13 @@ exports[`src/component/kanban/kanban return kanban and click on KanbanCalculatio
</div>
</div>
<div
class="CalculationOptions__menu css-1rsmi4x-menu"
id="react-select-2-listbox"
class="CalculationOptions__menu css-45h7mv-menu"
>
<div
class="CalculationOptions__menu-list css-g29tl0-MenuList"
aria-multiselectable="false"
class="CalculationOptions__menu-list css-1d1qzc4-MenuList"
id="react-select-2-listbox"
role="listbox"
>
<div
class="KanbanCalculationOptions_CustomOption active"

21
webapp/src/components/kanban/calculation/__snapshots__/calculation.test.tsx.snap
View File

@@ -44,24 +44,25 @@ exports[`components/kanban/calculation/KanbanCalculation calculations menu open
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="CalculationOptions__control CalculationOptions__control--menu-is-open css-1s59geg-Control"
>
<div
class="CalculationOptions__value-container CalculationOptions__value-container--has-value css-1mxrbau-ValueContainer"
class="CalculationOptions__value-container CalculationOptions__value-container--has-value css-1kliayw-ValueContainer"
>
<div
class="CalculationOptions__single-value css-1qlwihv-singleValue"
class="CalculationOptions__single-value css-3hkq9s-singleValue"
>
Count
</div>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-controls="react-select-2-listbox"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-2-listbox"
aria-readonly="true"
class="css-mohuvp-dummyInput-DummyInput"
id="react-select-2-input"
@@ -76,7 +77,7 @@ exports[`components/kanban/calculation/KanbanCalculation calculations menu open
>
<div
aria-hidden="true"
class="CalculationOptions__indicator CalculationOptions__clear-indicator css-tpaeio-indicatorContainer"
class="CalculationOptions__indicator CalculationOptions__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -92,11 +93,11 @@ exports[`components/kanban/calculation/KanbanCalculation calculations menu open
</svg>
</div>
<span
class="CalculationOptions__indicator-separator css-43ykx9-indicatorSeparator"
class="CalculationOptions__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="CalculationOptions__indicator CalculationOptions__dropdown-indicator css-wpsttr-indicatorContainer"
class="CalculationOptions__indicator CalculationOptions__dropdown-indicator css-y45573-indicatorContainer"
>
<i
class="CompassIcon icon-chevron-up ChevronUpIcon"
@@ -105,11 +106,13 @@ exports[`components/kanban/calculation/KanbanCalculation calculations menu open
</div>
</div>
<div
class="CalculationOptions__menu css-1rsmi4x-menu"
id="react-select-2-listbox"
class="CalculationOptions__menu css-45h7mv-menu"
>
<div
class="CalculationOptions__menu-list css-g29tl0-MenuList"
aria-multiselectable="false"
class="CalculationOptions__menu-list css-1d1qzc4-MenuList"
id="react-select-2-listbox"
role="listbox"
>
<div
class="KanbanCalculationOptions_CustomOption active"

54
webapp/src/components/kanban/calculation/__snapshots__/calculationOptions.test.tsx.snap
View File

@@ -14,19 +14,21 @@ exports[`components/kanban/calculations/KanbanCalculationOptions base case 1`] =
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="CalculationOptions__control css-1s59geg-Control"
>
<div
class="CalculationOptions__value-container CalculationOptions__value-container--has-value css-1mxrbau-ValueContainer"
class="CalculationOptions__value-container CalculationOptions__value-container--has-value css-1kliayw-ValueContainer"
>
<div
class="CalculationOptions__single-value css-1qlwihv-singleValue"
class="CalculationOptions__single-value css-3hkq9s-singleValue"
>
Count
</div>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
@@ -44,7 +46,7 @@ exports[`components/kanban/calculations/KanbanCalculationOptions base case 1`] =
>
<div
aria-hidden="true"
class="CalculationOptions__indicator CalculationOptions__clear-indicator css-tpaeio-indicatorContainer"
class="CalculationOptions__indicator CalculationOptions__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -60,11 +62,11 @@ exports[`components/kanban/calculations/KanbanCalculationOptions base case 1`] =
</svg>
</div>
<span
class="CalculationOptions__indicator-separator css-43ykx9-indicatorSeparator"
class="CalculationOptions__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="CalculationOptions__indicator CalculationOptions__dropdown-indicator css-wpsttr-indicatorContainer"
class="CalculationOptions__indicator CalculationOptions__dropdown-indicator css-y45573-indicatorContainer"
>
<i
class="CompassIcon icon-chevron-up ChevronUpIcon"
@@ -95,24 +97,25 @@ exports[`components/kanban/calculations/KanbanCalculationOptions with menu open
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="CalculationOptions__control CalculationOptions__control--menu-is-open css-1s59geg-Control"
>
<div
class="CalculationOptions__value-container CalculationOptions__value-container--has-value css-1mxrbau-ValueContainer"
class="CalculationOptions__value-container CalculationOptions__value-container--has-value css-1kliayw-ValueContainer"
>
<div
class="CalculationOptions__single-value css-1qlwihv-singleValue"
class="CalculationOptions__single-value css-3hkq9s-singleValue"
>
Count
</div>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-controls="react-select-3-listbox"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-3-listbox"
aria-readonly="true"
class="css-mohuvp-dummyInput-DummyInput"
id="react-select-3-input"
@@ -127,7 +130,7 @@ exports[`components/kanban/calculations/KanbanCalculationOptions with menu open
>
<div
aria-hidden="true"
class="CalculationOptions__indicator CalculationOptions__clear-indicator css-tpaeio-indicatorContainer"
class="CalculationOptions__indicator CalculationOptions__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -143,11 +146,11 @@ exports[`components/kanban/calculations/KanbanCalculationOptions with menu open
</svg>
</div>
<span
class="CalculationOptions__indicator-separator css-43ykx9-indicatorSeparator"
class="CalculationOptions__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="CalculationOptions__indicator CalculationOptions__dropdown-indicator css-wpsttr-indicatorContainer"
class="CalculationOptions__indicator CalculationOptions__dropdown-indicator css-y45573-indicatorContainer"
>
<i
class="CompassIcon icon-chevron-up ChevronUpIcon"
@@ -156,11 +159,13 @@ exports[`components/kanban/calculations/KanbanCalculationOptions with menu open
</div>
</div>
<div
class="CalculationOptions__menu css-1rsmi4x-menu"
id="react-select-3-listbox"
class="CalculationOptions__menu css-45h7mv-menu"
>
<div
class="CalculationOptions__menu-list css-g29tl0-MenuList"
aria-multiselectable="false"
class="CalculationOptions__menu-list css-1d1qzc4-MenuList"
id="react-select-3-listbox"
role="listbox"
>
<div
class="KanbanCalculationOptions_CustomOption active"
@@ -261,24 +266,25 @@ exports[`components/kanban/calculations/KanbanCalculationOptions with submenu op
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="CalculationOptions__control CalculationOptions__control--menu-is-open css-1s59geg-Control"
>
<div
class="CalculationOptions__value-container CalculationOptions__value-container--has-value css-1mxrbau-ValueContainer"
class="CalculationOptions__value-container CalculationOptions__value-container--has-value css-1kliayw-ValueContainer"
>
<div
class="CalculationOptions__single-value css-1qlwihv-singleValue"
class="CalculationOptions__single-value css-3hkq9s-singleValue"
>
Count
</div>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-controls="react-select-4-listbox"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-4-listbox"
aria-readonly="true"
class="css-mohuvp-dummyInput-DummyInput"
id="react-select-4-input"
@@ -293,7 +299,7 @@ exports[`components/kanban/calculations/KanbanCalculationOptions with submenu op
>
<div
aria-hidden="true"
class="CalculationOptions__indicator CalculationOptions__clear-indicator css-tpaeio-indicatorContainer"
class="CalculationOptions__indicator CalculationOptions__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -309,11 +315,11 @@ exports[`components/kanban/calculations/KanbanCalculationOptions with submenu op
</svg>
</div>
<span
class="CalculationOptions__indicator-separator css-43ykx9-indicatorSeparator"
class="CalculationOptions__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="CalculationOptions__indicator CalculationOptions__dropdown-indicator css-wpsttr-indicatorContainer"
class="CalculationOptions__indicator CalculationOptions__dropdown-indicator css-y45573-indicatorContainer"
>
<i
class="CompassIcon icon-chevron-up ChevronUpIcon"
@@ -322,11 +328,13 @@ exports[`components/kanban/calculations/KanbanCalculationOptions with submenu op
</div>
</div>
<div
class="CalculationOptions__menu css-1rsmi4x-menu"
id="react-select-4-listbox"
class="CalculationOptions__menu css-45h7mv-menu"
>
<div
class="CalculationOptions__menu-list css-g29tl0-MenuList"
aria-multiselectable="false"
class="CalculationOptions__menu-list css-1d1qzc4-MenuList"
id="react-select-4-listbox"
role="listbox"
>
<div
class="KanbanCalculationOptions_CustomOption active"

289
webapp/src/components/shareBoard/__snapshots__/shareBoard.test.tsx.snap
View File

@@ -60,24 +60,26 @@ exports[`src/components/shareBoard/shareBoard confirm unlinking linked channel 1
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-12-placeholder"
>
Search for people and channels
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-12-placeholder"
aria-expanded="false"
@@ -310,24 +312,26 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Copy l
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-4-placeholder"
>
Search for people and channels
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-4-placeholder"
aria-expanded="false"
@@ -519,24 +523,26 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Copy l
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-4-placeholder"
>
Search for people and channels
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-4-placeholder"
aria-expanded="false"
@@ -728,24 +734,26 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Regene
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-5-placeholder"
>
Search for people and channels
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-5-placeholder"
aria-expanded="false"
@@ -960,24 +968,26 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-10-placeholder"
>
Search for people and channels
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-10-placeholder"
aria-expanded="false"
@@ -1196,39 +1206,48 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
>
<span
id="aria-selection"
/>
<span
id="aria-context"
id="aria-focused"
/>
<span
id="aria-results"
>
option username_1 focused, 0 of 2. 8 results available. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
8 results available.
</span>
<span
id="aria-guidance"
>
Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
</span>
</span>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-10-placeholder"
>
Search for people and channels
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant="react-select-10-option-0-0"
aria-autocomplete="list"
aria-controls="react-select-10-listbox"
aria-describedby="react-select-10-placeholder"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-10-listbox"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
@@ -1248,17 +1267,19 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
/>
</div>
<div
class=" css-1rsmi4x-menu"
id="react-select-10-listbox"
class=" css-45h7mv-menu"
>
<div
class=" css-g29tl0-MenuList"
aria-multiselectable="false"
class=" css-1d1qzc4-MenuList"
id="react-select-10-listbox"
role="listbox"
>
<div
class=" css-syji7d-Group"
>
<div
class=" css-18ng2q5-group"
class=" css-jtaw72-group"
id="react-select-10-group-0-heading"
>
Members
@@ -1266,8 +1287,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
<div>
<div
aria-disabled="false"
class=" css-erqggd-option"
aria-selected="false"
class=" css-8e5kjb-option"
id="react-select-10-option-0-0"
role="option"
tabindex="-1"
>
<div
@@ -1292,8 +1315,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-10-option-0-1"
role="option"
tabindex="-1"
>
<div
@@ -1318,8 +1343,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-10-option-0-2"
role="option"
tabindex="-1"
>
<div
@@ -1344,8 +1371,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-10-option-0-3"
role="option"
tabindex="-1"
>
<div
@@ -1374,7 +1403,7 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
class=" css-syji7d-Group"
>
<div
class=" css-18ng2q5-group"
class=" css-jtaw72-group"
id="react-select-10-group-1-heading"
>
Channels
@@ -1382,8 +1411,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
<div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-10-option-1-0"
role="option"
tabindex="-1"
>
<div
@@ -1403,8 +1434,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-10-option-1-1"
role="option"
tabindex="-1"
>
<div
@@ -1424,8 +1457,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-10-option-1-2"
role="option"
tabindex="-1"
>
<div
@@ -1445,8 +1480,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-10-option-1-3"
role="option"
tabindex="-1"
>
<div
@@ -1664,24 +1701,26 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-11-placeholder"
>
Search for people and channels
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-11-placeholder"
aria-expanded="false"
@@ -1900,39 +1939,48 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
>
<span
id="aria-selection"
/>
<span
id="aria-context"
id="aria-focused"
/>
<span
id="aria-results"
>
option username_1 focused, 0 of 2. 8 results available. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
8 results available.
</span>
<span
id="aria-guidance"
>
Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
</span>
</span>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-11-placeholder"
>
Search for people and channels
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant="react-select-11-option-0-0"
aria-autocomplete="list"
aria-controls="react-select-11-listbox"
aria-describedby="react-select-11-placeholder"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-11-listbox"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
@@ -1952,17 +2000,19 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
/>
</div>
<div
class=" css-1rsmi4x-menu"
id="react-select-11-listbox"
class=" css-45h7mv-menu"
>
<div
class=" css-g29tl0-MenuList"
aria-multiselectable="false"
class=" css-1d1qzc4-MenuList"
id="react-select-11-listbox"
role="listbox"
>
<div
class=" css-syji7d-Group"
>
<div
class=" css-18ng2q5-group"
class=" css-jtaw72-group"
id="react-select-11-group-0-heading"
>
Members
@@ -1970,8 +2020,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
<div>
<div
aria-disabled="false"
class=" css-erqggd-option"
aria-selected="false"
class=" css-8e5kjb-option"
id="react-select-11-option-0-0"
role="option"
tabindex="-1"
>
<div
@@ -2005,8 +2057,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-11-option-0-1"
role="option"
tabindex="-1"
>
<div
@@ -2040,8 +2094,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-11-option-0-2"
role="option"
tabindex="-1"
>
<div
@@ -2066,8 +2122,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-11-option-0-3"
role="option"
tabindex="-1"
>
<div
@@ -2096,7 +2154,7 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
class=" css-syji7d-Group"
>
<div
class=" css-18ng2q5-group"
class=" css-jtaw72-group"
id="react-select-11-group-1-heading"
>
Channels
@@ -2104,8 +2162,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
<div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-11-option-1-0"
role="option"
tabindex="-1"
>
<div
@@ -2125,8 +2185,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-11-option-1-1"
role="option"
tabindex="-1"
>
<div
@@ -2146,8 +2208,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-11-option-1-2"
role="option"
tabindex="-1"
>
<div
@@ -2167,8 +2231,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard and click Select
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-11-option-1-3"
role="option"
tabindex="-1"
>
<div
@@ -2386,24 +2452,26 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-14-placeholder"
>
Search for people
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-14-placeholder"
aria-expanded="false"
@@ -2571,39 +2639,48 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
>
<span
id="aria-selection"
/>
<span
id="aria-context"
id="aria-focused"
/>
<span
id="aria-results"
>
option username_1 focused, 0 of 1. 4 results available. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
4 results available.
</span>
<span
id="aria-guidance"
>
Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
</span>
</span>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-14-placeholder"
>
Search for people
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant="react-select-14-option-0-0"
aria-autocomplete="list"
aria-controls="react-select-14-listbox"
aria-describedby="react-select-14-placeholder"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-14-listbox"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
@@ -2623,17 +2700,19 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
/>
</div>
<div
class=" css-1rsmi4x-menu"
id="react-select-14-listbox"
class=" css-45h7mv-menu"
>
<div
class=" css-g29tl0-MenuList"
aria-multiselectable="false"
class=" css-1d1qzc4-MenuList"
id="react-select-14-listbox"
role="listbox"
>
<div
class=" css-syji7d-Group"
>
<div
class=" css-18ng2q5-group"
class=" css-jtaw72-group"
id="react-select-14-group-0-heading"
>
Members
@@ -2641,8 +2720,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
<div>
<div
aria-disabled="false"
class=" css-erqggd-option"
aria-selected="false"
class=" css-8e5kjb-option"
id="react-select-14-option-0-0"
role="option"
tabindex="-1"
>
<div
@@ -2667,8 +2748,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-14-option-0-1"
role="option"
tabindex="-1"
>
<div
@@ -2693,8 +2776,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-14-option-0-2"
role="option"
tabindex="-1"
>
<div
@@ -2719,8 +2804,10 @@ exports[`src/components/shareBoard/shareBoard return shareBoard template and cli
</div>
<div
aria-disabled="false"
class=" css-14xsrqy-option"
aria-selected="false"
class=" css-x3yilo-option"
id="react-select-14-option-0-3"
role="option"
tabindex="-1"
>
<div
@@ -2892,24 +2979,26 @@ exports[`src/components/shareBoard/shareBoard return shareBoard, and click switc
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-6-placeholder"
>
Search for people and channels
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-6-placeholder"
aria-expanded="false"
@@ -3124,24 +3213,26 @@ exports[`src/components/shareBoard/shareBoard return shareBoardComponent and cli
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-7-placeholder"
>
Search for people and channels
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-7-placeholder"
aria-expanded="false"
@@ -3356,24 +3447,26 @@ exports[`src/components/shareBoard/shareBoard should match snapshot 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-2-placeholder"
>
Search for people and channels
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-2-placeholder"
aria-expanded="false"
@@ -3565,24 +3658,26 @@ exports[`src/components/shareBoard/shareBoard should match snapshot with sharing
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-3-placeholder"
>
Search for people and channels
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-3-placeholder"
aria-expanded="false"
@@ -3774,24 +3869,26 @@ exports[`src/components/shareBoard/shareBoard should match snapshot with sharing
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-9-placeholder"
>
Search for people and channels
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-9-placeholder"
aria-expanded="false"
@@ -3983,24 +4080,26 @@ exports[`src/components/shareBoard/shareBoard should match snapshot with sharing
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-8-placeholder"
>
Search for people and channels
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-8-placeholder"
aria-expanded="false"
@@ -4192,24 +4291,26 @@ exports[`src/components/shareBoard/shareBoard should match snapshot, with templa
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class=" css-1wmrr75-Control"
>
<div
class=" css-30zlo3-ValueContainer"
class=" css-b2z5qd-ValueContainer"
>
<div
class=" css-14el2xx-placeholder"
class=" css-1jqq78o-placeholder"
id="react-select-13-placeholder"
>
Search for people
</div>
<div
class=" css-ox1y69-Input"
class=" css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-13-placeholder"
aria-expanded="false"

85
webapp/src/properties/multiperson/__snapshots__/multiperson.test.tsx.snap
View File

@@ -14,18 +14,19 @@ exports[`properties/multiperson not readonly 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="react-select__control css-18140j1-Control"
>
<div
class="react-select__value-container react-select__value-container--is-multi react-select__value-container--has-value css-o7cxt9-ValueContainer"
class="react-select__value-container react-select__value-container--is-multi react-select__value-container--has-value css-pcwdi-ValueContainer"
>
<div
class="css-1rhbuit-multiValue react-select__multi-value"
class="react-select__multi-value css-1p3m7a8-multiValue"
>
<div
class="css-12jo7m5 react-select__multi-value__label"
class="react-select__multi-value__label css-wsp0cs-MultiValueGeneric"
>
<div
class="MultiPerson-item"
@@ -35,7 +36,7 @@ exports[`properties/multiperson not readonly 1`] = `
</div>
<div
aria-label="Remove [object Object]"
class="css-xb97g8 react-select__multi-value__remove"
class="react-select__multi-value__remove css-12a83d4-MultiValueRemove"
role="button"
>
<svg
@@ -53,10 +54,10 @@ exports[`properties/multiperson not readonly 1`] = `
</div>
</div>
<div
class="css-1rhbuit-multiValue react-select__multi-value"
class="react-select__multi-value css-1p3m7a8-multiValue"
>
<div
class="css-12jo7m5 react-select__multi-value__label"
class="react-select__multi-value__label css-wsp0cs-MultiValueGeneric"
>
<div
class="MultiPerson-item"
@@ -66,7 +67,7 @@ exports[`properties/multiperson not readonly 1`] = `
</div>
<div
aria-label="Remove [object Object]"
class="css-xb97g8 react-select__multi-value__remove"
class="react-select__multi-value__remove css-12a83d4-MultiValueRemove"
role="button"
>
<svg
@@ -84,10 +85,11 @@ exports[`properties/multiperson not readonly 1`] = `
</div>
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
@@ -110,7 +112,7 @@ exports[`properties/multiperson not readonly 1`] = `
>
<div
aria-hidden="true"
class="react-select__indicator react-select__clear-indicator css-tpaeio-indicatorContainer"
class="react-select__indicator react-select__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -126,11 +128,11 @@ exports[`properties/multiperson not readonly 1`] = `
</svg>
</div>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-19sxey8-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-uycnsi-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -165,24 +167,26 @@ exports[`properties/multiperson not readonly not existing user 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="react-select__control css-18140j1-Control"
>
<div
class="react-select__value-container react-select__value-container--is-multi css-433wy7-ValueContainer"
class="react-select__value-container react-select__value-container--is-multi css-1gbdvdc-ValueContainer"
>
<div
class="react-select__placeholder css-14el2xx-placeholder"
class="react-select__placeholder css-1jqq78o-placeholder"
id="react-select-2-placeholder"
>
Empty
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-2-placeholder"
aria-expanded="false"
@@ -205,11 +209,11 @@ exports[`properties/multiperson not readonly not existing user 1`] = `
class="react-select__indicators css-1hb7zxy-IndicatorsContainer"
>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-19sxey8-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-uycnsi-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -263,27 +267,36 @@ exports[`properties/multiperson user dropdown open 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
>
<span
id="aria-selection"
/>
<span
id="aria-context"
id="aria-focused"
/>
<span
id="aria-results"
>
option username-3 focused, 3 of 3. 1 result available. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
1 result available.
</span>
<span
id="aria-guidance"
>
Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
</span>
</span>
<div
class="react-select__control react-select__control--is-focused react-select__control--menu-is-open css-18140j1-Control"
>
<div
class="react-select__value-container react-select__value-container--is-multi react-select__value-container--has-value css-o7cxt9-ValueContainer"
class="react-select__value-container react-select__value-container--is-multi react-select__value-container--has-value css-pcwdi-ValueContainer"
>
<div
class="css-1rhbuit-multiValue react-select__multi-value"
class="react-select__multi-value css-1p3m7a8-multiValue"
>
<div
class="css-12jo7m5 react-select__multi-value__label"
class="react-select__multi-value__label css-wsp0cs-MultiValueGeneric"
>
<div
class="MultiPerson-item"
@@ -293,7 +306,7 @@ exports[`properties/multiperson user dropdown open 1`] = `
</div>
<div
aria-label="Remove [object Object]"
class="css-xb97g8 react-select__multi-value__remove"
class="react-select__multi-value__remove css-12a83d4-MultiValueRemove"
role="button"
>
<svg
@@ -311,10 +324,10 @@ exports[`properties/multiperson user dropdown open 1`] = `
</div>
</div>
<div
class="css-1rhbuit-multiValue react-select__multi-value"
class="react-select__multi-value css-1p3m7a8-multiValue"
>
<div
class="css-12jo7m5 react-select__multi-value__label"
class="react-select__multi-value__label css-wsp0cs-MultiValueGeneric"
>
<div
class="MultiPerson-item"
@@ -324,7 +337,7 @@ exports[`properties/multiperson user dropdown open 1`] = `
</div>
<div
aria-label="Remove [object Object]"
class="css-xb97g8 react-select__multi-value__remove"
class="react-select__multi-value__remove css-12a83d4-MultiValueRemove"
role="button"
>
<svg
@@ -342,15 +355,15 @@ exports[`properties/multiperson user dropdown open 1`] = `
</div>
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant="react-select-4-option-2"
aria-autocomplete="list"
aria-controls="react-select-4-listbox"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-4-listbox"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
@@ -370,7 +383,7 @@ exports[`properties/multiperson user dropdown open 1`] = `
>
<div
aria-hidden="true"
class="react-select__indicator react-select__clear-indicator css-13eygzs-indicatorContainer"
class="react-select__indicator react-select__clear-indicator css-3pqe01-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -386,11 +399,11 @@ exports[`properties/multiperson user dropdown open 1`] = `
</svg>
</div>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-hl9mox-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-zngtjc-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -408,16 +421,20 @@ exports[`properties/multiperson user dropdown open 1`] = `
</div>
</div>
<div
class="react-select__menu css-10b6da7-menu"
id="react-select-4-listbox"
class="react-select__menu css-1slvcut-menu"
>
<div
class="react-select__menu-list react-select__menu-list--is-multi css-g29tl0-MenuList"
aria-multiselectable="true"
class="react-select__menu-list react-select__menu-list--is-multi css-1d1qzc4-MenuList"
id="react-select-4-listbox"
role="listbox"
>
<div
aria-disabled="false"
class="react-select__option react-select__option--is-focused css-1bwtvog-option"
aria-selected="false"
class="react-select__option react-select__option--is-focused css-63bi6m-option"
id="react-select-4-option-2"
role="option"
tabindex="-1"
>
<div

118
webapp/src/properties/person/__snapshots__/confirmPerson.test.tsx.snap
View File

@@ -14,15 +14,16 @@ exports[`properties/person select user - cancel 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="react-select__control css-18140j1-Control"
>
<div
class="react-select__value-container react-select__value-container--has-value css-433wy7-ValueContainer"
class="react-select__value-container react-select__value-container--has-value css-1gbdvdc-ValueContainer"
>
<div
class="react-select__single-value css-1lixa2z-singleValue"
class="react-select__single-value css-qosd1h-singleValue"
>
<div
class="Person-item"
@@ -31,10 +32,11 @@ exports[`properties/person select user - cancel 1`] = `
</div>
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
@@ -57,7 +59,7 @@ exports[`properties/person select user - cancel 1`] = `
>
<div
aria-hidden="true"
class="react-select__indicator react-select__clear-indicator css-tpaeio-indicatorContainer"
class="react-select__indicator react-select__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -73,11 +75,11 @@ exports[`properties/person select user - cancel 1`] = `
</svg>
</div>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-19sxey8-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-uycnsi-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -112,24 +114,33 @@ exports[`properties/person select user - cancel 2`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
>
<span
id="aria-selection"
/>
<span
id="aria-context"
id="aria-focused"
/>
<span
id="aria-results"
>
option username-4 focused, 0 of 2. 2 results available. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
2 results available.
</span>
<span
id="aria-guidance"
>
Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
</span>
</span>
<div
class="react-select__control react-select__control--is-focused react-select__control--menu-is-open css-18140j1-Control"
>
<div
class="react-select__value-container react-select__value-container--has-value css-433wy7-ValueContainer"
class="react-select__value-container react-select__value-container--has-value css-1gbdvdc-ValueContainer"
>
<div
class="react-select__single-value css-1lixa2z-singleValue"
class="react-select__single-value css-qosd1h-singleValue"
>
<div
class="Person-item"
@@ -138,15 +149,15 @@ exports[`properties/person select user - cancel 2`] = `
</div>
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant="react-select-4-option-1-0"
aria-autocomplete="list"
aria-controls="react-select-4-listbox"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-4-listbox"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
@@ -166,7 +177,7 @@ exports[`properties/person select user - cancel 2`] = `
>
<div
aria-hidden="true"
class="react-select__indicator react-select__clear-indicator css-13eygzs-indicatorContainer"
class="react-select__indicator react-select__clear-indicator css-3pqe01-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -182,11 +193,11 @@ exports[`properties/person select user - cancel 2`] = `
</svg>
</div>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-hl9mox-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-zngtjc-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -204,17 +215,19 @@ exports[`properties/person select user - cancel 2`] = `
</div>
</div>
<div
class="react-select__menu css-10b6da7-menu"
id="react-select-4-listbox"
class="react-select__menu css-1slvcut-menu"
>
<div
class="react-select__menu-list css-g29tl0-MenuList"
aria-multiselectable="false"
class="react-select__menu-list css-1d1qzc4-MenuList"
id="react-select-4-listbox"
role="listbox"
>
<div
class="react-select__group css-syji7d-Group"
>
<div
class="react-select__group-heading css-18ng2q5-group"
class="react-select__group-heading css-jtaw72-group"
id="react-select-4-group-1-heading"
>
Not board members
@@ -222,8 +235,10 @@ exports[`properties/person select user - cancel 2`] = `
<div>
<div
aria-disabled="false"
class="react-select__option react-select__option--is-focused css-1bwtvog-option"
aria-selected="false"
class="react-select__option react-select__option--is-focused css-63bi6m-option"
id="react-select-4-option-1-0"
role="option"
tabindex="-1"
>
<div
@@ -234,8 +249,10 @@ exports[`properties/person select user - cancel 2`] = `
</div>
<div
aria-disabled="false"
class="react-select__option css-nyiims-option"
aria-selected="false"
class="react-select__option css-1uk8033-option"
id="react-select-4-option-1-1"
role="option"
tabindex="-1"
>
<div
@@ -266,15 +283,16 @@ exports[`properties/person select user - confirm 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="react-select__control css-18140j1-Control"
>
<div
class="react-select__value-container react-select__value-container--has-value css-433wy7-ValueContainer"
class="react-select__value-container react-select__value-container--has-value css-1gbdvdc-ValueContainer"
>
<div
class="react-select__single-value css-1lixa2z-singleValue"
class="react-select__single-value css-qosd1h-singleValue"
>
<div
class="Person-item"
@@ -283,10 +301,11 @@ exports[`properties/person select user - confirm 1`] = `
</div>
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
@@ -309,7 +328,7 @@ exports[`properties/person select user - confirm 1`] = `
>
<div
aria-hidden="true"
class="react-select__indicator react-select__clear-indicator css-tpaeio-indicatorContainer"
class="react-select__indicator react-select__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -325,11 +344,11 @@ exports[`properties/person select user - confirm 1`] = `
</svg>
</div>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-19sxey8-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-uycnsi-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -364,24 +383,33 @@ exports[`properties/person select user - confirm 2`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
>
<span
id="aria-selection"
/>
<span
id="aria-context"
id="aria-focused"
/>
<span
id="aria-results"
>
option username-4 focused, 0 of 2. 2 results available. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
2 results available.
</span>
<span
id="aria-guidance"
>
Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
</span>
</span>
<div
class="react-select__control react-select__control--is-focused react-select__control--menu-is-open css-18140j1-Control"
>
<div
class="react-select__value-container react-select__value-container--has-value css-433wy7-ValueContainer"
class="react-select__value-container react-select__value-container--has-value css-1gbdvdc-ValueContainer"
>
<div
class="react-select__single-value css-1lixa2z-singleValue"
class="react-select__single-value css-qosd1h-singleValue"
>
<div
class="Person-item"
@@ -390,15 +418,15 @@ exports[`properties/person select user - confirm 2`] = `
</div>
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant="react-select-2-option-1-0"
aria-autocomplete="list"
aria-controls="react-select-2-listbox"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-2-listbox"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
@@ -418,7 +446,7 @@ exports[`properties/person select user - confirm 2`] = `
>
<div
aria-hidden="true"
class="react-select__indicator react-select__clear-indicator css-13eygzs-indicatorContainer"
class="react-select__indicator react-select__clear-indicator css-3pqe01-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -434,11 +462,11 @@ exports[`properties/person select user - confirm 2`] = `
</svg>
</div>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-hl9mox-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-zngtjc-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -456,17 +484,19 @@ exports[`properties/person select user - confirm 2`] = `
</div>
</div>
<div
class="react-select__menu css-10b6da7-menu"
id="react-select-2-listbox"
class="react-select__menu css-1slvcut-menu"
>
<div
class="react-select__menu-list css-g29tl0-MenuList"
aria-multiselectable="false"
class="react-select__menu-list css-1d1qzc4-MenuList"
id="react-select-2-listbox"
role="listbox"
>
<div
class="react-select__group css-syji7d-Group"
>
<div
class="react-select__group-heading css-18ng2q5-group"
class="react-select__group-heading css-jtaw72-group"
id="react-select-2-group-1-heading"
>
Not board members
@@ -474,8 +504,10 @@ exports[`properties/person select user - confirm 2`] = `
<div>
<div
aria-disabled="false"
class="react-select__option react-select__option--is-focused css-1bwtvog-option"
aria-selected="false"
class="react-select__option react-select__option--is-focused css-63bi6m-option"
id="react-select-2-option-1-0"
role="option"
tabindex="-1"
>
<div
@@ -486,8 +518,10 @@ exports[`properties/person select user - confirm 2`] = `
</div>
<div
aria-disabled="false"
class="react-select__option css-nyiims-option"
aria-selected="false"
class="react-select__option css-1uk8033-option"
id="react-select-2-option-1-1"
role="option"
tabindex="-1"
>
<div

79
webapp/src/properties/person/__snapshots__/person.test.tsx.snap
View File

@@ -14,24 +14,26 @@ exports[`properties/person not readOnly not existing user 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="react-select__control css-18140j1-Control"
>
<div
class="react-select__value-container css-433wy7-ValueContainer"
class="react-select__value-container css-1gbdvdc-ValueContainer"
>
<div
class="react-select__placeholder css-14el2xx-placeholder"
class="react-select__placeholder css-1jqq78o-placeholder"
id="react-select-2-placeholder"
>
Empty
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-describedby="react-select-2-placeholder"
aria-expanded="false"
@@ -54,11 +56,11 @@ exports[`properties/person not readOnly not existing user 1`] = `
class="react-select__indicators css-1hb7zxy-IndicatorsContainer"
>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-19sxey8-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-uycnsi-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -93,15 +95,16 @@ exports[`properties/person not readonly 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="react-select__control css-18140j1-Control"
>
<div
class="react-select__value-container react-select__value-container--has-value css-433wy7-ValueContainer"
class="react-select__value-container react-select__value-container--has-value css-1gbdvdc-ValueContainer"
>
<div
class="react-select__single-value css-1lixa2z-singleValue"
class="react-select__single-value css-qosd1h-singleValue"
>
<div
class="Person-item"
@@ -110,10 +113,11 @@ exports[`properties/person not readonly 1`] = `
</div>
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
@@ -136,7 +140,7 @@ exports[`properties/person not readonly 1`] = `
>
<div
aria-hidden="true"
class="react-select__indicator react-select__clear-indicator css-tpaeio-indicatorContainer"
class="react-select__indicator react-select__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -152,11 +156,11 @@ exports[`properties/person not readonly 1`] = `
</svg>
</div>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-19sxey8-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-uycnsi-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -191,15 +195,16 @@ exports[`properties/person not readonly guest user 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
/>
<div
class="react-select__control css-18140j1-Control"
>
<div
class="react-select__value-container react-select__value-container--has-value css-433wy7-ValueContainer"
class="react-select__value-container react-select__value-container--has-value css-1gbdvdc-ValueContainer"
>
<div
class="react-select__single-value css-1lixa2z-singleValue"
class="react-select__single-value css-qosd1h-singleValue"
>
<div
class="Person-item"
@@ -217,10 +222,11 @@ exports[`properties/person not readonly guest user 1`] = `
</div>
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant=""
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
@@ -243,7 +249,7 @@ exports[`properties/person not readonly guest user 1`] = `
>
<div
aria-hidden="true"
class="react-select__indicator react-select__clear-indicator css-tpaeio-indicatorContainer"
class="react-select__indicator react-select__clear-indicator css-31haax-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -259,11 +265,11 @@ exports[`properties/person not readonly guest user 1`] = `
</svg>
</div>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-19sxey8-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-uycnsi-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -312,24 +318,33 @@ exports[`properties/person user dropdown open 1`] = `
aria-live="polite"
aria-relevant="additions text"
class="css-1f43avz-a11yText-A11yText"
role="log"
>
<span
id="aria-selection"
/>
<span
id="aria-context"
id="aria-focused"
/>
<span
id="aria-results"
>
option username-1 selected, 1 of 1. 1 result available. Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
1 result available.
</span>
<span
id="aria-guidance"
>
Use Up and Down to choose options, press Enter to select the currently focused option, press Escape to exit the menu, press Tab to select the option and exit the menu.
</span>
</span>
<div
class="react-select__control react-select__control--is-focused react-select__control--menu-is-open css-18140j1-Control"
>
<div
class="react-select__value-container react-select__value-container--has-value css-433wy7-ValueContainer"
class="react-select__value-container react-select__value-container--has-value css-1gbdvdc-ValueContainer"
>
<div
class="react-select__single-value css-1lixa2z-singleValue"
class="react-select__single-value css-qosd1h-singleValue"
>
<div
class="Person-item"
@@ -338,15 +353,15 @@ exports[`properties/person user dropdown open 1`] = `
</div>
</div>
<div
class="react-select__input-container css-ox1y69-Input"
class="react-select__input-container css-1p5v8kp-Input"
data-value=""
>
<input
aria-activedescendant="react-select-5-option-0"
aria-autocomplete="list"
aria-controls="react-select-5-listbox"
aria-expanded="true"
aria-haspopup="true"
aria-owns="react-select-5-listbox"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
@@ -366,7 +381,7 @@ exports[`properties/person user dropdown open 1`] = `
>
<div
aria-hidden="true"
class="react-select__indicator react-select__clear-indicator css-13eygzs-indicatorContainer"
class="react-select__indicator react-select__clear-indicator css-3pqe01-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -382,11 +397,11 @@ exports[`properties/person user dropdown open 1`] = `
</svg>
</div>
<span
class="react-select__indicator-separator css-43ykx9-indicatorSeparator"
class="react-select__indicator-separator css-1uei4ir-indicatorSeparator"
/>
<div
aria-hidden="true"
class="react-select__indicator react-select__dropdown-indicator css-hl9mox-indicatorContainer"
class="react-select__indicator react-select__dropdown-indicator css-zngtjc-indicatorContainer"
>
<svg
aria-hidden="true"
@@ -404,16 +419,20 @@ exports[`properties/person user dropdown open 1`] = `
</div>
</div>
<div
class="react-select__menu css-10b6da7-menu"
id="react-select-5-listbox"
class="react-select__menu css-1slvcut-menu"
>
<div
class="react-select__menu-list css-g29tl0-MenuList"
aria-multiselectable="false"
class="react-select__menu-list css-1d1qzc4-MenuList"
id="react-select-5-listbox"
role="listbox"
>
<div
aria-disabled="false"
class="react-select__option react-select__option--is-focused react-select__option--is-selected css-10e3bcm-option"
aria-selected="true"
class="react-select__option react-select__option--is-focused react-select__option--is-selected css-ad52of-option"
id="react-select-5-option-0"
role="option"
tabindex="-1"
>
<div

2
webapp/src/properties/updatedTime/__snapshots__/updatedTime.test.tsx.snap
View File

@@ -5,7 +5,7 @@ exports[`properties/updatedTime should match snapshot 1`] = `
<div
class="UpdatedTime octo-propertyvalue octo-propertyvalue--readonly"
>
June 15, 2021, 4:22 PM
June 15, 2021 at 4:22 PM
</div>
</div>
`;

6
webapp/src/utils.test.ts
View File

@@ -60,7 +60,7 @@ describe('utils', () => {
})
test('should encode links', () => {
expect(Utils.htmlFromMarkdown('https://example.com?title=August<1>2022')).toBe('<p><a target="_blank" rel="noreferrer" href="https://example.com?title=August&lt;1&gt;2022" title="" onclick="">https://example.com?title=August&lt;1&gt;2022</a></p>')
expect(Utils.htmlFromMarkdown('https://example.com?title=August<1>2022')).toBe('<p><a target="_blank" rel="noreferrer" href="https://example.com?title=August&lt;1%3E2022" title="" onclick="">https://example.com?title=August&lt;1&gt;2022</a></p>')
expect(Utils.htmlFromMarkdown('[Duck Duck Go](https://duckduckgo.com "The best search engine\'s for <privacy>")')).toBe('<p><a target="_blank" rel="noreferrer" href="https://duckduckgo.com" title="The best search engine&#39;s for &lt;privacy&gt;" onclick="">Duck Duck Go</a></p>')
})
@@ -153,14 +153,14 @@ describe('utils', () => {
it('should show month, day and time for current year', () => {
const currentYear = new Date().getFullYear()
const date = new Date(currentYear, 6, 9, 15, 20)
expect(Utils.displayDateTime(date, intl)).toBe('July 09, 3:20 PM')
expect(Utils.displayDateTime(date, intl)).toBe('July 09 at 3:20 PM')
})
it('should show month, day, year and time for previous year', () => {
const currentYear = new Date().getFullYear()
const previousYear = currentYear - 1
const date = new Date(previousYear, 6, 9, 5, 35)
expect(Utils.displayDateTime(date, intl)).toBe(`July 09, ${previousYear}, 5:35 AM`)
expect(Utils.displayDateTime(date, intl)).toBe(`July 09, ${previousYear} at 5:35 AM`)
})
})