Error: Snapshot `all 8` mismatched - Expected + Received export function HelloWorld({ - greeting = "hello", + greeting = "hello", - greeted = '"World"', + greeted = '"World"', - silent = false, + silent = false, - onMouseOver, + onMouseOver, }) { - if (!greeting) { + if (!greeting) { - return null; + return null; - } + } - // TODO: Don't use random in render + // TODO: Don't use random in render - const num = Math.floor(Math.random() * 1e7) + const num = Math.floor(Math.random() * 1e7) - .toString() + .toString() - .replaceAll(/\.\d+/g, ""); + .replaceAll(/\.\d+/g, ""); - return ( + return ( - <div + <div - className="HelloWorld" + className="HelloWorld" - title={`You are visitor number ${num}`} + title={`You are visitor number ${num}`} - onMouseOver={onMouseOver} + onMouseOver={onMouseOver} - > + > - <strong> + <strong> - {greeting.slice(0, 1).toUpperCase() + greeting.slice(1).toLowerCase()} + {greeting.slice(0, 1).toUpperCase() + greeting.slice(1).toLowerCase()} - </strong> + </strong> - {greeting.endsWith(",") ? ( + {greeting.endsWith(",") ? ( - " " + " " - ) : ( + ) : ( - <span style={{ color: "grey" }}>", "</span> + <span style={{ color: "\grey" }}>", "</span> - )} + )} - <em>{greeted}</em> + <em>{greeted}</em> - {silent ? "." : "!"} + {silent ? "." : "!"} - </div> + </div> - ); + ); } ❯ test/fixtures.test.ts:107:11 ❯ test/fixtures.test.ts:98:7

Error: Snapshot `tab-single-quotes 9` mismatched - Expected + Received @@ -23,11 +23,11 @@ {greeting.slice(0, 1).toUpperCase() + greeting.slice(1).toLowerCase()} </strong> {greeting.endsWith(',') ? ( ' ' ) : ( - <span style={{ color: 'grey' }}>", "</span> + <span style={{ color: '\grey' }}>", "</span> )} <em>{greeted}</em> {silent ? '.' : '!'} </div> ); ❯ test/fixtures.test.ts:107:11 ❯ test/fixtures.test.ts:98:7

Error: Snapshot `ts-strict-with-react 6` mismatched - Expected + Received export function HelloWorld({ - greeting = "hello", + greeting = "hello", - greeted = '"World"', + greeted = '"World"', - silent = false, + silent = false, - onMouseOver, + onMouseOver, }) { - if (!greeting) { + if (!greeting) { - return null; + return null; - } + } - // TODO: Don't use random in render + // TODO: Don't use random in render - const num = Math.floor(Math.random() * 1e7) + const num = Math.floor(Math.random() * 1e7) - .toString() + .toString() - .replaceAll(/\.\d+/g, ""); + .replaceAll(/\.\d+/g, ""); - return ( + return ( - <div + <div - className="HelloWorld" + className="HelloWorld" - title={`You are visitor number ${num}`} + title={`You are visitor number ${num}`} - onMouseOver={onMouseOver} + onMouseOver={onMouseOver} - > + > - <strong> + <strong> - {greeting.slice(0, 1).toUpperCase() + greeting.slice(1).toLowerCase()} + {greeting.slice(0, 1).toUpperCase() + greeting.slice(1).toLowerCase()} - </strong> + </strong> - {greeting.endsWith(",") ? ( + {greeting.endsWith(",") ? ( - " " + " " - ) : ( + ) : ( - <span style={{ color: "grey" }}>", "</span> + <span style={{ color: "\grey" }}>", "</span> - )} + )} - <em>{greeted}</em> + <em>{greeted}</em> - {silent ? "." : "!"} + {silent ? "." : "!"} - </div> + </div> - ); + ); } ❯ test/fixtures.test.ts:107:11 ❯ test/fixtures.test.ts:98:7