Fail
Unable to find role="button" and name "Batch accept" Ignored nodes: comments, script, style <div class="css-nlyae3" data-canvas="right" orientation="right" > <div class="css-5vam5k" > <div class="css-gghy96" > <div class="css-17fv6jh" > <div class="css-gtwj8f" > <div class="css-u71t7w" > <svg class="css-zmb90n e82dnwa0" height="14px" viewBox="0 0 14 14" width="14px" > <path d="M8.41 1.59a2 2 0 0 0-2.82 0l-4 4a2 2 0 0 0 0 2.82l4 4a2 2 0 0 0 2.82 0l4-4a2 2 0 0 0 0-2.82l-4-4Zm.71-.71a3 3 0 0 0-4.24 0l-4 4a3 3 0 0 0 0 4.24l4 4a3 3 0 0 0 4.24 0l4-4a3 3 0 0 0 0-4.24l-4-4Z" fill-rule="evenodd" /> </svg> <div class="css-1t7464v" /> </div> </div> </div> </div> <div class="css-gghy96" > <div class="css-17fv6jh" > <div class="css-14rfowm" > <div class="css-u71t7w" > <svg alt="Chrome" aria-label="Chrome" fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg" > <path d="M5.06982 9.68493L7.99484 4.63927L14.5786 4.62406C14.5252 4.52043 14.4696 4.41742 14.4109 4.31532C12.372 0.768556 7.84405 -0.453864 4.29726 1.58495C3.24614 2.1892 2.39921 3.01211 1.78076 3.96327L5.06982 9.68493Z" fill="#DB4437" /> <path d="M10.9276 9.68457L5.09539 9.6743L1.79036 3.98022C1.72727 4.07822 1.66591 4.17795 1.60682 4.27985C-0.445348 7.81892 0.759985 12.3515 4.29905 14.4037C5.34791 15.0118 6.48403 15.3338 7.617 15.3939L10.9276 9.68457Z" fill="#0F9D58" /> <path d="M7.98649 4.61194L10.9032 9.66241L7.63525 15.3778C7.75167 15.3833 7.86871 15.3863 7.98649 15.3863C12.0775 15.3863 15.3939 12.0699 15.3939 7.97893C15.3939 6.76648 15.1025 5.62211 14.5861 4.61194L7.98649 4.61194Z" fill="#FFCD40" /> <path d="M8.01367 4.6366V6.40005L14.613 4.6366H8.01367Z" fill="url(#paint0_radial_466_21161)" /> <path d="M1.78198 4.00098L6.60102 8.8192L5.09764 9.687L1.78198 4.00098Z" fill="url(#paint1_radial_466_21161)" /> <path d="M7.6626 15.4017L9.42689 8.81921L10.9303 9.68702L7.6626 15.4017Z" fill="url(#paint2_radial_466_21161)" /> <ellipse cx="8.01347" cy="8.00358" fill="#F1F1F1" rx="3.36699" ry="3.36699" /> <ellipse cx="8.01367" cy="8.00354" fill="#4285F4" rx="2.69361" ry="2.6936" /> <defs> <radialgradient cx="0" cy="0" gradientTransform="translate(7.69229 4.63226) scale(7.07721 1.89116)" gradientUnits="userSpaceOnUse" id="paint0_radial_466_21161" r="1" > <stop stop-color="#3E2723" stop-opacity="0.2" /> <stop offset="1" stop-color="#3E2723" stop-opacity="0.01" /> </radialgradient> <radialgradient cx="0" cy="0" gradientTransform="translate(1.77445 4.00677) scale(6.56938 7.75127)" gradientUnits="userSpaceOnUse" id="paint1_radial_466_21161" r="1" > <stop stop-color="#3E2723" stop-opacity="0.2" /> <stop offset="1" stop-color="#3E2723" stop-opacity="0.01" /> </radialgradient> <radialgradient cx="0" cy="0" gradientTransform="translate(8.00025 8.01489) scale(7.39644 14.8995)" gradientUnits="userSpaceOnUse" id="paint2_radial_466_21161" r="1" > <stop stop-color="#263238" stop-opacity="0.2" /> <stop offset="1" stop-color="#263238" stop-opacity="0.01" /> </radialgradient> </defs> </svg> <div class="css-1t7464v" /> </div> </div> </div> </div> <div class="css-gghy96" > <div class="css-17fv6jh" > <button class="css-c3emee" data-testid="button-diff-visible" type="button" > <svg class="css-149xqrd" height="14px" viewBox="0 0 14 14" width="14px" > <path d="M3 3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h10a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3Zm1 1v2.3L6.3 4H4ZM3 4v6.5a.5.5 0 0 0 .5.5H10v2H1V4h2Zm1-1h6.5a.5.5 0 0 1 .5.5V10h2V1H4v2Zm6 7V7.71l-2.3 2.3H10Zm0-3.7V4.7L4.7 10h1.6L10 6.3ZM9.3 4H7.7L4 7.71V9.3L9.3 4Z" fill-rule="evenodd" /> </svg> </button> </div> </div> <div class="css-4q7bq1" > <div class="css-17fv6jh" > <span class="css-ae8uxv" > <svg class="css-149xqrd" height="14px" viewBox="0 0 14 14" width="14px" > <path d="M8 8a1 1 0 0 1-.5.87v1.63a.5.5 0 0 1-1 0V8.87A1 1 0 1 1 8 8Z" /> <path d="M3 4a4 4 0 1 1 8 0v1h1.5c.28 0 .5.23.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8c0-.27.22-.5.5-.5H3V4Zm7 1V4a3 3 0 1 0-6 0v1h6Zm2 1H2v7h10V6Z" fill-rule="evenodd" /> </svg> </span> </div> </div> </div> <div class="css-ybd41d" /> <a class="css-1fy1yvr" href="https://www.chromatic.com/test?appId=123&id=11" target="_blank" > <img alt="Snapshot for the 'Primary' story of the 'Button' component" src="/B.png" /> <img alt="" src="/B-comparison.png" style="max-width: 100%;" /> <svg class="css-149xqrd" height="14px" viewBox="0 0 14 14" width="14px" > <path d="M2 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7.5a.5.5 0 0 0-1 0V12H2V2h4.5a.5.5 0 0 0 0-1H2Z" /> <path d="M7.35 7.36 12 2.7v1.8a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 1 0 0 1h1.8L6.64 6.64a.5.5 0 1 0 .7.7Z" /> </svg> </a> </div> Ignored nodes: comments, script, style <div class="css-nlyae3" data-canvas="right" orientation="right" > <div class="css-5vam5k" > <div class="css-gghy96" > <div class="css-17fv6jh" > <div class="css-gtwj8f" > <div class="css-u71t7w" > <svg class="css-zmb90n e82dnwa0" height="14px" viewBox="0 0 14 14" width="14px" > <path d="M8.41 1.59a2 2 0 0 0-2.82 0l-4 4a2 2 0 0 0 0 2.82l4 4a2 2 0 0 0 2.82 0l4-4a2 2 0 0 0 0-2.82l-4-4Zm.71-.71a3 3 0 0 0-4.24 0l-4 4a3 3 0 0 0 0 4.24l4 4a3 3 0 0 0 4.24 0l4-4a3 3 0 0 0 0-4.24l-4-4Z" fill-rule="evenodd" /> </svg> <div class="css-1t7464v" /> </div> </div> </div> </div> <div class="css-gghy96" > <div class="css-17fv6jh" > <div class="css-14rfowm" > <div class="css-u71t7w" > <svg alt="Chrome" aria-label="Chrome" fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg" > <path d="M5.06982 9.68493L7.99484 4.63927L14.5786 4.62406C14.5252 4.52043 14.4696 4.41742 14.4109 4.31532C12.372 0.768556 7.84405 -0.453864 4.29726 1.58495C3.24614 2.1892 2.39921 3.01211 1.78076 3.96327L5.06982 9.68493Z" fill="#DB4437" /> <path d="M10.9276 9.68457L5.09539 9.6743L1.79036 3.98022C1.72727 4.07822 1.66591 4.17795 1.60682 4.27985C-0.445348 7.81892 0.759985 12.3515 4.29905 14.4037C5.34791 15.0118 6.48403 15.3338 7.617 15.3939L10.9276 9.68457Z" fill="#0F9D58" /> <path d="M7.98649 4.61194L10.9032 9.66241L7.63525 15.3778C7.75167 15.3833 7.86871 15.3863 7.98649 15.3863C12.0775 15.3863 15.3939 12.0699 15.3939 7.97893C15.3939 6.76648 15.1025 5.62211 14.5861 4.61194L7.98649 4.61194Z" fill="#FFCD40" /> <path d="M8.01367 4.6366V6.40005L14.613 4.6366H8.01367Z" fill="url(#paint0_radial_466_21161)" /> <path d="M1.78198 4.00098L6.60102 8.8192L5.09764 9.687L1.78198 4.00098Z" fill="url(#paint1_radial_466_21161)" /> <path d="M7.6626 15.4017L9.42689 8.81921L10.9303 9.68702L7.6626 15.4017Z" fill="url(#paint2_radial_466_21161)" /> <ellipse cx="8.01347" cy="8.00358" fill="#F1F1F1" rx="3.36699" ry="3.36699" /> <ellipse cx="8.01367" cy="8.00354" fill="#4285F4" rx="2.69361" ry="2.6936" /> <defs> <radialgradient cx="0" cy="0" gradientTransform="translate(7.69229 4.63226) scale(7.07721 1.89116)" gradientUnits="userSpaceOnUse" id="paint0_radial_466_21161" r="1" > <stop stop-color="#3E2723" stop-opacity="0.2" /> <stop offset="1" stop-color="#3E2723" stop-opacity="0.01" /> </radialgradient> <radialgradient cx="0" cy="0" gradientTransform="translate(1.77445 4.00677) scale(6.56938 7.75127)" gradientUnits="userSpaceOnUse" id="paint1_radial_466_21161" r="1" > <stop stop-color="#3E2723" stop-opacity="0.2" /> <stop offset="1" stop-color="#3E2723" stop-opacity="0.01" /> </radialgradient> <radialgradient cx="0" cy="0" gradientTransform="translate(8.00025 8.01489) scale(7.39644 14.8995)" gradientUnits="userSpaceOnUse" id="paint2_radial_466_21161" r="1" > <stop stop-color="#263238" stop-opacity="0.2" /> <stop offset="1" stop-color="#263238" stop-opacity="0.01" /> </radialgradient> </defs> </svg> <div class="css-1t7464v" /> </div> </div> </div> </div> <div class="css-gghy96" > <div class="css-17fv6jh" > <button class="css-c3emee" data-testid="button-diff-visible" type="button" > <svg class="css-149xqrd" height="14px" viewBox="0 0 14 14" width="14px" > <path d="M3 3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h10a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3Zm1 1v2.3L6.3 4H4ZM3 4v6.5a.5.5 0 0 0 .5.5H10v2H1V4h2Zm1-1h6.5a.5.5 0 0 1 .5.5V10h2V1H4v2Zm6 7V7.71l-2.3 2.3H10Zm0-3.7V4.7L4.7 10h1.6L10 6.3ZM9.3 4H7.7L4 7.71V9.3L9.3 4Z" fill-rule="evenodd" /> </svg> </button> </div> </div> <div class="css-4q7bq1" > <div class="css-17fv6jh" > <span class="css-ae8uxv" > <svg class="css-149xqrd" height="14px" viewBox="0 0 14 14" width="14px" > <path d="M8 8a1 1 0 0 1-.5.87v1.63a.5.5 0 0 1-1 0V8.87A1 1 0 1 1 8 8Z" /> <path d="M3 4a4 4 0 1 1 8 0v1h1.5c.28 0 .5.23.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8c0-.27.22-.5.5-.5H3V4Zm7 1V4a3 3 0 1 0-6 0v1h6Zm2 1H2v7h10V6Z" fill-rule="evenodd" /> </svg> </span> </div> </div> </div> <div class="css-ybd41d" /> <a class="css-1fy1yvr" href="https://www.chromatic.com/test?appId=123&id=11" target="_blank" > <img alt="Snapshot for the 'Primary' story of the 'Button' component" src="/B.png" /> <img alt="" src="/B-comparison.png" style="max-width: 100%;" /> <svg class="css-149xqrd" height="14px" viewBox="0 0 14 14" width="14px" > <path d="M2 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7.5a.5.5 0 0 0-1 0V12H2V2h4.5a.5.5 0 0 0 0-1H2Z" /> <path d="M7.35 7.36 12 2.7v1.8a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 1 0 0 1h1.8L6.64 6.64a.5.5 0 1 0 .7.7Z" /> </svg> </a> </div>View in Storybook
Chrome 105
880x640
Linux Linux Ubuntu 20.04.4
d41dcf on ghengeveld/ap-3446-dont-show-accept-button-if-user-doesnt-have-review
Unable to find role="button" and name "Batch accept" Ignored nodes: comments, script, style <div class="css-tb8xck" data-canvas="right" orientation="right" > <div class="css-5vam5k" > <div class="css-gghy96" > <div class="css-17fv6jh" > <div class="css-1cq2c0c" > <div class="css-u71t7w" > <svg class="css-zmb90n e82dnwa0" height="14px" viewBox="0 0 14 14" width="14px" > <path d="M8.41 1.59a2 2 0 0 0-2.82 0l-4 4a2 2 0 0 0 0 2.82l4 4a2 2 0 0 0 2.82 0l4-4a2 2 0 0 0 0-2.82l-4-4Zm.71-.71a3 3 0 0 0-4.24 0l-4 4a3 3 0 0 0 0 4.24l4 4a3 3 0 0 0 4.24 0l4-4a3 3 0 0 0 0-4.24l-4-4Z" fill-rule="evenodd" /> </svg> <div class="css-1q5ehcp" /> </div> </div> </div> </div> <div class="css-gghy96" > <div class="css-17fv6jh" > <div class="css-14rfowm" > <div class="css-u71t7w" > <svg alt="Chrome" aria-label="Chrome" fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg" > <path d="M5.06982 9.68493L7.99484 4.63927L14.5786 4.62406C14.5252 4.52043 14.4696 4.41742 14.4109 4.31532C12.372 0.768556 7.84405 -0.453864 4.29726 1.58495C3.24614 2.1892 2.39921 3.01211 1.78076 3.96327L5.06982 9.68493Z" fill="#DB4437" /> <path d="M10.9276 9.68457L5.09539 9.6743L1.79036 3.98022C1.72727 4.07822 1.66591 4.17795 1.60682 4.27985C-0.445348 7.81892 0.759985 12.3515 4.29905 14.4037C5.34791 15.0118 6.48403 15.3338 7.617 15.3939L10.9276 9.68457Z" fill="#0F9D58" /> <path d="M7.98649 4.61194L10.9032 9.66241L7.63525 15.3778C7.75167 15.3833 7.86871 15.3863 7.98649 15.3863C12.0775 15.3863 15.3939 12.0699 15.3939 7.97893C15.3939 6.76648 15.1025 5.62211 14.5861 4.61194L7.98649 4.61194Z" fill="#FFCD40" /> <path d="M8.01367 4.6366V6.40005L14.613 4.6366H8.01367Z" fill="url(#paint0_radial_466_21161)" /> <path d="M1.78198 4.00098L6.60102 8.8192L5.09764 9.687L1.78198 4.00098Z" fill="url(#paint1_radial_466_21161)" /> <path d="M7.6626 15.4017L9.42689 8.81921L10.9303 9.68702L7.6626 15.4017Z" fill="url(#paint2_radial_466_21161)" /> <ellipse cx="8.01347" cy="8.00358" fill="#F1F1F1" rx="3.36699" ry="3.36699" /> <ellipse cx="8.01367" cy="8.00354" fill="#4285F4" rx="2.69361" ry="2.6936" /> <defs> <radialgradient cx="0" cy="0" gradientTransform="translate(7.69229 4.63226) scale(7.07721 1.89116)" gradientUnits="userSpaceOnUse" id="paint0_radial_466_21161" r="1" > <stop stop-color="#3E2723" stop-opacity="0.2" /> <stop offset="1" stop-color="#3E2723" stop-opacity="0.01" /> </radialgradient> <radialgradient cx="0" cy="0" gradientTransform="translate(1.77445 4.00677) scale(6.56938 7.75127)" gradientUnits="userSpaceOnUse" id="paint1_radial_466_21161" r="1" > <stop stop-color="#3E2723" stop-opacity="0.2" /> <stop offset="1" stop-color="#3E2723" stop-opacity="0.01" /> </radialgradient> <radialgradient cx="0" cy="0" gradientTransform="translate(8.00025 8.01489) scale(7.39644 14.8995)" gradientUnits="userSpaceOnUse" id="paint2_radial_466_21161" r="1" > <stop stop-color="#263238" stop-opacity="0.2" /> <stop offset="1" stop-color="#263238" stop-opacity="0.01" /> </radialgradient> </defs> </svg> <div class="css-1q5ehcp" /> </div> </div> </div> </div> <div class="css-gghy96" > <div class="css-17fv6jh" > <button class="css-kc49n4" data-testid="button-diff-visible" type="button" > <svg class="css-149xqrd" height="14px" viewBox="0 0 14 14" width="14px" > <path d="M3 3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h10a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3Zm1 1v2.3L6.3 4H4ZM3 4v6.5a.5.5 0 0 0 .5.5H10v2H1V4h2Zm1-1h6.5a.5.5 0 0 1 .5.5V10h2V1H4v2Zm6 7V7.71l-2.3 2.3H10Zm0-3.7V4.7L4.7 10h1.6L10 6.3ZM9.3 4H7.7L4 7.71V9.3L9.3 4Z" fill-rule="evenodd" /> </svg> </button> </div> </div> <div class="css-4q7bq1" > <div class="css-17fv6jh" > <span class="css-1wrd8mw" > <svg class="css-149xqrd" height="14px" viewBox="0 0 14 14" width="14px" > <path d="M8 8a1 1 0 0 1-.5.87v1.63a.5.5 0 0 1-1 0V8.87A1 1 0 1 1 8 8Z" /> <path d="M3 4a4 4 0 1 1 8 0v1h1.5c.28 0 .5.23.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8c0-.27.22-.5.5-.5H3V4Zm7 1V4a3 3 0 1 0-6 0v1h6Zm2 1H2v7h10V6Z" fill-rule="evenodd" /> </svg> </span> </div> </div> </div> <div class="css-1ml4jsj" /> <a class="css-1fy1yvr" href="https://www.chromatic.com/test?appId=123&id=11" target="_blank" > <img alt="Snapshot for the 'Primary' story of the 'Button' component" loading="eager" src="/B.png" /> <img alt="" loading="eager" src="/B-comparison.png" style="max-width: 100%;" /> <svg class="css-149xqrd" height="14px" viewBox="0 0 14 14" width="14px" > <path d="M2 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7.5a.5.5 0 0 0-1 0V12H2V2h4.5a.5.5 0 0 0 0-1H2Z" /> <path d="M7.35 7.36 12 2.7v1.8a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 1 0 0 1h1.8L6.64 6.64a.5.5 0 1 0 .7.7Z" /> </svg> </a> </div> Ignored nodes: comments, script, style <div class="css-tb8xck" data-canvas="right" orientation="right" > <div class="css-5vam5k" > <div class="css-gghy96" > <div class="css-17fv6jh" > <div class="css-1cq2c0c" > <div class="css-u71t7w" > <svg class="css-zmb90n e82dnwa0" height="14px" viewBox="0 0 14 14" width="14px" > <path d="M8.41 1.59a2 2 0 0 0-2.82 0l-4 4a2 2 0 0 0 0 2.82l4 4a2 2 0 0 0 2.82 0l4-4a2 2 0 0 0 0-2.82l-4-4Zm.71-.71a3 3 0 0 0-4.24 0l-4 4a3 3 0 0 0 0 4.24l4 4a3 3 0 0 0 4.24 0l4-4a3 3 0 0 0 0-4.24l-4-4Z" fill-rule="evenodd" /> </svg> <div class="css-1q5ehcp" /> </div> </div> </div> </div> <div class="css-gghy96" > <div class="css-17fv6jh" > <div class="css-14rfowm" > <div class="css-u71t7w" > <svg alt="Chrome" aria-label="Chrome" fill="none" height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg" > <path d="M5.06982 9.68493L7.99484 4.63927L14.5786 4.62406C14.5252 4.52043 14.4696 4.41742 14.4109 4.31532C12.372 0.768556 7.84405 -0.453864 4.29726 1.58495C3.24614 2.1892 2.39921 3.01211 1.78076 3.96327L5.06982 9.68493Z" fill="#DB4437" /> <path d="M10.9276 9.68457L5.09539 9.6743L1.79036 3.98022C1.72727 4.07822 1.66591 4.17795 1.60682 4.27985C-0.445348 7.81892 0.759985 12.3515 4.29905 14.4037C5.34791 15.0118 6.48403 15.3338 7.617 15.3939L10.9276 9.68457Z" fill="#0F9D58" /> <path d="M7.98649 4.61194L10.9032 9.66241L7.63525 15.3778C7.75167 15.3833 7.86871 15.3863 7.98649 15.3863C12.0775 15.3863 15.3939 12.0699 15.3939 7.97893C15.3939 6.76648 15.1025 5.62211 14.5861 4.61194L7.98649 4.61194Z" fill="#FFCD40" /> <path d="M8.01367 4.6366V6.40005L14.613 4.6366H8.01367Z" fill="url(#paint0_radial_466_21161)" /> <path d="M1.78198 4.00098L6.60102 8.8192L5.09764 9.687L1.78198 4.00098Z" fill="url(#paint1_radial_466_21161)" /> <path d="M7.6626 15.4017L9.42689 8.81921L10.9303 9.68702L7.6626 15.4017Z" fill="url(#paint2_radial_466_21161)" /> <ellipse cx="8.01347" cy="8.00358" fill="#F1F1F1" rx="3.36699" ry="3.36699" /> <ellipse cx="8.01367" cy="8.00354" fill="#4285F4" rx="2.69361" ry="2.6936" /> <defs> <radialgradient cx="0" cy="0" gradientTransform="translate(7.69229 4.63226) scale(7.07721 1.89116)" gradientUnits="userSpaceOnUse" id="paint0_radial_466_21161" r="1" > <stop stop-color="#3E2723" stop-opacity="0.2" /> <stop offset="1" stop-color="#3E2723" stop-opacity="0.01" /> </radialgradient> <radialgradient cx="0" cy="0" gradientTransform="translate(1.77445 4.00677) scale(6.56938 7.75127)" gradientUnits="userSpaceOnUse" id="paint1_radial_466_21161" r="1" > <stop stop-color="#3E2723" stop-opacity="0.2" /> <stop offset="1" stop-color="#3E2723" stop-opacity="0.01" /> </radialgradient> <radialgradient cx="0" cy="0" gradientTransform="translate(8.00025 8.01489) scale(7.39644 14.8995)" gradientUnits="userSpaceOnUse" id="paint2_radial_466_21161" r="1" > <stop stop-color="#263238" stop-opacity="0.2" /> <stop offset="1" stop-color="#263238" stop-opacity="0.01" /> </radialgradient> </defs> </svg> <div class="css-1q5ehcp" /> </div> </div> </div> </div> <div class="css-gghy96" > <div class="css-17fv6jh" > <button class="css-kc49n4" data-testid="button-diff-visible" type="button" > <svg class="css-149xqrd" height="14px" viewBox="0 0 14 14" width="14px" > <path d="M3 3H.5a.5.5 0 0 0-.5.5v10c0 .28.22.5.5.5h10a.5.5 0 0 0 .5-.5V11h2.5a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-.5-.5h-10a.5.5 0 0 0-.5.5V3Zm1 1v2.3L6.3 4H4ZM3 4v6.5a.5.5 0 0 0 .5.5H10v2H1V4h2Zm1-1h6.5a.5.5 0 0 1 .5.5V10h2V1H4v2Zm6 7V7.71l-2.3 2.3H10Zm0-3.7V4.7L4.7 10h1.6L10 6.3ZM9.3 4H7.7L4 7.71V9.3L9.3 4Z" fill-rule="evenodd" /> </svg> </button> </div> </div> <div class="css-4q7bq1" > <div class="css-17fv6jh" > <span class="css-1wrd8mw" > <svg class="css-149xqrd" height="14px" viewBox="0 0 14 14" width="14px" > <path d="M8 8a1 1 0 0 1-.5.87v1.63a.5.5 0 0 1-1 0V8.87A1 1 0 1 1 8 8Z" /> <path d="M3 4a4 4 0 1 1 8 0v1h1.5c.28 0 .5.23.5.5v8a.5.5 0 0 1-.5.5h-11a.5.5 0 0 1-.5-.5v-8c0-.27.22-.5.5-.5H3V4Zm7 1V4a3 3 0 1 0-6 0v1h6Zm2 1H2v7h10V6Z" fill-rule="evenodd" /> </svg> </span> </div> </div> </div> <div class="css-1ml4jsj" /> <a class="css-1fy1yvr" href="https://www.chromatic.com/test?appId=123&id=11" target="_blank" > <img alt="Snapshot for the 'Primary' story of the 'Button' component" loading="eager" src="/B.png" /> <img alt="" loading="eager" src="/B-comparison.png" style="max-width: 100%;" /> <svg class="css-149xqrd" height="14px" viewBox="0 0 14 14" width="14px" > <path d="M2 1a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V7.5a.5.5 0 0 0-1 0V12H2V2h4.5a.5.5 0 0 0 0-1H2Z" /> <path d="M7.35 7.36 12 2.7v1.8a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5h-3a.5.5 0 1 0 0 1h1.8L6.64 6.64a.5.5 0 1 0 .7.7Z" /> </svg> </a> </div>View in Storybook
Chrome 105
880x640
Linux Linux Ubuntu 20.04.4
d41dcf on ghengeveld/ap-3446-dont-show-accept-button-if-user-doesnt-have-review
Caught exception in
play
functionThis story threw an error after it finished rendering which means interactions may not have been executed fully.
Error: ignoredException at https://6480e1b0042842f149cfd74c-yguhgwfysd.capture-loopback.chromatic.com/sb-preview/runtime.js:4:93306