Update material-ui monorepo to v6 #2272
Annotations
10 errors
Run npm test:
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
|
Run npm test:
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
|
Run npm test:
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;"
|
Run npm test:
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
|
Run npm test:
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
|
Run npm test:
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="ここにつぶや
|
Run npm test:
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
|
Run npm test:
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
|
Run npm test:
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"
|
Run npm test:
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
|
Loading