Skip to content

Update material-ui monorepo to v6 #2263

Update material-ui monorepo to v6

Update material-ui monorepo to v6 #2263

Triggered via push October 22, 2024 14:40
Status Failure
Total duration 36s
Artifacts
check_firebase_hosting
26s
check_firebase_hosting
Fit to window
Zoom out
Zoom in

Annotations

10 errors
src/components/Body/index.spec.tsx > Bodyが正しく表示される > firebaseの認証が表示されていない状態: src/components/Body/index.spec.tsx#L36
Error: Snapshot `Bodyが正しく表示される > firebaseの認証が表示されていない状態 1` mismatched - Expected + Received @@ -1,8 +1,8 @@ <DocumentFragment> <div - class="MuiContainer-root css-ur2jdm-MuiContainer-root" + class="MuiContainer-root css-12pwiy3-MuiContainer-root" > <a href="" rel="noopener noreferrer" target="_blank" @@ -10,38 +10,38 @@ #times_esa </a> : 今日は0個つぶやいたよ <form> <div - class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-1os9qaz-MuiFormControl-root-MuiTextField-root" + class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-grz519-MuiFormControl-root-MuiTextField-root" > <div - class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-multiline css-8ewcdo-MuiInputBase-root-MuiOutlinedInput-root" + class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-multiline css-zsp0bh-MuiInputBase-root-MuiOutlinedInput-root" > <textarea aria-invalid="false" - class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input" + class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input" id=":r0:" placeholder="日報のタイトルを記入しましょう" required="" style="height: 0px; overflow: hidden;" > 日報 </textarea> <textarea aria-hidden="true" - class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input" + class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input" readonly="" style="visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0); padding-top: 0px; padding-bottom: 0px; width: 100%;" tabindex="-1" /> <fieldset aria-hidden="true" - class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline" + class="MuiOutlinedInput-notchedOutline css-1ll44ll-MuiOutlinedInput-notchedOutline" > <legend - class="css-ihdtdm" + class="css-w4cd9x" > <span class="notranslate" > ​ @@ -49,38 +49,38 @@ </legend> </fieldset> </div> </div> <div - class="MuiAutocomplete-root css-1x6bjyf-MuiAutocomplete-root" + class="MuiAutocomplete-root css-o5oj2-MuiAutocomplete-root" > <div - class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-zvwh9k-MuiFormControl-root-MuiTextField-root" + class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-e4sgrv-MuiFormControl-root-MuiTextField-root" > <div - class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiAutocomplete-inputRoot css-md26zr-MuiInputBase-root-MuiOutlinedInput-root" + class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiAutocomplete-inputRoot css-1blp12k-MuiInputBase-root-MuiOutlinedInput-root" > <input aria-autocomplete="list" aria-expanded="false" aria-invalid="false" autocapitalize="none" autocomplete="off" - class="MuiInputBase-input MuiOutlinedInput-input MuiAutocomplete-i
src/components/Body/index.spec.tsx > Bodyが正しく表示される > firebaseの認証が通ったが、invalidなユーザー: src/components/Body/index.spec.tsx#L69
Error: Snapshot `Bodyが正しく表示される > firebaseの認証が通ったが、invalidなユーザー 1` mismatched - Expected + Received @@ -12,16 +12,13 @@ </div> <div> Error: 有効なメールアドレスではありません。 </div> <button - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-sghohy-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-1abvrni-MuiButtonBase-root-MuiButton-root" tabindex="0" type="button" > Sign-out - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> </div> </DocumentFragment> ❯ src/components/Body/index.spec.tsx:69:39
src/components/DailyReport/index.spec.tsx > DailyReportが正しく表示される > ディフォルトではhtmlが表示される: src/components/DailyReport/index.spec.tsx#L20
Error: Snapshot `DailyReportが正しく表示される > ディフォルトではhtmlが表示される 1` mismatched - Expected + Received @@ -1,50 +1,38 @@ <DocumentFragment> <div> <button - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary css-9aa3p4-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary css-u9c0rv-MuiButtonBase-root-MuiButton-root" style="margin: 3px; text-transform: none;" tabindex="0" type="button" > Update - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <button - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary css-9aa3p4-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary css-u9c0rv-MuiButtonBase-root-MuiButton-root" style="margin: 3px; text-transform: none;" tabindex="0" type="button" > html - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <button - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary css-9aa3p4-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary css-u9c0rv-MuiButtonBase-root-MuiButton-root" style="margin: 3px; text-transform: none;" tabindex="0" type="button" > text - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <button - class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary css-9aa3p4-MuiButtonBase-root-MuiButton-root" + class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary css-u9c0rv-MuiButtonBase-root-MuiButton-root" style="margin: 3px; text-transform: none;" tabindex="0" type="button" > share - <span - class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root" - /> </button> <div> <div style="white-space: normal; overflow: hidden; text-align: left; justify-content: left; align-items: left;"
src/components/DailyReport/index.spec.tsx > DailyReportが正しく表示される > textをクリックするとtextが表示される: src/components/DailyReport/index.spec.tsx#L40
Error: Snapshot `DailyReportが正しく表示される > textをクリックするとtextが表示される 20` mismatched Ignored nodes: comments, script, style <html> <head /> <body> <div> <div> <button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary css-u9c0rv-MuiButtonBase-root-MuiButton-root" style="margin: 3px; text-transform: none;" tabindex="0" type="button" > Update </button> <button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary css-u9c0rv-MuiButtonBase-root-MuiButton-root" style="margin: 3px; text-transform: none;" tabindex="0" type="button" > html </button> <button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary css-u9c0rv-MuiButtonBase-root-MuiButton-root" style="margin: 3px; text-transform: none;" tabindex="0" type="button" > text </button> <button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary css-u9c0rv-MuiButtonBase-root-MuiButton-root" style="margin: 3px; text-transform: none;" tabindex="0" type="button" > share </button> <div> <div style="white-space: pre-wrap; word-wrap: break-word; text-align: left; justify-content: left; align-items: left;" > RAW TEXT </div> </div> </div> </div> </body> </html>... ❯ src/components/DailyReport/index.spec.tsx:40:41 ❯ runWithExpensiveErrorDiagnosticsDisabled node_modules/@testing-library/dom/dist/config.js:47:12 ❯ checkCallback node_modules/@testing-library/dom/dist/wait-for.js:124:77 ❯ Timeout.checkRealTimersCallback node_modules/@testing-library/dom/dist/wait-for.js:118:16
src/components/DailyReport/index.spec.tsx > DailyReportが正しく表示される > shareをクリックすると共有用の画面が表示される: src/components/DailyReport/index.spec.tsx#L61
Error: Snapshot `DailyReportが正しく表示される > shareをクリックすると共有用の画面が表示される 20` mismatched Ignored nodes: comments, script, style <html> <head /> <body> <div> <div> <button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary css-u9c0rv-MuiButtonBase-root-MuiButton-root" style="margin: 3px; text-transform: none;" tabindex="0" type="button" > Update </button> <button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary css-u9c0rv-MuiButtonBase-root-MuiButton-root" style="margin: 3px; text-transform: none;" tabindex="0" type="button" > html </button> <button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary css-u9c0rv-MuiButtonBase-root-MuiButton-root" style="margin: 3px; text-transform: none;" tabindex="0" type="button" > text </button> <button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary MuiButton-root MuiButton-contained MuiButton-containedSecondary MuiButton-sizeSmall MuiButton-containedSizeSmall MuiButton-colorSecondary css-u9c0rv-MuiButtonBase-root-MuiButton-root" style="margin: 3px; text-transform: none;" tabindex="0" type="button" > share </button> <div> <div> <div> <div style="white-space: pre-wrap; word-wrap: break-word; text-align: left; justify-content: left; align-items: left;" > 12:34 RAW TEXT </div> <div> <a class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-1abvrni-MuiButtonBase-root-MuiButton-root" href="https://x.com/intent/post?text=RAW%20TEXT" style="margin: 5px; text-transform: none; float: right;" tabindex="0" > Tweetする </a> <button class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-1abvrni-MuiButtonBase-root-MuiButton-root" style="margin: 5px; text-transform: none; float: right;" tabindex="0" type="button" > コピーする </button> </div> <hr style="clear: both;" /> </div> <div> <div style="white-space: pre-wrap; word-wrap: break-word; text-align: left; justify-content: left; align-items: left;" > 13:15
src/components/EsaSubmitForm/index.spec.tsx > times_esaのフォームが正しく機能する(正常系) > 不正なカテゴリ名だとボタンが押せない: src/components/EsaSubmitForm/index.spec.tsx#L59
Error: Snapshot `times_esaのフォームが正しく機能する(正常系) > 不正なカテゴリ名だとボタンが押せない 20` mismatched Ignored nodes: comments, script, style <html> <head /> <body> <div> <form> <div class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-grz519-MuiFormControl-root-MuiTextField-root" > <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-multiline css-zsp0bh-MuiInputBase-root-MuiOutlinedInput-root" > <textarea aria-invalid="false" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input" id=":r0:" placeholder="日報のタイトルを記入しましょう" required="" style="height: 0px; overflow: hidden;" > にっぽー </textarea> <textarea aria-hidden="true" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input" readonly="" style="visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0); padding-top: 0px; padding-bottom: 0px; width: 100%;" tabindex="-1" /> <fieldset aria-hidden="true" class="MuiOutlinedInput-notchedOutline css-1ll44ll-MuiOutlinedInput-notchedOutline" > <legend class="css-w4cd9x" > <span class="notranslate" > ​ </span> </legend> </fieldset> </div> </div> <div class="MuiAutocomplete-root css-o5oj2-MuiAutocomplete-root" > <div class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-e4sgrv-MuiFormControl-root-MuiTextField-root" > <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiAutocomplete-inputRoot css-1blp12k-MuiInputBase-root-MuiOutlinedInput-root" > <input aria-autocomplete="list" aria-expanded="false" aria-invalid="false" autocapitalize="none" autocomplete="off" class="MuiInputBase-input MuiOutlinedInput-input MuiAutocomplete-input MuiAutocomplete-inputFocused css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input" id="esa_tags_field" placeholder="タグを記入しましょう" role="combobox" spellcheck="false" type="text" value="" /> <fieldset aria-hidden="true" class="MuiOutlinedInput-notchedOutline css-1ll44ll-MuiOutlinedInput-notchedOutline" > <legend class="css-w4cd9x" > <span class="notranslate" > ​ </span> </legend> </fieldset> </div> </div> </div> <div class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-grz519-MuiFormControl-root-MuiTextField-root" > <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-multiline css-zsp0bh-MuiInputBase-root-MuiOutlinedInput-root" > <textarea aria-invalid="false" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input" id=":r3:" placeholder="ここにつぶや
src/components/EsaSubmitForm/index.spec.tsx > times_esaのフォームが正しく機能する(正常系) > 投稿する日時とcategory名の日時が一致していないとボタンが押せない: src/components/EsaSubmitForm/index.spec.tsx#L80
Error: Snapshot `times_esaのフォームが正しく機能する(正常系) > 投稿する日時とcategory名の日時が一致していないとボタンが押せない 20` mismatched Ignored nodes: comments, script, style <html> <head /> <body> <div> <form> <div class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-grz519-MuiFormControl-root-MuiTextField-root" > <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-multiline css-zsp0bh-MuiInputBase-root-MuiOutlinedInput-root" > <textarea aria-invalid="false" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input" id=":r4:" placeholder="日報のタイトルを記入しましょう" required="" style="height: 0px; overflow: hidden;" > にっぽー </textarea> <textarea aria-hidden="true" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input" readonly="" style="visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0); padding-top: 0px; padding-bottom: 0px; width: 100%;" tabindex="-1" /> <fieldset aria-hidden="true" class="MuiOutlinedInput-notchedOutline css-1ll44ll-MuiOutlinedInput-notchedOutline" > <legend class="css-w4cd9x" > <span class="notranslate" > ​ </span> </legend> </fieldset> </div> </div> <div class="MuiAutocomplete-root css-o5oj2-MuiAutocomplete-root" > <div class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-e4sgrv-MuiFormControl-root-MuiTextField-root" > <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiAutocomplete-inputRoot css-1blp12k-MuiInputBase-root-MuiOutlinedInput-root" > <input aria-autocomplete="list" aria-expanded="false" aria-invalid="false" autocapitalize="none" autocomplete="off" class="MuiInputBase-input MuiOutlinedInput-input MuiAutocomplete-input MuiAutocomplete-inputFocused css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input" id="esa_tags_field" placeholder="タグを記入しましょう" role="combobox" spellcheck="false" type="text" value="" /> <fieldset aria-hidden="true" class="MuiOutlinedInput-notchedOutline css-1ll44ll-MuiOutlinedInput-notchedOutline" > <legend class="css-w4cd9x" > <span class="notranslate" > ​ </span> </legend> </fieldset> </div> </div> </div> <div class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-grz519-MuiFormControl-root-MuiTextField-root" > <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-multiline css-zsp0bh-MuiInputBase-root-MuiOutlinedInput-root" > <textarea aria-invalid="false" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input" id=":r7:" p
src/components/EsaSubmitForm/index.spec.tsx > times_esaのフォームが正しく機能する(正常系) > 投稿後の内容が画面に正しく反映される: src/components/EsaSubmitForm/index.spec.tsx#L98
Error: Snapshot `times_esaのフォームが正しく機能する(正常系) > 投稿後の内容が画面に正しく反映される 1` mismatched - Expected + Received @@ -1,36 +1,36 @@ <DocumentFragment> <form> <div - class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-1os9qaz-MuiFormControl-root-MuiTextField-root" + class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-grz519-MuiFormControl-root-MuiTextField-root" > <div - class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-multiline css-8ewcdo-MuiInputBase-root-MuiOutlinedInput-root" + class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-multiline css-zsp0bh-MuiInputBase-root-MuiOutlinedInput-root" > <textarea aria-invalid="false" - class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input" + class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input" id=":r8:" placeholder="日報のタイトルを記入しましょう" required="" style="height: 0px; overflow: hidden;" > こんにちは </textarea> <textarea aria-hidden="true" - class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-1sqnrkk-MuiInputBase-input-MuiOutlinedInput-input" + class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input" readonly="" style="visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0); padding-top: 0px; padding-bottom: 0px; width: 100%;" tabindex="-1" /> <fieldset aria-hidden="true" - class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline" + class="MuiOutlinedInput-notchedOutline css-1ll44ll-MuiOutlinedInput-notchedOutline" > <legend - class="css-ihdtdm" + class="css-w4cd9x" > <span class="notranslate" > ​ @@ -38,55 +38,55 @@ </legend> </fieldset> </div> </div> <div - class="MuiAutocomplete-root MuiAutocomplete-hasClearIcon css-1x6bjyf-MuiAutocomplete-root" + class="MuiAutocomplete-root MuiAutocomplete-hasClearIcon css-o5oj2-MuiAutocomplete-root" > <div - class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-zvwh9k-MuiFormControl-root-MuiTextField-root" + class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-e4sgrv-MuiFormControl-root-MuiTextField-root" > <div - class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-1gywuxd-MuiInputBase-root-MuiOutlinedInput-root" + class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-1e3qgpi-MuiInputBase-root-MuiOutlinedInput-root" > <div - class="MuiButtonBase-root MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorSecondary MuiChip-deletable MuiChip-deletableColorSecondary MuiChip-filledSecondary MuiAutocomplete-tag MuiAutocomplete-tagSizeMedium css-17pj9rt-MuiButtonBase-root-MuiChip-root" + class="MuiButtonBase-root MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorSecondary MuiChip-deletable MuiChip-deletableColorSecondary MuiChip-filledSecondary MuiAutocomplete-tag MuiAutocomplete-tagSize
src/components/EsaSubmitForm/index.spec.tsx > times_esaのフォームが正しく機能する(異常系) > 投稿後の内容が画面に正しく反映される: src/components/EsaSubmitForm/index.spec.tsx#L153
Error: Snapshot `times_esaのフォームが正しく機能する(異常系) > 投稿後の内容が画面に正しく反映される 20` mismatched Ignored nodes: comments, script, style <html> <head /> <body> <div> <form> <div class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-grz519-MuiFormControl-root-MuiTextField-root" > <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-multiline css-zsp0bh-MuiInputBase-root-MuiOutlinedInput-root" > <textarea aria-invalid="false" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input" id=":rc:" placeholder="日報のタイトルを記入しましょう" required="" style="height: 0px; overflow: hidden;" > こんにちは </textarea> <textarea aria-hidden="true" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputMultiline css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input" readonly="" style="visibility: hidden; position: absolute; overflow: hidden; height: 0px; top: 0px; left: 0px; transform: translateZ(0); padding-top: 0px; padding-bottom: 0px; width: 100%;" tabindex="-1" /> <fieldset aria-hidden="true" class="MuiOutlinedInput-notchedOutline css-1ll44ll-MuiOutlinedInput-notchedOutline" > <legend class="css-w4cd9x" > <span class="notranslate" > ​ </span> </legend> </fieldset> </div> </div> <div class="MuiAutocomplete-root MuiAutocomplete-hasClearIcon css-o5oj2-MuiAutocomplete-root" > <div class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-e4sgrv-MuiFormControl-root-MuiTextField-root" > <div class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiInputBase-adornedStart MuiInputBase-adornedEnd MuiAutocomplete-inputRoot css-1e3qgpi-MuiInputBase-root-MuiOutlinedInput-root" > <div class="MuiButtonBase-root MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorSecondary MuiChip-deletable MuiChip-deletableColorSecondary MuiChip-filledSecondary MuiAutocomplete-tag MuiAutocomplete-tagSizeMedium css-op0f79-MuiButtonBase-root-MuiChip-root" data-tag-index="0" role="button" tabindex="-1" > <span class="MuiChip-label MuiChip-labelMedium css-1dybbl5-MuiChip-label" > 日報 </span> <svg aria-hidden="true" class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiChip-deleteIcon MuiChip-deleteIconMedium MuiChip-deleteIconColorSecondary MuiChip-deleteIconFilledColorSecondary css-1umw9bq-MuiSvgIcon-root" data-testid="CancelIcon" focusable="false" viewBox="0 0 24 24" > <path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z" /> </svg> </div> <div class="MuiButtonBase-root MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorSecondary MuiChip-deletable MuiChip-deletableColorSecondary MuiChip-filledSecondary MuiAutocomplete-tag MuiAutocomplete-tagSizeMedium css-op0f79-MuiButtonBase-root-MuiChip-root" data-tag-index="1" role="button"
src/components/EsaTagsField/index.spec.tsx > esaのタグが正しく表示される > tagsもtagCandidatesも空の状態: src/components/EsaTagsField/index.spec.tsx#L19
Error: Snapshot `esaのタグが正しく表示される > tagsもtagCandidatesも空の状態 1` mismatched - Expected + Received @@ -1,35 +1,35 @@ <DocumentFragment> <div - class="MuiAutocomplete-root css-1x6bjyf-MuiAutocomplete-root" + class="MuiAutocomplete-root css-o5oj2-MuiAutocomplete-root" > <div - class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-zvwh9k-MuiFormControl-root-MuiTextField-root" + class="MuiFormControl-root MuiFormControl-fullWidth MuiTextField-root css-e4sgrv-MuiFormControl-root-MuiTextField-root" > <div - class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiAutocomplete-inputRoot css-md26zr-MuiInputBase-root-MuiOutlinedInput-root" + class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-fullWidth MuiInputBase-formControl MuiAutocomplete-inputRoot css-1blp12k-MuiInputBase-root-MuiOutlinedInput-root" > <input aria-autocomplete="list" aria-expanded="false" aria-invalid="false" autocapitalize="none" autocomplete="off" - class="MuiInputBase-input MuiOutlinedInput-input MuiAutocomplete-input MuiAutocomplete-inputFocused css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input" + class="MuiInputBase-input MuiOutlinedInput-input MuiAutocomplete-input MuiAutocomplete-inputFocused css-16wblaj-MuiInputBase-input-MuiOutlinedInput-input" id="esa_tags_field" placeholder="タグを記入しましょう" role="combobox" spellcheck="false" type="text" value="" /> <fieldset aria-hidden="true" - class="MuiOutlinedInput-notchedOutline css-1d3z3hw-MuiOutlinedInput-notchedOutline" + class="MuiOutlinedInput-notchedOutline css-1ll44ll-MuiOutlinedInput-notchedOutline" > <legend - class="css-ihdtdm" + class="css-w4cd9x" > <span class="notranslate" > ​ ❯ src/components/EsaTagsField/index.spec.tsx:19:39