https://cloud.cypress.io/interactivity.ef56ef0331215ef5cc06.bundle.js

1"use strict";(self.webpackChunk_frontend_dashboard=self.webpackChunk_frontend_dashboard||[]).push([[824],{10417:(e,r,t)=>{t.r(r),t.d(r,{InteractivityRouter:()=>Ue,default:()=>Be});var n=t(31085),o=t(51836),a=t(14041),s=t(93954),i=(t(96152),t(21555),t(34237),t(67249)),d=(t(95790),t(78366),t(85146),t(20053)),l=t(39798),u=t(93120),c=t(94828),m=t(75095),g=t(46874),v=t(70898),h=t(25111),p=t(36275);t(79683),t(69399);const b=function(e){var r=e.title,t=e.description;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l.kUU,{size:"24",className:"m-6",strokeColor:"gray-600",fillColor:"gray-100"}),(0,n.jsx)("p",{className:"font-medium text-gray-900 m-0",children:r}),(0,n.jsx)("p",{className:"my-2",children:t})]})};t(1569);var x=t(25329),f=t(73657);const y="module-IntelligenceOverviewTableExpandedRow__table__kj4yZ",w="module-IntelligenceOverviewTableExpandedRow__mainColumn__ERzgQ",j="module-IntelligenceOverviewTableExpandedRow__rowIcon__d5KCQ",C="module-IntelligenceOverviewTableExpandedRow__thead__XLXMH",I="module-IntelligenceOverviewTableExpandedRow__dataRow__eAUCc";var N=function(e){var r=e.data,t=e.emptyMessage,o=void 0===t?"No data available":t,a=e.headerIcon,s=e.route;if(!r.length)return(0,n.jsx)("div",{className:"text-center text-gray-600 my-16",children:o});var i=r[0];return(0,n.jsxs)("table",{"data-cy":"expanded-row",className:y,children:[(0,n.jsx)("thead",{className:"sticky top-0",children:(0,n.jsxs)("tr",{className:C,children:[(0,n.jsx)("th",{className:j,children:a}),i.columns.map(function(e){var r=e.name,t=e.value,o=e.main;return(0,n.jsx)("th",{className:o?w:void 0,children:r},r+"-"+t)})]})}),(0,n.jsx)("tbody",{children:r.map(function(e){return(0,n.jsxs)("tr",{"data-cy":"expanded-row-"+e.id,className:I,children:[(0,n.jsx)("td",{"data-cy":"expanded-row-icon",className:j,children:e.icon}),e.columns.map(function(e){var r=e.name,t=e.value,o=e.href,a=e.main;return(0,n.jsx)("td",{className:a?w:void 0,children:o?(0,n.jsxs)(f.N_,{to:o,state:{back:s},children:[(0,n.jsx)("span",{title:a?t:void 0,children:t}),(0,n.jsx)(l.UMd,{})]}):(0,n.jsx)("span",{title:a?t:void 0,children:t})},r+"-"+t)})]},e.id)})})]})};N.displayName="IntelligenceOverviewTableExpandedRow";const _=N;function k(e,r){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(t)return(t=t.call(e)).next.bind(t);if(Array.isArray(e)||(t=function(e,r){if(e){if("string"==typeof e)return R(e,r);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?R(e,r):void 0}}(e))||r&&e&&"number"==typeof e.length){t&&(e=t);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function R(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}var E=function(e){var r,t=e.route,o=e.tabs,s=(0,a.useState)(),i=s[0],d=s[1],l=null===(r=o.find(function(e){return e.id===i}))||void 0===r?void 0:r.id;return(0,a.useLayoutEffect)(function(){for(var e,r=!1,t=k(o);!(e=t()).done;){var n=e.value;if(n.data.length){r=!0,d(n.id);break}}r||d(o[0].id)},[o]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:"sticky top-0 z-10",children:(0,n.jsx)("div",{className:"absolute top-3 left-0",children:(0,n.jsx)(x.A,{tabs:o.map(function(e){var r=e.data,t=e.id,n=e.label,o=n.toLowerCase();return{id:t,label:n,"aria-controls":"expanded-overview-"+o,tag:null==r?void 0:r.length.toString()}}),activeId:l,onSwitch:function(e){return d(e.id)},variant:"indigo-light",className:"border border-solid"})})}),o.map(function(e){return(0,n.jsx)("div",{id:"expanded-overview-"+e.label,role:"tabpanel",hidden:e.id!==l,children:(0,n.jsx)(_,{data:e.data,emptyMessage:e.emptyMessage,route:t})},"expanded-overview-"+e.label)})]})};const S="module-ExpandedRow__centered__wbWW3",T="module-ExpandedRow__errorState__WgN0C",P="module-ExpandedRow__icon__O5n5c",A="module-ExpandedRow__primaryText__netmu",V="module-ExpandedRow__secondaryText__PA2I6";var O=function(){return(0,n.jsxs)("div",{"data-cy":"ui-cov-expanded-row-error",className:T,children:[(0,n.jsx)("div",{className:P,children:(0,n.jsx)(l.g4T,{size:"48"})}),(0,n.jsx)("div",{className:A,children:"Something went wrong"}),(0,n.jsx)("div",{className:V,children:"There was a problem fetching this data. If the problem persists, please try again later."})]})};O.displayName="ExpandedRowError";var U=t(63511),B=(0,n.jsx)(l.bqT,{"data-cy":"icon-testing-type-component",fillColor:"transparent",strokeColor:"gray-400"}),M=(0,n.jsx)(l.kUU,{strokeColor:"gray-400",fillColor:"transparent"}),Q=function(e,r,t){return e.map(function(e){return{id:e.id,icon:"component"===e.testingType?B:M,columns:[{name:"Referrers",main:!0,value:e.name,href:(0,p.c)(r,t,e.id,e.interactiveNodeId)},{name:"Snapshots",value:e.snapshotCount.toString()}]}})},L=function(e){var r,t,o=e.projectId,a=e.queryVariables,s=e.referrersKey,i=e.route,d=e.run,u=e.urlIcon,c=e.urlsKey,m=e.useQuery,g=(0,U.Zl)(m,function(e){var r;return null==e||null===(r=e.run)||void 0===r?void 0:r.discoveryOrPoll})({variables:a}),v=g.data,h=g.error,p=g.loading,x=null==v||null===(r=v.interactivityReport)||void 0===r?void 0:r[s],f=null==v||null===(t=v.interactivityReport)||void 0===t?void 0:t[c];if(h)return(0,n.jsx)(O,{});if(p||!x||!f)return(0,n.jsx)("div",{className:S,"data-cy":"loading-view-container",children:(0,n.jsx)(l.MLU,{className:"animate-spin"})});var y,w,j=[{data:Q(x,o,d.buildNumber),emptyMessage:"viewReferrers"===s?(0,n.jsx)(b,{title:"No referrers found for this view",description:"There are no views that link to this view."}):void 0,id:"uicov-view-referrers",label:"Referrers"},{data:(y=f,w=u,y.map(function(e){var r=e.href,t=e.snapshotCount;return{id:r,icon:w,columns:[{name:"URL",main:!0,value:r},{name:"Snapshots",value:t.toString()}]}})),id:"uicov-view-urls",label:"URLs"}];return(0,n.jsx)(E,{route:i,tabs:j})};L.displayName="ViewExpandedRow";var F=["Views","Snapshots","Tested elements","Coverage %"],H="ui-coverage",q="ui-coverage-views",z=function(e){var r,t=e.views,o=e.orgId,a=e.runId,i=e.run,p=e.projectId,b=e.coveragePercent,x=e.testedElementCount,f=e.totalElementCount,y=e.discoveryStatus,w=e.runCancelOnFailure,j=e.renderHeader,C=void 0===j||j,I=e.className,N=e.reportIssues,_=e.columnHeadingIcon,k=(0,u.J)(F,q),R=k.sort,E=k.getSortedArray,S=k.setSort,T=E((0,h.T_)(t).filteredArr.map(function(e){var r,t,o=e.snapshotCount,s=e.scoring,i=e.name,d=e.id,l=e.testingType;return(r={id:d,to:(t=d,"/projects/"+p+"/runs/"+a+"/ui-coverage/view/"+t),title:i,isExpandable:"e2e"===l}).Views={sortBy:[i],element:(0,n.jsx)(c.G,{name:i,testingType:l}),main:!0},r["Tested Views"]={sortBy:[i],element:(0,n.jsx)(c.G,{name:i,testingType:l}),main:!0},r.Snapshots={sortBy:[o],element:o},r["Tested elements"]={sortBy:[s.interactedElements],element:(0,n.jsxs)("div",{children:[s.interactedElements," of ",s.interactiveElements]})},r["Coverage %"]={sortBy:[s.score||0],element:(0,n.jsx)(v.n,{score:s.score,variant:H})},r})),P=null===(r=i.uiCoverageResults)||void 0===r?void 0:r.attempt;return(0,n.jsxs)("div",{"data-cy":"ui-coverage-table",className:(0,d.A)("tab-pane !p-[24px] !pt-0 h-full",I),children:[C&&

1(0,n.jsx)(m.i,{variant:H,className:"!mx-0",orgId:o,details:{coveragePercent:b,itemCount:f,testedItemCount:x,viewCount:t.length},discoveryStatus:y,runCancelOnFailure:w,reportIssues:N,anchorBuildNumber:(0,g.j)(i),isRerun:(0,g.S)(i)}),(0,n.jsx)(u.d,{inputKey:"viewName",filterNoun:"view",variant:q,columnHeadings:F,rows:T,totalRows:t.length,sort:R,sortClicked:function(e,r){return S({columnHeading:e,direction:r})},columnHeadingIcon:_,expandedRow:function(e){var r=e.id;return(0,n.jsx)(L,{projectId:null!=p?p:"",queryVariables:{runId:i.id,viewId:r,reportAttempt:P},referrersKey:"viewReferrers",route:"views",run:i,urlIcon:(0,n.jsx)(l.EbM,{strokeColor:"gray-400",fillColor:"transparent"}),urlsKey:"viewUrls",useQuery:s.r5G})}})]})};z.displayName="InteractivityViewsTable";var D=t(98587),K=t(64467);const J="module-InteractivityViewsListSidebar__listViews__FTrtQ",W="module-InteractivityViewsListSidebar__active__vkc50",G="module-InteractivityViewsListSidebar__outlineTag__w6IUg",Z="module-InteractivityViewsListSidebar__loadingCount__INZSM";var Y=t(95735),X=t(18074),$=t(99870),ee=t.n($),re=t(55820);function te(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,n)}return t}var ne=[{name:"Views",path:X.lC,getIcon:function(e){return(0,n.jsx)(l.kUU,{fillColor:"gray-50",strokeColor:e?"indigo-500":"gray-500"})},getCount:function(e){return e.views.length}},{name:"Untested links",path:X.V3,getIcon:function(e){return(0,n.jsx)(l.EeD,{strokeColor:e?"indigo-500":"gray-500",secondaryStrokeColor:"red-400"})},getCount:function(e){var r,t=e.untestedViewsResults;return null==t||null===(r=t.data)||void 0===r?void 0:r.length},isLoading:function(e){var r=e.untestedViewsResults;return null==r?void 0:r.loading}},{name:"Tested elements",path:X.wA,getIcon:function(e){return(0,n.jsx)(l.QwQ,{strokeColor:e?"indigo-500":"gray-500",fillColor:e?"indigo-100":"gray-50",secondaryStrokeColor:"jade-400"})},getCount:function(e){var r,t=e.testedElementsResults;return null==t||null===(r=t.data)||void 0===r?void 0:r.length},isLoading:function(e){var r=e.testedElementsResults;return null==r?void 0:r.loading}},{name:"Untested elements",path:X.jJ,getIcon:function(e){return(0,n.jsx)(l.BBf,{strokeColor:e?"indigo-500":"gray-500",fillColor:e?"indigo-100":"gray-50",secondaryStrokeColor:"red-400"})},getCount:function(e){var r,t=e.untestedElementsResults;return null==t||null===(r=t.data)||void 0===r?void 0:r.length},isLoading:function(e){var r=e.untestedElementsResults;return null==r?void 0:r.loading}}],oe=function(e){var r=e.buildNumber,t=e.projectId,o=e.activeView,s=e.runId,i=e.appQualityConfiguration,d=e.estimatedAQReprocessingTime,l=e.viewerIsMember,u=(0,a.useCallback)(function(e){return"/projects/"+t+"/runs/"+r+"/ui-coverage/"+e},[t,r]);return(0,n.jsxs)("div",{className:J,"data-cy":"ui-cov-sidebar-nav",children:[(0,n.jsx)("ul",{children:ne.map(function(r){return(0,n.jsx)(ae,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?te(Object(t),!0).forEach(function(r){(0,K.A)(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):te(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}({activeView:o},r,{},e,{formatURL:u}),r.path)})}),(0,n.jsx)(re.uY,{viewerIsMember:l,runId:s,buildNumber:r,projectId:t,appQualityConfiguration:i,estimatedAQReprocessingTime:d})]})};oe.displayName="InteractivityViewsListSidebar";var ae=function(e){var r=e.name,t=e.path,o=e.getIcon,a=e.getCount,s=e.formatURL,i=e.activeView,d=e.isLoading,l=(0,D.A)(e,["name","path","getIcon","getCount","formatURL","activeView","isLoading"]),u=i===t,c=d&&d(l);return(0,n.jsx)("li",{"data-cy":"nav-"+t,"data-active":u,className:""+(u?W:""),children:(0,n.jsxs)(f.N_,{to:s(t),children:[o(u),r,(0,n.jsx)(Y.A,{"data-cy":"nav-"+t+"-count",size:"20",color:"gray",className:ee()(c?Z:G),children:c?null:a(l)||"0"})]})})};ae.displayName="SidebarLink";const se=oe;t(96104);const ie="module-IconColumn__iconColumn__NI7jf",de="module-IconColumn__name__J9SlJ";var le=function(e){var r=e.name,t=e.icon,o=e.tag;return(0,n.jsxs)("div",{className:ie,children:[t,(0,n.jsx)("span",{title:r,className:de,children:r}),o]})};le.displayName="IconColumn";var ue=t(61691),ce=t(66499),me=t(72384),ge=["Untested links","Referrers"],ve="ui-coverage-untested-views",he=function(e){var r,t=e.projectId,o=e.run,a=e.untestedViewsResults,i=e.hasPaidPlan,d=a.data,c=a.loading,m=a.hasError,g=(0,u.J)(ge,ve,"views"),v=g.sort,p=g.getSortedArray,b=g.setSort,x=null==d?void 0:d.length,f=(0,h.T_)(null!=d?d:[],"ui-coverage-untested-views-table").filteredArr;if(c)return(0,n.jsx)(ue.P,{featureName:"Untested Links",withDisclaimer:!1});if(m)return(0,n.jsx)(ce.I,{variant:"ui-coverage",hasPaidPlan:i});if(!x)return(0,n.jsx)(me.O_,{dataCy:"empty-state-no-untested-links",fill:!0,icon:(0,n.jsx)(l.wCz,{size:"48",strokeColor:"gray-500"}),primaryText:"No untested links",secondaryText:"All of the links in this run have been tested."});var y=f.reduce(function(e,r,t){var n=r.viewId,o=r.name,a=r.referrersFrameViewIds,s=r.no

1deIds,i=r.referrerCount;return o&&(e[o+"-"+t]={viewId:n,referrersFrameViewIds:a,nodeIds:s,referrerCount:i}),e},{}),w=p(f.map(function(e,r){var t,o=e.name,a=e.referrerCount;return(t={id:o+"-"+r,title:o,isExpandable:!0})["Untested links"]={value:o,element:(0,n.jsx)(le,{name:null!=o?o:"",icon:(0,n.jsx)(l.EeD,{strokeColor:"gray-500",secondaryStrokeColor:"red-400"})}),sortBy:[o],className:"!font-normal",main:!0},t.Referrers={value:a,element:a,sortBy:[a]},t.disabled=!0,t})),j=null===(r=o.uiCoverageResults)||void 0===r?void 0:r.attempt;return(0,n.jsx)("div",{className:"px-[20px] h-full",children:(0,n.jsx)(u.d,{inputKey:"viewName",filterNoun:"untested link",variant:ve,columnHeadings:ge,rows:w,totalRows:(null==d?void 0:d.length)||0,sort:v,sortClicked:function(e,r){return b({columnHeading:e,direction:r})},columnHeadingIcon:(0,n.jsx)(l.EeD,{strokeColor:"gray-500",secondaryStrokeColor:"red-400"}),expandedRow:function(e){var r,a,i,d,u,c=e.id;return(0,n.jsx)(L,{projectId:t,queryVariables:{runId:o.id,untestedViewId:null===(r=y[c])||void 0===r?void 0:r.viewId,viewIds:null!=(a=null===(i=y[c])||void 0===i?void 0:i.referrersFrameViewIds)?a:[],nodeIds:null!=(d=null===(u=y[c])||void 0===u?void 0:u.nodeIds)?d:[],reportAttempt:j},referrersKey:"untestedViewReferrers",route:"untested-links",run:o,urlIcon:(0,n.jsx)(l.L6n,{strokeColor:"gray-400",fillColor:"transparent"}),urlsKey:"untestedViewUrls",useQuery:s.WMY})}})})};he.displayName="UntestedViews";const pe=he;var be=t(52478);const xe="module-ElementsTable__memberCountTag__rCA2C";var fe=t(3082),ye=(0,n.jsx)(l.bqT,{"data-cy":"icon-testing-type-component",fillColor:"transparent",strokeColor:"gray-400"}),we=(0,n.jsx)(l.kUU,{strokeColor:"gray-400",fillColor:"transparent"}),je=function(e){var r,t,o,i=e.elementInfoMap,d=e.projectId,u=e.route,c=e.run,m=e.elementId,g=e.showInteractionAndTestCounts,v=a.useState(),h=v[0],b=v[1],x=(0,a.useCallback)(function(e){b(function(e,r,t,n){return e.map(function(e){var o={id:e.id,icon:"component"===e.testingType?ye:we,columns:[{name:"Views",main:!0,value:e.name,href:(0,p.c)(r,t,e.id,e.contextualId)},{name:"Snapshots",value:e.snapshotCount.toString()}]};return n&&(o.columns.push({name:"Interactions",value:e.interactionCount.toString()}),o.columns.push({name:"Tests",value:e.testCount.toString()})),o})}(e,d,c.buildNumber,g))},[d,c.buildNumber,g]),f=(null===(r=i[m].rule)||void 0===r?void 0:r.length)?"GROUP":"ELEMENT",y=null===(t=c.uiCoverageResults)||void 0===t?void 0:t.attempt,w=(0,U.Zl)(s.WvP,function(e){return null==e?void 0:e.run.discoveryOrPoll})({variables:{runId:c.id,identifier:m,type:f,reportAttempt:y}}),j=w.data,C=w.loading,I=w.error,N=null==j||null===(o=j.interactivityReport)||void 0===o?void 0:o.elementDetails;return(0,a.useEffect)(function(){N&&x(N)},[x,N]),I?(0,n.jsx)(O,{}):C||!h?(0,n.jsx)("div",{className:S,"data-cy":"loading-view-container",children:(0,n.jsx)(l.MLU,{className:"animate-spin"})}):(0,n.jsx)(_,{data:h,headerIcon:(0,n.jsx)(l.kUU,{strokeColor:"gray-400",fillColor:"transparent"}),route:u})};je.displayName="ElementExpandedRow";var Ce=["Tested elements","Snapshots","Views","Interactions","Tests"],Ie="ui-coverage-tested-elements",Ne=function(e){var r=e.projectId,t=e.run,o=e.testedElementsResults,a=e.hasPaidPlan,s=o.data,i=o.loading,d=o.hasError,c=null==s?void 0:s.length,m=(0,u.J)(Ce,Ie,"elements","Interactions","descending"),g=m.sort,v=m.getSortedArray,p=m.setSort,b=(0,h.T_)(null!=s?s:[],"ui-coverage-tested-elements-table","elementName").filteredArr;if(i)return(0,n.jsx)(ue.P,{featureName:"Tested Elements",withDisclaimer:!1});if(d)return(0,n.jsx)(ce.I,{variant:"ui-coverage",hasPaidPlan:a});if(!c)return(0,n.jsx)(me.O_,{dataCy:"empty-state-no-tested-elements",fill:!0,icon:(0,n.jsx)(l.QwQ,{size:"48",strokeColor:"gray-500",secondaryStrokeColor:"jade-400"}),primaryText:"No tested elements",secondaryText:"There are no tested elements in this run."});var x=v(b.map(function(e){var r,t=e.id,o=e.name,a=e.snapshotCount,s=e.viewCount,i=e.memberCount,d=e.testIds,u=e.interactionCount,c=e.rule,m=e.mergedFromFormControl,g=d.length,v=c&&(0,fe.Wz)({mergedFromFormControl:m||!1,rule:c},i);return(r={id:t,title:o,isExpandable:!0})["Tested elements"]={value:o,element:(0,n.jsx)("div",{className:"inline-flex items-center max-w-full"+(c?"":" w-full"),children:(0,n.jsx)(le,{name:o,icon:(0,n.jsx)(l.QwQ,{strokeColor:"jade-400",fillColor:"transparent"}),tag:v&&(0,n.jsx)(be.a,{className:xe,size:"20",tooltipContent:v,elementCount:i})})}

1),sortBy:[o],className:"!font-normal !text-clip",main:!0},r.Snapshots={value:a,element:a,sortBy:[a]},r.Views={value:s,element:s,sortBy:[s]},r.Interactions={value:u,element:u,sortBy:[u]},r.Tests={value:g,element:g,sortBy:[g]},r.disabled=!0,r})),f=b.reduce(function(e,r){var t;return e[r.id]={rule:null!=(t=r.rule)?t:void 0},e},{});return(0,n.jsx)("div",{className:"px-[20px] h-full",children:(0,n.jsx)(u.d,{inputKey:"elementName",filterNoun:"element",variant:Ie,columnHeadings:Ce,rows:x,totalRows:(null==s?void 0:s.length)||0,sort:g,sortClicked:function(e,r){return p({columnHeading:e,direction:r})},columnHeadingIcon:(0,n.jsx)(l.QwQ,{strokeColor:"gray-500",secondaryStrokeColor:"jade-400"}),expandedRow:function(e){var o=e.id;return(0,n.jsx)(je,{elementInfoMap:f,projectId:r,route:"tested-elements",run:t,elementId:o,showInteractionAndTestCounts:!0})}})})};Ne.displayName="TestedElements";const _e=Ne;var ke=["Untested elements","Snapshots","Views"],Re="ui-coverage-untested-elements",Ee=function(e){var r=e.projectId,t=e.run,o=e.untestedElementsResults,a=e.hasPaidPlan,s=o.data,i=o.loading,d=o.hasError,c=null==s?void 0:s.length,m=(0,u.J)(ke,Re,"elements","Snapshots","descending"),g=m.sort,v=m.getSortedArray,p=m.setSort,b=(0,h.T_)(null!=s?s:[],"ui-coverage-untested-elements-table","elementName").filteredArr;if(i)return(0,n.jsx)(ue.P,{featureName:"Untested Elements",withDisclaimer:!1});if(d)return(0,n.jsx)(ce.I,{variant:"ui-coverage",hasPaidPlan:a});if(!c)return(0,n.jsx)(me.O_,{dataCy:"empty-state-no-untested-elements",fill:!0,icon:(0,n.jsx)(l.BBf,{size:"48",strokeColor:"gray-500",secondaryStrokeColor:"red-400"}),primaryText:"No untested elements",secondaryText:"All of the elements in this run have been tested."});var x=v(b.map(function(e){var r,t=e.id,o=e.name,a=e.snapshotCount,s=e.viewCount,i=e.memberCount,d=e.rule,u=e.mergedFromFormControl,c=d&&(0,fe.Wz)({mergedFromFormControl:u||!1,rule:d},i);return(r={id:t,title:o,isExpandable:!0})["Untested elements"]={value:o,element:(0,n.jsx)("div",{className:"inline-flex items-center max-w-full"+(d?"":" w-full"),children:(0,n.jsx)(le,{name:o,icon:(0,n.jsx)(l.BBf,{strokeColor:"red-400",fillColor:"transparent"}),tag:c&&(0,n.jsx)(be.a,{className:xe,size:"20",tooltipContent:c,elementCount:i})})}),sortBy:[o],className:"!font-normal !text-clip",main:!0},r.Snapshots={value:a,element:a,sortBy:[a]},r.Views={value:s,element:s,sortBy:[s]},r.disabled=!0,r})),f=b.reduce(function(e,r){var t;return e[r.id]={rule:null!=(t=r.rule)?t:void 0},e},{});return(0,n.jsx)("div",{className:"px-[20px] h-full",children:(0,n.jsx)(u.d,{inputKey:"elementName",filterNoun:"element",variant:Re,columnHeadings:ke,rows:x,totalRows:(null==s?void 0:s.length)||0,sort:g,sortClicked:function(e,r){return p({columnHeading:e,direction:r})},columnHeadingIcon:(0,n.jsx)(l.BBf,{strokeColor:"gray-500",fillColor:"gray-50",secondaryStrokeColor:"red-400"}),expandedRow:function(e){var o=e.id;return(0,n.jsx)(je,{elementInfoMap:f,projectId:r,route:"untested-elements",run:t,elementId:o,showInteractionAndTestCounts:!1})}})})};Ee.displayName="UntestedElements";const Se=Ee;var Te=function(e){var r,t,d,u,c=e.project,v=e.run,h=e.org,p=(0,o.g)().viewType,b=(0,i.d)().overviewQueryResult,x=null==b?void 0:b.interactivityReport;if(!x)throw new Error("Cannot render InteractivitySidebarRouter, useIntelligenceViewContext provided an invalid viewQueryResult");var f=null===(r=v.uiCoverageResults)||void 0===r?void 0:r.attempt,y=(0,fe.E6)(s.yMk,{runId:v.id,reportAttempt:f},"untestedViews"),w=(0,fe.E6)(s.nPk,{runId:v.id,reportAttempt:f},"untestedElements"),j=(0,fe.E6)(s.Yd3,{runId:v.id,reportAttempt:f},"testedElements"),C=(0,a.useMemo)(function(){var e,r,t;switch(p){case X.lC:return(0,n.jsx)(z,{className:"!px-[20px]",orgId:c.organizationInfo.id,projectId:c.id,coveragePercent:(null===(e=v.uiCoverageResults)||void 0===e?void 0:e.coveragePercent)||0,runId:v.buildNumber.toString(),run:v,totalElementCount:x.score.interactiveElements,testedElementCount:x.score.interactedElements,views:x.viewSummaries,discoveryStatus:null===(r=v.uiCoverageResults)||void 0===r?void 0:r.status,runCancelOnFailure:v.cancelOnFailure,renderHeader:!1,columnHeadingIcon:(0,n.jsx)(l.kUU,{"data-cy":"icon-tested-view",fillColor:"indigo-50",strokeColor:"gray-500"}),reportIssues:(null===(t=v.uiCoverageResults)||void 0===t?void 0:t.issues)||[]});case X.V3:return(0,n.jsx)(pe,{projectId:c.id,run:v,untestedViewsResults:y,hasPaidPlan:(null==h?void 0:h.plan.isPaid)||!1});case X.wA:return(0,n.jsx)(_e,{projectId:c.id,run:v,testedElementsResults:j,hasPaidPlan:(null==h?void 0:h.plan.isPaid)||!1});case X.jJ:return(0,n.jsx)(Se,{projectId:c.id,run:v,untestedElementsResults:w,hasPaidPlan:(null==h?void 0:h.plan.isPaid)||!1});

1default:return(0,n.jsx)(o.C5,{to:"../"+X.lC,replace:!0})}},[p,c,v,x,h,y,w,j]),I=(0,a.useRef)(null);return(0,a.useLayoutEffect)(function(){var e;null===(e=I.current)||void 0===e||e.scrollTo(0,0)},[p]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(m.i,{variant:"ui-coverage",className:"mx-[2px]",orgId:(null==h?void 0:h.id)||"",details:{coveragePercent:(null===(t=v.uiCoverageResults)||void 0===t?void 0:t.coveragePercent)||0,itemCount:x.score.interactiveElements,testedItemCount:x.score.interactedElements,viewCount:x.viewSummaries.length},discoveryStatus:null===(d=v.uiCoverageResults)||void 0===d?void 0:d.status,runCancelOnFailure:v.cancelOnFailure,reportIssues:(null===(u=v.uiCoverageResults)||void 0===u?void 0:u.issues)||[],anchorBuildNumber:(0,g.j)(v),isRerun:(0,g.S)(v)}),(0,n.jsxs)("div",{className:"flex mx-[16px] border border-solid border-1px border-gray-100 rounded-lg h-[calc(100vh-225px)]",children:[(0,n.jsx)(se,{activeView:p,runId:v.id,appQualityConfiguration:v.appQualityConfigurationV2,buildNumber:v.buildNumber.toString(),projectId:c.id,viewerIsMember:null==h?void 0:h.viewerIsMember,views:x.viewSummaries,untestedViewsResults:y,testedElementCount:x.score.interactedElements,untestedElementsResults:w,testedElementsResults:j,estimatedAQReprocessingTime:v.estimatedAQReprocessingTime}),(0,n.jsx)("div",{"data-cy":"interactivity-content",className:"w-full h-full overflow-y-scroll",ref:I,children:C})]})]})},Pe=t(64750),Ae=t(21313);const Ve="module-Interactivity__fullHeight__CP2CS";var Oe=t(21126),Ue=function(e){var r,t=e.run,i=e.org,d=e.project,l=(0,a.useMemo)(function(){return"/projects/"+d.id+"/runs/"+t.buildNumber+"/ui-coverage/"+X.lC},[t,d]),u=null===(r=t.uiCoverageResults)||void 0===r?void 0:r.attempt;return(0,n.jsx)(Ae._,{org:i,run:t,project:d,variant:"ui-coverage",basePath:l,overviewQuery:{resultResolver:function(e){var r,t;return{count:null==e||null===(r=e.interactivityReport)||void 0===r||null===(t=r.viewSummaries)||void 0===t?void 0:t.length}},source:s.BQ_,variables:{runId:t.id,reportAttempt:u}},children:(0,n.jsx)("div",{className:Ve,children:(0,n.jsxs)(o.BV,{children:[(0,n.jsx)(o.qh,{path:"/",element:(0,n.jsx)(o.C5,{to:X.lC,replace:!0})}),(0,n.jsx)(o.qh,{path:":viewType",element:(0,n.jsx)(Te,{project:d,run:t,org:i})}),(0,n.jsx)(o.qh,{path:"view/:viewId",element:(0,n.jsx)(Pe.l,{runUuid:t.id,orgId:d.organizationInfo.id,buildNumber:t.buildNumber,projectSlug:d.id,viewerIsMember:(null==i?void 0:i.viewerIsMember)||!1,reportAttempt:u,cypressAiDisabled:(null==i?void 0:i.cypressAiDisabled)||!1})}),(0,n.jsx)(o.qh,{path:"*",element:(0,n.jsx)(Oe.default,{})})]})})})};Ue.displayName="InteractivityRouter";const Be=Ue},21766:(e,r,t)=>{t.d(r,{M2:()=>n,NW:()=>o,jT:()=>a,qF:()=>s});const n="border border-solid rounded rounded-[4px] flex cy-button-width font-medium items-center transition duration-150 hover:shadow-ring-hover focus:shadow-ring-focus active:shadow-ring-focus disabled:hover:shadow-none disabled:cursor-not-allowed focus-visible:ring-1 focus-visible:ring-offset-0 focus-visible:outline-none",o={link:"text-indigo-600 border-transparent ring-transparent hover:underline disabled:text-gray-500 disabled:hocus:shadow-none disabled:no-underline hocus:shadow-transparent focus-visible:ring-gray-100 focus-visible:underline",white:"text-indigo-500 bg-white border-gray-100 hover:border-gray-200 disabled:hocus:shadow-none hocus:shadow-gray-50 disabled:text-gray-500 focus:ring-gray-200",disabled:"text-gray-500 bg-gray-100 border-gray-100 hover:shadow-none","disabled-dark-mode":"text-gray-800 bg-gray-1000 border-none hocus:shadow-none mix-blend-screen","outline-indigo":"border-indigo-500 text-indigo-500 disabled:hocus:shadow-none hocus:shadow-indigo-300/[.35] disabled:text-gray-500 disabled:border-gray-100 focus:ring-indigo-600","outline-purple":"text-purple-500 border-purple-500 disabled:hocus:shadow-none hocus:shadow-purple-100 disabled:text-gray-500 disabled:border-gray-100 focus:ring-purple-600","outline-teal-dark":"border-teal-500 text-teal-500 disabled:hocus:shadow-none hocus:shadow-teal-300/[.35] disabled:text-gray-500 disabled:border-gray-100 focus:ring-teal-600","outline-jade

1-light":"border-jade-300 text-teal-500 hocus:text-teal-600 disabled:hocus:shadow-none hocus:shadow-jade-300/[.35] disabled:text-gray-500 disabled:border-gray-100 disabled:hocus:text-gray-500 focus:ring-jade-600","outline-jade-dark":"border-jade-500 text-jade-500 disabled:hocus:shadow-none hocus:shadow-teal-300/[.35] disabled:text-gray-500 disabled:border-gray-100 focus:ring-jade-600","outline-red":"text-red-500 border-red-500 disabled:hocus:shadow-none hocus:shadow-red-100 disabled:text-gray-500 disabled:border-gray-100 focus:ring-red-600","outline-gray-dark":"text-gray-1000 border-gray-1000 disabled:hocus:shadow-none hocus:shadow-gray-100 disabled:text-gray-500 disabled:border-gray-100 focus:ring-gray-1000","outline-light":"text-indigo-500 border-gray-100 hocus:border-gray-200 disabled:border-gray-100 disabled:hocus:shadow-none hocus:shadow-gray-50 disabled:text-gray-500 focus:ring-gray-200","outline-gray-light":"text-gray-700 border-gray-100 hocus:border-gray-200 disabled:border-gray-100 disabled:hocus:shadow-none hocus:shadow-gray-50 disabled:text-gray-300 focus:ring-gray-200","outline-orange-dark":"border-orange-500 text-orange-500 disabled:hocus:shadow-none hocus:shadow-orange-100 disabled:text-gray-500 disabled:border-gray-100 focus:ring-orange-500","outline-orange-light":"border-orange-200 text-orange-500 disabled:hocus:shadow-none hocus:shadow-orange-50 disabled:text-gray-500 disabled:border-gray-100 focus:ring-orange-400","outline-disabled":"text-gray-500 border-gray-100 hover:shadow-none bg-white","indigo-light":"text-indigo-500 bg-indigo-50 border-indigo-50 hocus:border-indigo-200 disabled:hocus:shadow-none hocus:shadow-indigo-50 focus:ring-transparent","jade-light":"text-teal-600 bg-jade-200 border-transparent hocus:border-jade-300 disabled:hocus:shadow-none hocus:shadow-jade-50 focus:ring-transparent","jade-dark":"text-white bg-jade-500 border-jade-500 disabled:hocus:shadow-none hocus:shadow-jade-100 focus:ring-transparent focus:border-jade-600 focus:bg-jade-600","indigo-dark":"text-white bg-indigo-500 border-indigo-500 disabled:hocus:shadow-none hocus:shadow-indigo-100 focus:bg-indigo-600 focus:border-indigo-600 focus:ring-transparent","teal-dark":"text-white bg-teal-500 border-teal-500 disabled:hocus:shadow-none hocus:shadow-teal-100 focus:bg-teal-600 focus:bg-teal-600 focus:border-teal-600 focus:ring-transparent","purple-dark":"text-white bg-purple-500 border-purple-500 disabled:hocus:shadow-none hocus:shadow-purple-100 focus:bg-purple-600 focus:border-purple-600 focus:ring-transparent","red-dark":"text-white bg-red-500 border-red-500 disabled:hocus:shadow-none hocus:shadow-red-100 focus:bg-red-600 focus:border-red-600 focus:ring-transparent","gray-dark":"text-white bg-gray-800 border-gray-800 disabled:hocus:shadow-none hocus:shadow-gray-100 focus:bg-gray-900 focus:border-gray-900 focus:ring-transparent","gray-darkest":"text-white bg-gray-1000 border-gray-1000 disabled:hocus:shadow-none hocus:shadow-gray-100 focus:bg-gray-900 focus:border-gray-900 focus:ring-transparent","outline-red-dark-mode":"text-red-400 border-red-400 disabled:hocus:shadow-none hocus:shadow-red-300/35 disabled:text-gray-700 disabled:border-white/20 focus:ring-red-600","outline-jade-dark-mode":"text-jade-400 border-jade-400 disabled:hocus:shadow-none hocus:shadow-jade-300/35 disabled:text-gray-700 disabled:border-white/20 focus:ring-jade-600","outline-indigo-dark-mode":"text-indigo-300 border-indigo-400 disabled:hocus:shadow-none hocus:shadow-indigo-400/40 disabled:text-gray-700 disabled:border-white/20 focus:ring-indigo-300","outline-dark":"text-white border-white/20 hocus:border-white/60 disabled:hocus:shadow-none hocus:shadow-white/20 disabled:text-gray-700 disabled:hocus:border-white/20 disabled:border-white/20 focus:ring-gray-200","red-dark-mode":"text-white bg-red-500 border-red-500 disabled:hocus:shadow-none disabled:bg-gray-1000 disabled:text-gray-800 disabled:border-none hocus:shadow-red-400/40 disabled:mix-blend-screen focus:bg-red-600 focus:border-red-600 focus:ring-transparent"},a={20:"text-[14px] leading-[18px] min-h-[20px]",24:"text-[14px] leading-[20px] min-h-[24px]",32:"text-[14px] leading-[20px] min-h-[32px]",40:"text-[16px] leading-[24px] min-h-[40px]",48:"text-[16px] leading-[24px] min-h-[48px]"},s={20:{wide:"px-[4px] py-0",square:"h-[20px] w-[20px] flex items-center justify-center"},24:{wide:"px-[8px] py-[1px]",square:"h-[24px] w-[24px] flex items-center justify-center"},32:{wide:"px-[12px] py-[5px]",square:"h-[32px] w-[32px] flex items-center justify-center"},40:{wide:"px-[16px] py-[7px]",square:"h-[40px] w-[40px] flex items-center justify-center"},48:{wide:"px-[20px] py-[11px]",square:"h-[48px] w-[48px] flex items-center justify-center"}}}}]);
2//# sourceMappingURL=interactivity.ef56ef0331215ef5cc06.bundle.js.map