Skip to content

Update material-ui monorepo (major) #2706

Update material-ui monorepo (major)

Update material-ui monorepo (major) #2706

Triggered via pull request October 22, 2024 08:39
Status Failure
Total duration 15m 50s
Artifacts 3

ci-build.yml

on: pull_request
Fit to window
Zoom out
Zoom in

Annotations

11 errors
Cypress Tests
Process completed with exit code 1.
src/settingsMenuItems.component.test.tsx > Settings Menu Items component > renders dropdown only when menu is visible: src/settingsMenuItems.component.test.tsx#L50
Error: Snapshot `Settings Menu Items component > renders dropdown only when menu is visible 1` mismatched - Expected + Received @@ -3,133 +3,127 @@ <div id="settings" > <ul> <hr - class="MuiDivider-root MuiDivider-fullWidth css-9mgopn-MuiDivider-root" + class="MuiDivider-root MuiDivider-fullWidth css-1jpc804-MuiDivider-root" /> <li - class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-lblayi-MuiButtonBase-root-MuiMenuItem-root" + class="MuiButtonBase-root MuiMenuItem-root MuiMenuItem-gutters MuiMenuItem-root MuiMenuItem-gutters css-50lg7m-MuiButtonBase-root-MuiMenuItem-root" role="menuitem" tabindex="-1" > <div - class="MuiFormGroup-root css-dmmspl-MuiFormGroup-root" + class="MuiFormGroup-root css-1mac7pt-MuiFormGroup-root" > <div - class="MuiFormControl-root css-1nrlq1o-MuiFormControl-root" + class="MuiFormControl-root css-1iw3t7y-MuiFormControl-root" > <label - class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined css-1jy569b-MuiFormLabel-root-MuiInputLabel-root" + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiFormLabel-filled MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeMedium MuiInputLabel-outlined css-113d811-MuiFormLabel-root-MuiInputLabel-root" data-shrink="true" id="default-colour-map-select-label" > Default Colour Map </label> <div - class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-1ualgfl-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root" + class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl css-ovbmre-MuiInputBase-root-MuiOutlinedInput-root-MuiSelect-root" > <div aria-controls=":r0:" aria-expanded="false" aria-haspopup="listbox" aria-labelledby="default-colour-map-select-label colour-map-select" - class="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input" + class="MuiSelect-select MuiSelect-outlined MuiInputBase-input MuiOutlinedInput-input css-w76bbz-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input" id="colour-map-select" role="combobox" tabindex="0" > cividis </div> <input aria-hidden="true" aria-invalid="false" - class="MuiSelect-nativeInput css-yf8vq0-MuiSelect-nativeInput" + class="MuiSelect-nativeInput css-j0riat-MuiSelect-nativeInput" tabindex="-1" value="cividis" /> <svg aria-hidden="true" - class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined css-hfutr2-MuiSvgIcon-root-MuiSelect-icon" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSelect-icon MuiSelect-iconOutlined css-lohd6h-MuiSvgIcon-root-MuiSelect-icon" data-testid="ArrowDropDownIcon" focusable="fals
src/channels/channelBreadcrumbs.component.test.tsx > Channel Breadcrumbs > should render correctly for path: src/channels/channelBreadcrumbs.component.test.tsx#L18
Error: Snapshot `Channel Breadcrumbs > should render correctly for path 1` mismatched - Expected + Received @@ -1,30 +1,30 @@ <DocumentFragment> <nav aria-label="breadcrumb" - class="MuiTypography-root MuiTypography-body1 MuiBreadcrumbs-root css-63vwl1-MuiTypography-root-MuiBreadcrumbs-root" + class="MuiTypography-root MuiTypography-body1 MuiBreadcrumbs-root css-5cvx94-MuiTypography-root-MuiBreadcrumbs-root" > <ol - class="MuiBreadcrumbs-ol css-4pdmu4-MuiBreadcrumbs-ol" + class="MuiBreadcrumbs-ol css-1uwp4ue-MuiBreadcrumbs-ol" > <li class="MuiBreadcrumbs-li" > <a - class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-1xylxj1-MuiTypography-root-MuiLink-root" + class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-1orsvah-MuiTypography-root-MuiLink-root" href="#" > All Channels </a> </li> <li aria-hidden="true" - class="MuiBreadcrumbs-separator css-1wuw8dw-MuiBreadcrumbs-separator" + class="MuiBreadcrumbs-separator css-jhr02i-MuiBreadcrumbs-separator" > <svg aria-hidden="true" - class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-ptiqhd-MuiSvgIcon-root" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root" data-testid="NavigateNextIcon" focusable="false" viewBox="0 0 24 24" > <path @@ -34,23 +34,23 @@ </li> <li class="MuiBreadcrumbs-li" > <a - class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-1xylxj1-MuiTypography-root-MuiLink-root" + class="MuiTypography-root MuiTypography-inherit MuiLink-root MuiLink-underlineAlways css-1orsvah-MuiTypography-root-MuiLink-root" href="#" > test </a> </li> <li aria-hidden="true" - class="MuiBreadcrumbs-separator css-1wuw8dw-MuiBreadcrumbs-separator" + class="MuiBreadcrumbs-separator css-jhr02i-MuiBreadcrumbs-separator" > <svg aria-hidden="true" - class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-ptiqhd-MuiSvgIcon-root" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root" data-testid="NavigateNextIcon" focusable="false" viewBox="0 0 24 24" > <path @@ -60,11 +60,11 @@ </li> <li class="MuiBreadcrumbs-li" > <p - class="MuiTypography-root MuiTypography-body1 css-1gqyz35-MuiTypography-root" + class="MuiTypography-root MuiTypography-body1 css-4leci6-MuiTypography-root" > path </p> </li> </ol> ❯ src/channels/channelBreadcrumbs.component.test.tsx:18:31
src/channels/channelBreadcrumbs.component.test.tsx > Channel Breadcrumbs > should render correctly for root: src/channels/channelBreadcrumbs.component.test.tsx#L25
Error: Snapshot `Channel Breadcrumbs > should render correctly for root 1` mismatched - Expected + Received @@ -1,18 +1,18 @@ <DocumentFragment> <nav aria-label="breadcrumb" - class="MuiTypography-root MuiTypography-body1 MuiBreadcrumbs-root css-63vwl1-MuiTypography-root-MuiBreadcrumbs-root" + class="MuiTypography-root MuiTypography-body1 MuiBreadcrumbs-root css-5cvx94-MuiTypography-root-MuiBreadcrumbs-root" > <ol - class="MuiBreadcrumbs-ol css-4pdmu4-MuiBreadcrumbs-ol" + class="MuiBreadcrumbs-ol css-1uwp4ue-MuiBreadcrumbs-ol" > <li class="MuiBreadcrumbs-li" > <p - class="MuiTypography-root MuiTypography-body1 css-1gqyz35-MuiTypography-root" + class="MuiTypography-root MuiTypography-body1 css-4leci6-MuiTypography-root" > All Channels </p> </li> </ol> ❯ src/channels/channelBreadcrumbs.component.test.tsx:25:31
src/channels/channelMetadataPanel.component.test.tsx > Channel Metadata Panel > should render correctly for no channel selected: src/channels/channelMetadataPanel.component.test.tsx#L35
Error: Snapshot `Channel Metadata Panel > should render correctly for no channel selected 1` mismatched - Expected + Received <DocumentFragment> <h3 - class="MuiTypography-root MuiTypography-body1 MuiTypography-gutterBottom css-um3j9i-MuiTypography-root" + class="MuiTypography-root MuiTypography-body1 MuiTypography-gutterBottom css-e6g60o-MuiTypography-root" > Data Channels Help </h3> <p - class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ejgmvm-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ytim1c-MuiTypography-root" > There are two options to locate a channel. You can either search or use the navigation on the left. </p> <p - class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ejgmvm-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ytim1c-MuiTypography-root" > Channel metadata can also be viewed. This can be displayed by clicking a channel name </p> </DocumentFragment> ❯ src/channels/channelMetadataPanel.component.test.tsx:35:31
src/channels/channelMetadataPanel.component.test.tsx > Channel Metadata Panel > should render correctly for system channel: src/channels/channelMetadataPanel.component.test.tsx#L42
Error: Snapshot `Channel Metadata Panel > should render correctly for system channel 1` mismatched - Expected + Received <DocumentFragment> <div class="MuiStack-root css-3y1137-MuiStack-root" > <h3 - class="MuiTypography-root MuiTypography-body1 css-ndaqpv-MuiTypography-root" + class="MuiTypography-root MuiTypography-body1 css-lhsbas-MuiTypography-root" > Shot Number </h3> <button - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary css-11qr2p8-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary css-6wsdc3-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-1tjwu2m-MuiButton-startIcon" > <svg aria-hidden="true" - class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" data-testid="AddIcon" focusable="false" viewBox="0 0 24 24" > <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" /> </svg> </span> Add this channel - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> </div> <p - class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ejgmvm-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ytim1c-MuiTypography-root" > System name: shotnum </p> <p - class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ejgmvm-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ytim1c-MuiTypography-root" > Channel type: scalar </p> </DocumentFragment> ❯ src/channels/channelMetadataPanel.component.test.tsx:42:31
src/channels/channelMetadataPanel.component.test.tsx > Channel Metadata Panel > should render correctly for scalar channel with units selected: src/channels/channelMetadataPanel.component.test.tsx#L57
Error: Snapshot `Channel Metadata Panel > should render correctly for scalar channel with units selected 1` mismatched - Expected + Received @@ -1,154 +1,151 @@ <DocumentFragment> <div class="MuiStack-root css-3y1137-MuiStack-root" > <h3 - class="MuiTypography-root MuiTypography-body1 css-ndaqpv-MuiTypography-root" + class="MuiTypography-root MuiTypography-body1 css-lhsbas-MuiTypography-root" > Channel_ABCDE </h3> <button - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary css-11qr2p8-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary css-6wsdc3-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-1tjwu2m-MuiButton-startIcon" > <svg aria-hidden="true" - class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" data-testid="AddIcon" focusable="false" viewBox="0 0 24 24" > <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" /> </svg> </span> Add this channel - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> </div> <p - class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ejgmvm-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ytim1c-MuiTypography-root" > System name: CHANNEL_ABCDE </p> <p - class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ejgmvm-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ytim1c-MuiTypography-root" > Test description </p> <p - class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ejgmvm-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ytim1c-MuiTypography-root" > Channel type: scalar </p> <p - class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ejgmvm-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ytim1c-MuiTypography-root" > Units: cm </p> <hr - class="MuiDivider-root MuiDivider-fullWidth css-9mgopn-MuiDivider-root" + class="MuiDivider-root MuiDivider-fullWidth css-1jpc804-MuiDivider-root" /> <h4 - class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-w08jgs-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-13wd63j-MuiTypography-root" > Data Summary </h4> <p - class="MuiTypography-root MuiTypography-body2 css-e784if-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 css-7ctihp-MuiTypography-root" > First data date: 2022-01-29 00:00:00 </p> <p - class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ejgmvm-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ytim1c-MuiTypography-root" > Most recent data date: 2023-01-31 00:00:00 </
src/channels/channelMetadataPanel.component.test.tsx > Channel Metadata Panel > should render correctly for waveform channel with units selected: src/channels/channelMetadataPanel.component.test.tsx#L72
Error: Snapshot `Channel Metadata Panel > should render correctly for waveform channel with units selected 1` mismatched - Expected + Received @@ -1,162 +1,159 @@ <DocumentFragment> <div class="MuiStack-root css-3y1137-MuiStack-root" > <h3 - class="MuiTypography-root MuiTypography-body1 css-ndaqpv-MuiTypography-root" + class="MuiTypography-root MuiTypography-body1 css-lhsbas-MuiTypography-root" > CHANNEL_CDEFG </h3> <button - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary css-11qr2p8-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorPrimary css-6wsdc3-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > <span - class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-y6rp3m-MuiButton-startIcon" + class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeSmall css-1tjwu2m-MuiButton-startIcon" > <svg aria-hidden="true" - class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" data-testid="AddIcon" focusable="false" viewBox="0 0 24 24" > <path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z" /> </svg> </span> Add this channel - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> </div> <p - class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ejgmvm-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ytim1c-MuiTypography-root" > Channel type: waveform </p> <p - class="MuiTypography-root MuiTypography-body2 css-e784if-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 css-7ctihp-MuiTypography-root" > X Units: mm </p> <p - class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ejgmvm-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ytim1c-MuiTypography-root" > Y Units: J </p> <p - class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-3784aq-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-1wfqwqh-MuiTypography-root" > This channel is historical </p> <hr - class="MuiDivider-root MuiDivider-fullWidth css-9mgopn-MuiDivider-root" + class="MuiDivider-root MuiDivider-fullWidth css-1jpc804-MuiDivider-root" /> <h4 - class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-w08jgs-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-13wd63j-MuiTypography-root" > Data Summary </h4> <p - class="MuiTypography-root MuiTypography-body2 css-e784if-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 css-7ctihp-MuiTypography-root" > First data date: 2022-01-29 00:00:00 </p> <p - class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ejgmvm-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiTypography-gutterBottom css-ytim1c-MuiTypography-root" > Most recent data date: 2023-01-31 00:00:00 </p> <h5 - class="MuiTypography-root MuiTypogra
src/channels/channelSearch.component.test.tsx > Channel Search > should render correctly: src/channels/channelSearch.component.test.tsx#L22
Error: Snapshot `Channel Search > should render correctly 1` mismatched - Expected + Received @@ -1,34 +1,34 @@ <DocumentFragment> <div - class="MuiAutocomplete-root MuiAutocomplete-fullWidth MuiAutocomplete-hasPopupIcon css-hcdzbm-MuiAutocomplete-root" + class="MuiAutocomplete-root MuiAutocomplete-fullWidth MuiAutocomplete-hasPopupIcon css-1a86huh-MuiAutocomplete-root" > <div - class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-wb57ya-MuiFormControl-root-MuiTextField-root" + class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-cmpglg-MuiFormControl-root-MuiTextField-root" > <label - class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined css-1jy569b-MuiFormLabel-root-MuiInputLabel-root" + class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined MuiFormLabel-colorPrimary MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated MuiInputLabel-shrink MuiInputLabel-sizeSmall MuiInputLabel-outlined css-hvjq6j-MuiFormLabel-root-MuiInputLabel-root" data-shrink="true" for=":r0:" id=":r0:-label" > Search data channels </label> <div - class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedStart MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-1gywuxd-MuiInputBase-root-MuiOutlinedInput-root" + class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-sizeSmall MuiInputBase-adornedStart MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-1e3qgpi-MuiInputBase-root-MuiOutlinedInput-root" > <div - class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined MuiInputAdornment-sizeSmall css-ittuaa-MuiInputAdornment-root" + class="MuiInputAdornment-root MuiInputAdornment-positionStart MuiInputAdornment-outlined MuiInputAdornment-sizeSmall css-1nowbqt-MuiInputAdornment-root" > <span class="notranslate" > ​ </span> <svg aria-hidden="true" - class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" data-testid="SearchIcon" focusable="false" viewBox="0 0 24 24" > <path @@ -40,49 +40,46 @@ aria-autocomplete="list" aria-expanded="false" aria-invalid="false" autocapitalize="none" autocomplete="off" - class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-12yjm75-MuiInputBase-input-MuiOutlinedInput-input" + class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputSizeSmall MuiInputBase-inputAdornedStart MuiInputBase-inputAdornedEnd MuiAutocomplete-input MuiAutocomplete-inputFocused css-12tjcea-MuiInputBase-input-MuiOutlinedInput-input" id=":r0:" role="combobox" spellcheck="false" type="text" value="" /> <div - class="MuiAutocomplete-endAdornment css-p1olib-MuiAutocomplete-endAdornment" + class="MuiAutocomplete-endAdornment css-1uhhrmm-MuiAutocomplete-endAdornment" > <button aria-label="Ope
src/channels/channelTree.component.test.tsx > Channel Tree > should render correctly for root: src/channels/channelTree.component.test.tsx#L71
Error: Snapshot `Channel Tree > should render correctly for root 1` mismatched - Expected + Received @@ -1,35 +1,35 @@ <DocumentFragment> <ul - class="MuiList-root MuiList-dense css-1xbd29p-MuiList-root" + class="MuiList-root MuiList-dense css-38dcxu-MuiList-root" > <li - class="MuiListItem-root MuiListItem-dense css-1nxmd3h-MuiListItem-root" + class="MuiListItem-root MuiListItem-dense css-19f6boz-MuiListItem-root" > <div - class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-178cqt3-MuiButtonBase-root-MuiListItemButton-root" + class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-2knotq-MuiButtonBase-root-MuiListItemButton-root" role="button" tabindex="0" > <div - class="MuiListItemIcon-root css-cveggr-MuiListItemIcon-root" + class="MuiListItemIcon-root css-cokf1l-MuiListItemIcon-root" > <span aria-disabled="true" - class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root" + class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled MuiCheckbox-root MuiCheckbox-indeterminate MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall css-imrjgg-MuiButtonBase-root-MuiCheckbox-root" tabindex="-1" > <input aria-labelledby="checkbox-list-label-test_1" - class="PrivateSwitchBase-input css-1m9pwf3" + class="PrivateSwitchBase-input css-j8yymo" data-indeterminate="true" disabled="" type="checkbox" /> <svg aria-hidden="true" - class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-ptiqhd-MuiSvgIcon-root" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root" data-testid="IndeterminateCheckBoxIcon" focusable="false" viewBox="0 0 24 24" > <path @@ -37,50 +37,47 @@ /> </svg> </span> </div> <div - class="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root" + class="MuiListItemText-root MuiListItemText-dense css-cfq8qh-MuiListItemText-root" id="checkbox-list-label-test_1" > <span - class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-et1ao3-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-7ctihp-MuiTypography-root" > test_1 </span> </div> - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </div> </li> <li - class="MuiListItem-root MuiListItem-dense css-1nxmd3h-MuiListItem-root" + class="MuiListItem-root MuiListItem-dense css-19f6boz-MuiListItem-root" > <div - class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-178cqt3-MuiButtonBase-root-MuiListItemButton-root" + class="MuiButtonBase-root MuiListItemBu
src/channels/channelTree.component.test.tsx > Channel Tree > should render correctly for sub node: src/channels/channelTree.component.test.tsx#L78
Error: Snapshot `Channel Tree > should render correctly for sub node 1` mismatched - Expected + Received @@ -1,35 +1,35 @@ <DocumentFragment> <ul - class="MuiList-root MuiList-dense css-1xbd29p-MuiList-root" + class="MuiList-root MuiList-dense css-38dcxu-MuiList-root" > <li - class="MuiListItem-root MuiListItem-dense css-1nxmd3h-MuiListItem-root" + class="MuiListItem-root MuiListItem-dense css-19f6boz-MuiListItem-root" > <div - class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-178cqt3-MuiButtonBase-root-MuiListItemButton-root" + class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-2knotq-MuiButtonBase-root-MuiListItemButton-root" role="button" tabindex="0" > <div - class="MuiListItemIcon-root css-cveggr-MuiListItemIcon-root" + class="MuiListItemIcon-root css-cokf1l-MuiListItemIcon-root" > <span aria-disabled="true" - class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root" + class="MuiButtonBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled PrivateSwitchBase-root MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall Mui-disabled MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-sizeSmall css-imrjgg-MuiButtonBase-root-MuiCheckbox-root" tabindex="-1" > <input aria-labelledby="checkbox-list-label-timestamp" - class="PrivateSwitchBase-input css-1m9pwf3" + class="PrivateSwitchBase-input css-j8yymo" data-indeterminate="false" disabled="" type="checkbox" /> <svg aria-hidden="true" - class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-ptiqhd-MuiSvgIcon-root" + class="MuiSvgIcon-root MuiSvgIcon-fontSizeSmall css-120dh41-MuiSvgIcon-root" data-testid="CheckBoxOutlineBlankIcon" focusable="false" viewBox="0 0 24 24" > <path @@ -37,124 +37,109 @@ /> </svg> </span> </div> <div - class="MuiListItemText-root MuiListItemText-dense css-tlelie-MuiListItemText-root" + class="MuiListItemText-root MuiListItemText-dense css-cfq8qh-MuiListItemText-root" id="checkbox-list-label-timestamp" > <span - class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-et1ao3-MuiTypography-root" + class="MuiTypography-root MuiTypography-body2 MuiListItemText-primary css-7ctihp-MuiTypography-root" > Time </span> </div> - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </div> </li> <li - class="MuiListItem-root MuiListItem-dense css-1nxmd3h-MuiListItem-root" + class="MuiListItem-root MuiListItem-dense css-19f6boz-MuiListItem-root" > <div - class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-178cqt3-MuiButtonBase-root-MuiListItemButton-root" + class="MuiButtonBase-root MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters MuiListItemButton-root MuiListItemButton-dense MuiListItemButton-gutters css-2knotq-Mu

Artifacts

Produced during runtime
Name Size
OperationsGateway Screenshots
2.31 MB
playwright-report-mocked-tests
30 MB
playwright-report-real-tests
220 KB