Skip to content

458 formik and yup validations for link fe #808

458 formik and yup validations for link fe

458 formik and yup validations for link fe #808

Triggered via pull request January 3, 2025 19:40
Status Failure
Total duration 1m 36s
Artifacts

node.js.yml

on: pull_request
Matrix: build
Fit to window
Zoom out
Zoom in

Annotations

8 errors and 1 warning
src/tests/scenes/links/NewLinksPopup.test.jsx > Test Helper Link popup > Test adding a new link > should open the settings drawer when add new link is clicked: frontend/src/tests/scenes/links/NewLinksPopup.test.jsx#L90
TestingLibraryElementError: Unable to find role="form" Ignored nodes: comments, script, style <body style="padding-right: 1024px; overflow: hidden;" > <div aria-hidden="true" > <div class="new__container" /> </div> <div class="MuiDialog-root MuiModal-root css-1424xw8-MuiModal-root-MuiDialog-root" role="presentation" > <div aria-hidden="true" class="MuiBackdrop-root MuiModal-backdrop css-1cennmq-MuiBackdrop-root-MuiDialog-backdrop" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" /> <div data-testid="sentinelStart" tabindex="0" /> <div class="MuiDialog-container MuiDialog-scrollPaper css-19do60a-MuiDialog-container" role="presentation" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" tabindex="-1" > <div aria-labelledby=":r1:" aria-modal="true" class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthLg css-1kxic87-MuiPaper-root-MuiDialog-paper" role="dialog" style="--Paper-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12); position: static;" > <div class="container" > <div class="popup" > <div class="header" > <span style="margin-left: 5px;" > New Helper Link </span> <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" data-testid="CloseOutlinedIcon" focusable="false" style="color: rgb(152, 162, 179); font-size: 20px; cursor: pointer;" viewBox="0 0 24 24" > <path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" /> </svg> </div> <div class="content" > <div class="buttons" > <button class="menuButton active" > Content </button> <button class="menuButton" > Appearance </button> </div> <div class="leftRightContent" > <form action="#" class="settings" > <div class="settings__header" > <span class="settings__header--title" > Add new link </span> <div class="settings__header--right" > <span class="settings__header--info" > Auto-saved </span> <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" data-testid="close" focusable="false" style="color: rgb(152, 162, 179); font-size: 20px; cursor: pointer;" viewBox="0 0 24 24" > <path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" /> </
src/tests/scenes/links/NewLinksPopup.test.jsx > Test Helper Link popup > Test adding a new link > should add the new link to links list and to the preview when a new link is created: frontend/src/tests/scenes/links/NewLinksPopup.test.jsx#L56
TestingLibraryElementError: Unable to find role="form" Ignored nodes: comments, script, style <body style="padding-right: 1024px; overflow: hidden;" > <div aria-hidden="true" > <div class="new__container" /> </div> <div class="MuiDialog-root MuiModal-root css-1424xw8-MuiModal-root-MuiDialog-root" role="presentation" > <div aria-hidden="true" class="MuiBackdrop-root MuiModal-backdrop css-1cennmq-MuiBackdrop-root-MuiDialog-backdrop" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" /> <div data-testid="sentinelStart" tabindex="0" /> <div class="MuiDialog-container MuiDialog-scrollPaper css-19do60a-MuiDialog-container" role="presentation" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" tabindex="-1" > <div aria-labelledby=":r2:" aria-modal="true" class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthLg css-1kxic87-MuiPaper-root-MuiDialog-paper" role="dialog" style="--Paper-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12); position: static;" > <div class="container" > <div class="popup" > <div class="header" > <span style="margin-left: 5px;" > New Helper Link </span> <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" data-testid="CloseOutlinedIcon" focusable="false" style="color: rgb(152, 162, 179); font-size: 20px; cursor: pointer;" viewBox="0 0 24 24" > <path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" /> </svg> </div> <div class="content" > <div class="buttons" > <button class="menuButton active" > Content </button> <button class="menuButton" > Appearance </button> </div> <div class="leftRightContent" > <form action="#" class="settings" > <div class="settings__header" > <span class="settings__header--title" > Add new link </span> <div class="settings__header--right" > <span class="settings__header--info" > Auto-saved </span> <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" data-testid="close" focusable="false" style="color: rgb(152, 162, 179); font-size: 20px; cursor: pointer;" viewBox="0 0 24 24" > <path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" /> </
src/tests/scenes/links/NewLinksPopup.test.jsx > Test Helper Link popup > Test adding a new link > should add the new link to links list and to the preview with the correct target when a new link is created: frontend/src/tests/scenes/links/NewLinksPopup.test.jsx#L56
TestingLibraryElementError: Unable to find role="form" Ignored nodes: comments, script, style <body style="padding-right: 1024px; overflow: hidden;" > <div aria-hidden="true" > <div class="new__container" /> </div> <div class="MuiDialog-root MuiModal-root css-1424xw8-MuiModal-root-MuiDialog-root" role="presentation" > <div aria-hidden="true" class="MuiBackdrop-root MuiModal-backdrop css-1cennmq-MuiBackdrop-root-MuiDialog-backdrop" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" /> <div data-testid="sentinelStart" tabindex="0" /> <div class="MuiDialog-container MuiDialog-scrollPaper css-19do60a-MuiDialog-container" role="presentation" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" tabindex="-1" > <div aria-labelledby=":r3:" aria-modal="true" class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthLg css-1kxic87-MuiPaper-root-MuiDialog-paper" role="dialog" style="--Paper-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12); position: static;" > <div class="container" > <div class="popup" > <div class="header" > <span style="margin-left: 5px;" > New Helper Link </span> <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" data-testid="CloseOutlinedIcon" focusable="false" style="color: rgb(152, 162, 179); font-size: 20px; cursor: pointer;" viewBox="0 0 24 24" > <path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" /> </svg> </div> <div class="content" > <div class="buttons" > <button class="menuButton active" > Content </button> <button class="menuButton" > Appearance </button> </div> <div class="leftRightContent" > <form action="#" class="settings" > <div class="settings__header" > <span class="settings__header--title" > Add new link </span> <div class="settings__header--right" > <span class="settings__header--info" > Auto-saved </span> <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" data-testid="close" focusable="false" style="color: rgb(152, 162, 179); font-size: 20px; cursor: pointer;" viewBox="0 0 24 24" > <path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" /> </
src/tests/scenes/links/NewLinksPopup.test.jsx > Test Helper Link popup > Test the appearance and the preview > should display the appearance form when the button is clicked: frontend/src/tests/scenes/links/NewLinksPopup.test.jsx#L162
TestingLibraryElementError: Unable to find role="form" Ignored nodes: comments, script, style <body style="padding-right: 1024px; overflow: hidden;" > <div aria-hidden="true" > <div class="new__container" /> </div> <div class="MuiDialog-root MuiModal-root css-1424xw8-MuiModal-root-MuiDialog-root" role="presentation" > <div aria-hidden="true" class="MuiBackdrop-root MuiModal-backdrop css-1cennmq-MuiBackdrop-root-MuiDialog-backdrop" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" /> <div data-testid="sentinelStart" tabindex="0" /> <div class="MuiDialog-container MuiDialog-scrollPaper css-19do60a-MuiDialog-container" role="presentation" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" tabindex="-1" > <div aria-labelledby=":r4:" aria-modal="true" class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthLg css-1kxic87-MuiPaper-root-MuiDialog-paper" role="dialog" style="--Paper-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12); position: static;" > <div class="container" > <div class="popup" > <div class="header" > <span style="margin-left: 5px;" > New Helper Link </span> <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" data-testid="CloseOutlinedIcon" focusable="false" style="color: rgb(152, 162, 179); font-size: 20px; cursor: pointer;" viewBox="0 0 24 24" > <path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" /> </svg> </div> <div class="content" > <div class="buttons" > <button class="menuButton" > Content </button> <button class="menuButton active" > Appearance </button> </div> <div class="leftRightContent" > <form action="#" class="appearance" > <label class="appearance__label" for="header" > Header text <input class="appearance__input undefined" id="header" name="title" type="text" value="" /> </label> <label class="appearance__label" for="header-bg" > Header background color <div class="appearance__color" > <span class="appearance__input header undefined" > #F8F9F8 </span> <div class="appearance__circle" > <input id="header-bg" name="headerBackgroundColor"
src/tests/scenes/links/NewLinksPopup.test.jsx > Test Helper Link popup > Test the appearance and the preview > should change the background color of the header if the color is changed: frontend/src/tests/scenes/links/NewLinksPopup.test.jsx#L189
TestingLibraryElementError: Unable to find role="form" Ignored nodes: comments, script, style <body style="padding-right: 1024px; overflow: hidden;" > <div aria-hidden="true" > <div class="new__container" /> </div> <div class="MuiDialog-root MuiModal-root css-1424xw8-MuiModal-root-MuiDialog-root" role="presentation" > <div aria-hidden="true" class="MuiBackdrop-root MuiModal-backdrop css-1cennmq-MuiBackdrop-root-MuiDialog-backdrop" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" /> <div data-testid="sentinelStart" tabindex="0" /> <div class="MuiDialog-container MuiDialog-scrollPaper css-19do60a-MuiDialog-container" role="presentation" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" tabindex="-1" > <div aria-labelledby=":r6:" aria-modal="true" class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthLg css-1kxic87-MuiPaper-root-MuiDialog-paper" role="dialog" style="--Paper-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12); position: static;" > <div class="container" > <div class="popup" > <div class="header" > <span style="margin-left: 5px;" > New Helper Link </span> <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" data-testid="CloseOutlinedIcon" focusable="false" style="color: rgb(152, 162, 179); font-size: 20px; cursor: pointer;" viewBox="0 0 24 24" > <path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" /> </svg> </div> <div class="content" > <div class="buttons" > <button class="menuButton" > Content </button> <button class="menuButton active" > Appearance </button> </div> <div class="leftRightContent" > <form action="#" class="appearance" > <label class="appearance__label" for="header" > Header text <input class="appearance__input undefined" id="header" name="title" type="text" value="" /> </label> <label class="appearance__label" for="header-bg" > Header background color <div class="appearance__color" > <span class="appearance__input header undefined" > #F8F9F8 </span> <div class="appearance__circle" > <input id="header-bg" name="headerBackgroundColor"
src/tests/scenes/links/NewLinksPopup.test.jsx > Test Helper Link popup > Test the appearance and the preview > should change the link text color if the color is changed: frontend/src/tests/scenes/links/NewLinksPopup.test.jsx#L56
TestingLibraryElementError: Unable to find role="form" Ignored nodes: comments, script, style <body style="padding-right: 1024px; overflow: hidden;" > <div aria-hidden="true" > <div class="new__container" /> </div> <div class="MuiDialog-root MuiModal-root css-1424xw8-MuiModal-root-MuiDialog-root" role="presentation" > <div aria-hidden="true" class="MuiBackdrop-root MuiModal-backdrop css-1cennmq-MuiBackdrop-root-MuiDialog-backdrop" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" /> <div data-testid="sentinelStart" tabindex="0" /> <div class="MuiDialog-container MuiDialog-scrollPaper css-19do60a-MuiDialog-container" role="presentation" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" tabindex="-1" > <div aria-labelledby=":r7:" aria-modal="true" class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthLg css-1kxic87-MuiPaper-root-MuiDialog-paper" role="dialog" style="--Paper-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12); position: static;" > <div class="container" > <div class="popup" > <div class="header" > <span style="margin-left: 5px;" > New Helper Link </span> <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" data-testid="CloseOutlinedIcon" focusable="false" style="color: rgb(152, 162, 179); font-size: 20px; cursor: pointer;" viewBox="0 0 24 24" > <path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" /> </svg> </div> <div class="content" > <div class="buttons" > <button class="menuButton active" > Content </button> <button class="menuButton" > Appearance </button> </div> <div class="leftRightContent" > <form action="#" class="settings" > <div class="settings__header" > <span class="settings__header--title" > Add new link </span> <div class="settings__header--right" > <span class="settings__header--info" > Auto-saved </span> <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" data-testid="close" focusable="false" style="color: rgb(152, 162, 179); font-size: 20px; cursor: pointer;" viewBox="0 0 24 24" > <path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" /> </
src/tests/scenes/links/NewLinksPopup.test.jsx > Test Helper Link popup > Test the appearance and the preview > should change the icon color if the color is changed: frontend/src/tests/scenes/links/NewLinksPopup.test.jsx#L56
TestingLibraryElementError: Unable to find role="form" Ignored nodes: comments, script, style <body style="padding-right: 1024px; overflow: hidden;" > <div aria-hidden="true" > <div class="new__container" /> </div> <div class="MuiDialog-root MuiModal-root css-1424xw8-MuiModal-root-MuiDialog-root" role="presentation" > <div aria-hidden="true" class="MuiBackdrop-root MuiModal-backdrop css-1cennmq-MuiBackdrop-root-MuiDialog-backdrop" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" /> <div data-testid="sentinelStart" tabindex="0" /> <div class="MuiDialog-container MuiDialog-scrollPaper css-19do60a-MuiDialog-container" role="presentation" style="opacity: 1; webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;" tabindex="-1" > <div aria-labelledby=":r8:" aria-modal="true" class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation24 MuiDialog-paper MuiDialog-paperScrollPaper MuiDialog-paperWidthLg css-1kxic87-MuiPaper-root-MuiDialog-paper" role="dialog" style="--Paper-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12); position: static;" > <div class="container" > <div class="popup" > <div class="header" > <span style="margin-left: 5px;" > New Helper Link </span> <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" data-testid="CloseOutlinedIcon" focusable="false" style="color: rgb(152, 162, 179); font-size: 20px; cursor: pointer;" viewBox="0 0 24 24" > <path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" /> </svg> </div> <div class="content" > <div class="buttons" > <button class="menuButton active" > Content </button> <button class="menuButton" > Appearance </button> </div> <div class="leftRightContent" > <form action="#" class="settings" > <div class="settings__header" > <span class="settings__header--title" > Add new link </span> <div class="settings__header--right" > <span class="settings__header--info" > Auto-saved </span> <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1umw9bq-MuiSvgIcon-root" data-testid="close" focusable="false" style="color: rgb(152, 162, 179); font-size: 20px; cursor: pointer;" viewBox="0 0 24 24" > <path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z" /> </
build (22.x)
Process completed with exit code 1.
build (22.x)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636