From e92e4a8af973ec3568795d7229b622707e0c48a7 Mon Sep 17 00:00:00 2001 From: Paul D'Ambra Date: Sat, 16 Nov 2024 16:23:42 +0100 Subject: [PATCH] chore: screenshot test the inspector list (#26229) Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com> --- ...ponents-playerinspector--default--dark.png | Bin 0 -> 20552 bytes ...onents-playerinspector--default--light.png | Bin 0 -> 20444 bytes .../inspector/PlayerInspector.stories.tsx | 88 ++++++++++++++++++ .../player/inspector/PlayerInspector.tsx | 11 +++ .../player/sidebar/PlayerSidebarTab.tsx | 10 +- 5 files changed, 101 insertions(+), 8 deletions(-) create mode 100644 frontend/__snapshots__/components-playerinspector--default--dark.png create mode 100644 frontend/__snapshots__/components-playerinspector--default--light.png create mode 100644 frontend/src/scenes/session-recordings/player/inspector/PlayerInspector.stories.tsx create mode 100644 frontend/src/scenes/session-recordings/player/inspector/PlayerInspector.tsx diff --git a/frontend/__snapshots__/components-playerinspector--default--dark.png b/frontend/__snapshots__/components-playerinspector--default--dark.png new file mode 100644 index 0000000000000000000000000000000000000000..e1d088184e1c83c96e8288ad0c74226d3b0b8041 GIT binary patch literal 20552 zcmbq*1yCH{n=Jv75G;fcG(aE(cX!AH5AHs}9TMCLVSwNPg3CZ~cL*LlxD2krJ-FMu z{QkSIcK5wkwY9Hms+yT;x^MUG`+es-=X?{SC@+bHPK=I(goGt6C8msogsg&u^xzK~ zGWY~L#^(ZT9ylmVLXe6FUTz{Gy+V=}d#mc2yfbH}izi8fv_G{SM(^UN7#uvA74+p5 z+E*b7PD{>CT#xs%hGB2m*er3aeo$M=8WxuMVOhwiiRIBZ^3Y8zPG1@HH=_OxN69<9 z_Bk_faduv-6?coDOVR5asUyEXw>u`p>@nCPInw_2ynm1XKix#dp5VI~S)oXY`2Y6C zid%joj56eVvEmDr`i@Z)@*!;*DHi+vDm7U|Tw>yUZYdOc<>6w-$(Wa$`*KmR&Z*I* zG}c=yIUL(+Zd&a*^3BPyBL_!C#GU)r<%!Pj%T1E=;p(lq=9{_?6=BvkHaHM1t*I9; zVu&egJ=QOG_%O)CySNz}NbRd4ij1!Oa~^nqZ1CzdGg)<%K|=aGKFob2NAy+{ozo5V z)XG)I+0F>DzT__w6|JIXOUgSm%<{qBz(5HhhozDtOKsH~k7Jp$aDH=jc5`!lP*`Xk zqhn)ZBOHG-+^dlg*0bq&nT6rgSe&n2b%`iHMCajIPnoHSPmF&laH~VoIZhYKmpmw} z$KiE}hZ_XLiISosV9}epYkTW-@wBb<=BkNwT_mV$xh6LQ`}YFUXIrs?K1qsh50Xej z4wGVMRCH;57Mlu(%$L{#3<5Of#57 zxOPmw>T@wetL!cG^yUJO@E4y5v#^Np@Z9adX$Di8RdsY`o_(r$sxu=@FnE`clESg= zcd<#tf`{(k*f>|m#o%Xm^PJN`UtYerr;!S``?Q3+Kp+4KDGjU0ezIYh${$(BOClW4 zytux)tsR@&P5I9!_T@Da@W>PcNWf=AiwA4xY(};dP6fSd{WrgKF(9i zqoCY~c#FKv7_KZ7xoM;ej3Be(Ee;ELKUub|<0Yi$d9wWQ=m+Iqqx%8l`M8L%Q6r}h z7uJHfi9lGcU}%vjb+nJL{VPGrt(&ykgC`2Eg2HeX*URInh6sFUljrWnB6+uQc@OD? z&*kdzS@wAtNr9JZn0F$_JRINsuD{k$NN;X-r&1x7v0WpMNzd``&K`02BX3nd(}pvu z#YF`X?}bt;+#tt;YjTe>PsElHGSUXCwn>(XSI+ETLBMhTUaveSrsuD|mhzl>Rv zQzZWs`1;;TOAj6$V&Fi?2W~zfItNd8Zdzt&KA!z;BoWpT@R@(vKaBT^+8ut=5 znU;N&a(gmhgO+}k{?v3(>oZ(su4$PBKg8{FrEFpFdX<1R>*vpvB)jTnx#Y1iF7b{x z1sY6dx5<2@fzp~H;&`htLx?7#Kq z=91EF2G)5~3eR4@PIyyQwQ`daH`*%Kp3%gTLJr$1S8w+|DS=VIOr3saVzw;I! z(n?J3@0Y=1q;oZQXXi`UxBB`dS!xoY9xS_-HltC$QnY?aKZ%Sm@;#orj5h)xRJjOg+#eXStlB2zM&U^+RVUk za6>v=_JrbjDUeE7*;xN}_zXIIyI`-Q2c2 z74*7fWMVSfYl6?t>f%67PH?ZSEycy(M08Cc5E;Yf6LzTUYil<1hi6o*xR?m{upr)q$0KU9m-fx zxmB0pS#0?u18cgRXKl6%wKVu4wYtS|aqBH8SH#rK4(lvf0`EbI4Kz!AxFcnaL|%!cBG``3i9*S zPn(Pnx?*GT88k}bdIj#9A0ee_^~39ux8)&(mq(Gv6pm|=j#Ion$x1MlXEq2gZ*N~Y zxbQ_S5q*t)Z9_wYXH3#{mx3Dek*ghU+n5zk)56h7bx9L97Z(xd?@x*vSYpyxUJMR|D^z3H2y@sP=Qd2Vmo|4OCDKpU1>zkNrX~tU#6L)mH!O|fS7`NI@ zd@)d*dU8_K&`5+d)RH*psglBm*|y|DXJx38@->HYdd<0KX({Rfie#msWDF4-`{A<$ zF=uCDVdLLv8}UDTdM0}0p3}$?OpM($=R<~n{KaR|THM;&*Mp+tjugu!Q-Ri6dmcL*@wm?_G|;}Pt}Z(}TcWn^By;K`uZ_3A&^AIU%5&q;?mWHK!wojtlx(=m9>B-a4x?j=oWHOp*<@Z5 z5}hc=LK~fpEhbMg`S1q z*lz@qKOGw#1xL>iflpRBY-{eZ;p4BpeT#_mF5lmegmPAb1z?Vl-^R}1Z%z?JbY-8d zNc+n1H1gP#g9tR$JZNS6mO8pf=gc20AMQo2Ym22IR?5T0ovF8xkx!pNoN&Jz0m3T$Kk zuB@3h@~-HpUuI_;{6x5f*Q?!kAEhhin$jFoEvDORQAg9kmm>FhBYRhAa@r3skWKuf za|Y1-Tb;JmPphlx>F65mPdXQ0cX3Lpsi`%(^@i`Ad6E*HnD5pNHqYPO)YQ8W5)%u% z9XhUVDd?QZ_4YCZU=mf@?#jgI1Y#07Zj=T?ODH4FC5C2Cwlzrkt}{|oZPlFzcOp;nY6y4d*imNC`Re34|xC#LXY$zkT~^AjODp<-M^fCO_liwu#72v`JR<8YPDIe_2W(r!+ zs?y8L?VS)c50H>5)0rdhA^K-*ls!wZ9jXvrL-`+VzRAjl3J5#`$4FcLCiA|R|KI-p zH6;%|6T&bS{_k$`rieL-W8`z9rHm<`jZlHXG0RX#zt6%=S5(!|$f-5uNKnwwcuXOy zt3mSu4G&#B>CqE#>`EfcHYqCHFo`T>T3s@QcXD!Vyn1@1{tybhCvR|{WD0?O^b#QH z-=wIJ(-nOwNcBjuxW-I{>0`ba#7i;S!qLF}`0Px98-zv(jxnaDm~=siDbXl4V(SaO zLE6pIr!-*Q*s9KN9FU}p%tC%!FaGfUyrH!Tc?k)0N&V`yD*(9ri+614*S(67k(SM_ za~?Gnri@JcJDplwTwD+modv?6#In5`pPSpKPY1X`l~ZZm#!*R0Rw5n(#9`_xI#|4_~YsIaeJmZPG)qP(09lY@&Zfs>6DU}8qW z9~Q{Uw0L5aN_tlPgO=v7e(pqm6JgvUA3kMIp zIf?{ohO+z0;avP(`!9B1Ilg}B%Ow`xaJ-i|}+uq(jXbmM`$uL^->bY%_~7x0xsNW zH;YL}Prqhg%c9?e{xkx1wgf7)A!|sQkCM{CoJYFr^y_G8WA-N$V15Z++SimHo@m;Y z;B!ruvn}i!yi-wDE-0`fjuDZT-I^#V$qSN}w#cjVTD5-&ky235pu$~z!vZyF@{GwV z{KNappnX4`pPyfsndQJD%AQdwV|Z4wZhHDSU6J;ozrVqvk|0@0T>4^P+U8=UQiep` zDgoYntp_;;r{Q@i#k)sr8^=pgBUkALy37Q2Ej>LWAkr6y%S&5q&ef+23O9={5QDie z+qALCDk$*Sy_7Qv^7rQpFqoREJ-5_!ZNGlH4uS?qpjK1VN(u{7tB>$Q-dyvD(}fXp zv2!!OWmIPqN^SW-Na6qz)Yu7CjEs|JVdQH)I^%LN%4gSSrwJ{7kHW#el!pe6vbrWF ztAvBY>qfz$MVRpWxb$Dp~A#S7{$xWH<3j6p(j9?O>1*t zu3yA`$0Xw%>gbUEMIb0G>z;Uwxv;Xega`1HxAz0c*RJKcr&s_*-%K6h!4yCKCWR?_ zHKJ00(+JvZQF#(zwgD7$@Ze>D!D|W3dKVTvI|}-(XEoKakn}%X8YTMldz8Cl zy`^>82Us8Z@|c^0 zV{B}A@#Cb}$erDUQfiHHnWiIuQCg`~?UTVoPI@eg%$LX*4Bm(y_0xX@3r&%ISr06fot&!Ra64IR zLH+Zy+7RW0;3S9nB<=)R>Sou2{L-|2H~XGZy5~vbEeNXdFDzi5(nxZPi`m$fz0~A` z+DtW6)h!oHd;jiwo(fL2wl)CP;g0j|tMg0O^;H5@Rr9UMfdSKjodnIc9hiY~5GqCc z`jJ26Sx84=(drU83`h9II|YS_+1Z`xlcXSpXnXr3DXOu&#IEI_4yV}I*gNh}EHX~T zHdJpA;pQOf&ee^LOewc_3+w3qKNcMwsG|+ctPuN<4;9+67cj_hR@5-9O5`8!7M>tmd^f(~Pmc6h&G*1vs@^#6f9!`RK&N z(J|rb))Lk5`7xJ|2$V;IpuZOkmtR9p&c@q2eIkCiCu(%Ga&(k)HNR#eUL!$EFpR~_ zJhOvi%1v;GAAULS%3_K(>(9=df>LlmJr%L`1|T6}%T0 zH)&m_S?&x|oAUN-ef|#u>rX@U_VlvoUP>OdOT2rBvI@o8iUsM#v2N(`Vufjwi13G5 zztZ1zb^N}fU*lBrRN-Yt$H$I)^Ysfq9XrB7|O zUc?}S=Be&JWT|rbiRKSMm-V_w3|LBZcTN60Hu&c)%0hX+?K4n-Zq`*XfSRXV@{!+g>6f6O zPsZmd+cSo=16f-0Zo@2%&w=^a(I{2Sv|mPz4o&<-Ud-pPshQxJBN6 zZ~5>COFoI8?m|l!Tv5{tigr_y6#k3%6531sBypw#$@7k*XkY?WFxa6VK8Pxh9IX$k zq*77Kp&d^satP44%$$}ygH)LMIG)X;z=j5Pb==RY^{YMm*O&yT}ySwbj>i`e= z-J*g_MBcj2eLtts*}0m-tRGrtsW%k5xjj*2Sr-?R)sc>JHIP!zYayd(seNe%FLq1% zU^|PsiO8u*Nx_2rHrpX&jyu~o;Dl`Kw|Kq8z5)cG$LVdUQ!l}?XBRj6YpRvvA{%l* zSHgzk*)qf_KN*jG`$RjsPH z$yBzGmZpQ`W@f5V;Sv#@*t@vQ+_kkFhZ01G;u0c4M3Ku1S!KDXcQ z!iZ~>lj7s6&CA>LUiQR+czX*|)a>;bvm0TX^$|wMB{j*&$u)c5i~|;kMvi!a7C=>~ ziP?H6>9#)(vA{S3Cud=kK4qj7Iz|W%+83xccCIasfV=ur;`T@+Q+*{NPkGPcb$ao>=YjPHCZeNun0pV z;04FWFTM8WQEX0EKTe{h&&~>Za`EsC4h?;lq5^|t@_?VtGe&9xvRvk_86&RON>j4d z($F##r>C#4RRaL|uuylpy(%Sj21Z8hM(4H>1$^7-pNnqxhx1;K4GotnLnTe5cx)d< zkno&NEXaGfhiX^4`m;w}o!O3$jlG6RQ5iy7qqAEc2hN@l39JDk)IIFr+#bR0B&4n} z@e0;%$Oic;Wqs{uRXNtaBJy}q&9wRyiUsD@X4{W=?=Q^sL!s z&sUbd4c+`aAet|#f@q*O@9hXh_*Gb0ZQuwu~aJ$+& zU&DHO8E_y4g4)+iv%?b6pVZd74u2WWkQgx^EiIK|LK!No%O|EVHZchz zN42u*<+i{F!+)TivdhW7wYtN(G!$txHN|(nz8`5+Ts#mE@aW+~fA)l(w%UrzvpoT; zam-a_h%ZhvU4VR!hN^03d#6vGch$Q)Z~4~&J`Eq{Pqu5c@v=Y>2XOrD@WC9U~ztBc}=@(#t1{M2iGadEyfZ{_>w;bCx*PLn4NzLthYAi?27 zWZ1VWsfqEq*eIytxgej(M0kDvB4q>@GCh zecZP(kp}BYf&ceNUmoeV#jY(ZGW-g zIT2ptnM81z^t3m6G?B4eXG&377I3p+zQzqYx0q)$5*$btww-V(t()=%S=*sumqY#6 zjDv%N*3S>~MSlcr;!klP%{T6<^pRxz*BHK1nm{uGRg#nkNV1#OW+8t?-QJTrq&)g*UFb8Q4`9HBK?~f)fWaYw6PEG)N2{0hV z9T9k+uK3%yJU>6NyqxUj8-QUOy8Xt&9v(XW$ZG29fI{bwcRF*kbf5^|B=>iXvvqSbp>V69Fpa1l>=ebVstKF)=ogH1wHd$HT z6jG2QkHstporwuIz`EgPa{0JnW@cq%XxVDW9^>!nn^u|0$-y8XbR%Bxe<`1rm&e7v zrKYVte?O6;5gFV^VBJd$zCetP9h@A12xF<8&|y41H3eS$$9pa!oS0-%F0ZcP;FSs0I=CrrpOEc^YoP@#G8;)OyIe_qw_E%aZ2$?iT^eomE`>FYAB zAc>irnOUl+*xj{GEDFW3C*QQRv@EwgG0V=TwzXyMKmEB_QN>dNZH?QTYdn~M(;Tdx zPkya+Fy#}#@`=1v<aaG2pP$hPn}&fwK!9Q9_wReg$H9v@j2je6A{xc7Va2+&WQ2sGS;|~{ zQStEr!RsZb%h01>H%Dyjnks!qU*Bj) zhs8{F2^V&CwTh(@ofjEr`MKUJcH3H_o0yN(hXq9q}}($p!`Iy)m2hdJnx9p z5z+rC`)-nJtjeQl&cxjOmnn(Y-CXh3mgR0ZEqENTN3Ikc;(r2%>XRXIBD{ElSiB;H-jAjA$7vd;`@ zY_t&*TYf+e0m9TH3M%}NXAm*Upnh%$+Um;Ml8%GJ(ZR##Dn>9xQ&aq=#Do|dj<(AL3h0EwY8}~S({LYPAlYdS5;}Q1D z54NVKoSPRJ8=@me?|26TaE1F~fxj6d1vhv+@8PuRd2bKMvAT;!t=#Y?Lwozt~ zy&#CgBZw0d7iwkg8?TP&=|M}+Q=u6fw{L5G9rFh0%(~2WTi=5c1^QWN`vzIQD!4Mn z$XHogvgJ<_ zqyPL7I5~;J4r=gN{usL9$nX7>9xR#g%+ur~G0HbMtVTxiT2nsr6mhAy$oj2kvHNGw zrK$F5z5gVNS z&^jOneAEZ|7Ro=vNQu1NS%0qns|KsWDNG zh_Krf`+lpmjX%5iMN9k4YS48$GMqW&^RultxOuYq-*|jT7{C+b?Ej1vH&Tou8fXC# zUE9BlbvO&s>rI9KrTgH92ngVSQH2d#aKdmRy7qQNRkvd&F2Jcg4De5Bv10V;92+U5{+4s>N8sVgQ=Oht0$(V;r;mw}UKt37 zRM{q6d=>ivc~DacE_WhJk+yC}?+mCf9~~V(l5h4HmQ`9ub}b8e;zdUu92OY?nr#0s z2M0$A5$6r4RqPyy3dF-W;TH{!g3loS{^HuscGi6dr-!4-7cXC40tgfzpI90%YeE5i zMax9j-`69r;FE50&m)Px=Yn7SHns=0i;njimDZmC)B6%zXHFelIF#HDK%(p} zlp^o~mCo6_wx6@uDHvb@r6B-`1uxU*=5Bn0YoV=unX#c+s~e7ESP|A4PTFQrVP$Fc z?p<3*$a@@!EHz?cVrHbZA+}fUeg9BXTzJy}0nVQs_FXPx8=Dt6e1pFch+!BPb=+c!EqoPP5fjB&`_k>6{qC(CAxIJ$cW(Zw%FnP1q@kd{WvENt*c zRMHax_-4C@3u{LgB?bAKveZFhBf|y>NlE_xl1njgD&euF3~Vo3GeA)V6c7fuxrf?2 zzWn@+l8NaxP*vIlxUZ&Xva+*leh@fR%!_x_qETopU;boAhx~3ARniXQs?R`tH6R$c z@nt!3Z5Vp|Y{um;5U+~9z9j)T$m~v#Yn-PvWg5hTQ&R(5b*+oKB5k9xc(in2JlG%0 z&$oQ!C;tj(#r|R_-A@veoIZ{L75PD`Fd^n6kiswflP&-vtlGQj6-H8X=v zF3d?y&D@;!ak7-+^t76o-l{}(ul$`4jgHV}N%oX4x07@B#&z89QN@|Ln@)w({X?DW z?w-ZA0MAATt8K#}`hk)1C(+q8&?|8F=7CiRy|U@9Ov_cBgOl@@1{UVAKLn(k3B=gR z>0yJ{`fVP)eo}N3mNd`zC4ccF8LA_!cEI6k58YZ0WS=K`i%(LA<23O0YC3?z2o9w zPy&BQyT-mOTZoc{cDRGM8zPGBbVruw(|q$O~?0?C+^wtVok%P z8=9r9iGI8Bi1O||V1SeY`UWa&Xe|s5%rf$+_>P++G4CFqF2BIO{yEV%YJ58T(4*2X#&inF@ARIyxkc;>Y&p!(37)2nMnCUFqxZl|>08>>e zo6$7v*TLo{(JA4D$NQR30t_YN!_}+pn)YRC`>CS%}{Ldr!I2dLoC7cX&M+D~|87R2^1 zYID*8$q(2p7@##%T*~NW!o}`huRNYptN$GP9!QdSsaWQJ8(h`JD($5wtyG-nW{1_y zvZ@8~@)GigxScY(EywP7!#}VqU}0Q2W~B{cw7E`Z^hmO&hgXxqwe} z?nx~u^dm&fvF<45FtI_^E9|xv+O?qsXVe)hm5iyE${LBEK)flw&s%;U4i?dGEGAS5No!j=Q z+4h8Nf}j!=en;mU&K;#W=18Ro(*}_+i42>mI=?o9!9>2cfpJqnnd`V{f*fR{rL8^t z6l;5jR{LFn7M3iv!_X^9CLLLM`HsCoi~JuyzI0dGsuKPYVP<2a<0?8p4G0cKXY#P7 z%HBdK?YwSqcUhl~a`g&l2&x}~e%j#YZkO=I`7yFVNzt6i8km()VwbygI$XG84WzwN znAEFRu$|pqfW~5(^k4+|czDz~nYIhn7QN#snAFSBZ!iuHqej3@KfgFy+qrcn4@j4T z+VZ+Aj`)Y%;o;-I$;tG(xX9u0d$-S#E3@Ss6zX0H$U#Ut?WPucNXPYN;NCMx*{6dd z0Y(sg0~{S4<7G{ON5Smz2(h+_Fn)AiveZH$2&hg8dw}fTn-AkyAosZ~DlU%|;$9lx zF3oHTR;|4#(<%|9*koV$F(`CguK8&NKfAz;Hd;E5lOG~=HKTWUhyl#CpZd2}DbqJf znpu9<@h-3SY82i$pABHF53H=Mk&1ZRcb)dTUTkr}0SkC?+-(F&-#?x6;IR$(vsz>8 zZw;7b_0nLKNqQGLTG~EPc64_Ga{w1t6)* z+{>O?te95kpO=`kbWDZw#AGO)HUyjiB&tLU5{r^rI5imG%>>`1OG!~j3J8F>jby3x z8!ufnQ@lfdh=~KLr`HIf$U$uW!=oX+*l?`VWo}y#K|FNo?F(!UBcKC9Y38@?^Iiav zksO(keMKpv6Br*U)4B?Jn+0a5^E7F9E+6D_(x=FqMg10|q!IyR1~R8EWz1L9*1BT; z={Be3zCfJ(=Roz`=Kp5|b5Ag1z(D?MWiWTePYxai1d%a&q}1qfD>xDoDR7x!5rtbp%Dg2ff@%7J*I2f$(h&EX`&(p5ZF?_sE~9q z%74}IzL4U7d{;OW{^8gK6>Uld;I7ce1hdLg;k!7$0;f{N3F;t}NK>XuA^m!fxY-CD zgEB*e(O!V>AX1buLqvMVMA82z6nCD|z;NvClcd6Zf&R1lo->Gpq;HhF%<=fx!oE<3%s2p72KuiT5pumWi9!b5LOqQ7!ee1icK{)h`j3eb9 zKmw|X%USDN2X=;m@y_;9Scfq^#s%_Q3uy~eb!YcW45ljpRFSmvFZv{@qkDULfQk2q zNeFPtu6&%_ss^zJSTTU@oNKP#kR3#C@FKlDt0yP!Ty>tSy}#gTlo**4qHPl+gbrn7 zc2<^1aCl5F@GW!CnD0!oz2vUXuIA?CZ20*TcsGpMf$Yr0)Mr&YTRDok>#@19?fKw= zH$6iC9WYpczeryIKK*mCq336KdU{Joh{l(9wgUXvgqv$$;vx=S_OCy=<@XR~;xcN5 zAvJu2q=|%dH@F_ixVo-c6L_ z7Xv+bY3cbRY{zyUy*kem^?e&*_+4FoaECGI2q7hnt*zD4bfwb2kX}*&;A$u*?xd>5 z>SwS)d`=gwWY+^UI$*`2q$KBVFsdkN)U&j7XK-iZ+167{4#BbKDvn^tcm0$>CMqasmB_K9nmCy0TsvF_r{jFyMMix zX*^snm~M?%fk&-rzP8GV&HRO##S}~$F;nu-pn$>sq4vVvB%@#fD3AUWJbH8qNta@d z+uq!A_i&qUa=07a6j@p#U)J%57_{~DJhX8%2V5-?mIea@6x#gknsZZ2-kBL9wch-k zhFEQ!%wO{k_o}1ao|QU!Z+P(2+9=VsQO*QisAJW16PcOobIxt9I zUh38Dn`s{|1H_ynf!T%uw8k6vYpI?Jn3cxB<9=6`D>Zb#w~}a^o10|9KSlWHgxPln zlBYPHK^Qa`u^L@47T!aldup8=3K2>`EXxvBP^{_A+17yGtiNpP-ThNwCJ+A=myrQ6 z^T8Rddkx~DO)pSXOVdh=w3m+_0%>txKeh8EF!j_Hgg97Q5<}1o2qC!|EbqYj3OPb+ z0Mp7sPY>iaHqYEsQl~Z9)BOA`(3S+)XBQV95JF>85Y+wriq1-3qYQfnP=!=vDHqH& z9T_zZ`dgg)ET&dmg2W(HxM--z5c8wX!S^yUGzu7Xj+;F|&^|za>^*B`YRT^L_lwZN zU8(a4`f51%sMoZ@Y#_D9<<1uw!l)Q(BT;52!o) zmw$d4vSDFi?O5ALV3NyFM!M_hB*YU+3WeH6qW}wsonMFH*5)RD-1ka@Bp^%!Bk^E7 zn+@d8`SEe+Mm#S}(Z*)CEpYhtoGuOOqm`8vI)(-Grq?)VU%t#A5ieitD}|ndMxT_3 z!F3W6hw&o4Jg*FlP5Uo4-0aaI z8|`*EHMY0N6zz+pLP8Q35%5EL4&WMTo11eo{B!OE_l}H>WgD0fU|{e_E;$1^*MvQx zoF%5-`rNQWiVE}-yv}*7)Q(!>nab8oSsn@yT<81?9h;S-POm|OD&oc-rvZ-O;TQn0B)8!ZJ74wYoiG;6V ze_^@>B_&v9(Y##-Ja19r9>NGmeRfsLJoXqICC*x(UlamTKVkAPsgH}tYY>Nkg zfg@7s>CBes1EgOwrKPMav^%jrUwPmc!NI{*@Xq1{(O1^)Cx3Sq2rRACLZ3ZEHrRG2 z`puu(3XST7eoyn6ug#u(cX>JF5@d4d|0~uG3bzMC?lz|ORpTKjjJ&f`-sUT=`4Ng}T zCsx_AskFEuhRe9br@6LqzjGx)1DHg{aJBVZ%VMcne=_jxRoGlj{0pmA1Ev6&MV*}S ziqgjlA5lm1nSaZOWum6ZSvp(iR8vxFG1lgx$J{56i;w@FIPQx4PF&m{fL2_UlTF&w zXZnrx4mQ#a!d)@#dK)FYj-(`p8KP)P7LJkMpvv)WBf}Fss-LdRfqPJq)>0Efg@Xe* zJ#}_+a_Ws`ZpFYrM~_xfuCbe`G})Ga6n)SgRmf|Pff(cX-kqsROiGb?v&-yu@esIgewv=xM=BmqED-4G zB_ABFGK_oId#w9Am;v%3oLr>V=*qOg^CWT5d3VJ=Lr=;c0zTZ>!a`qLds+@k7Qo&VN zB1UzZvT{R0FF>5MnLE5sjX`3DvevWVDfJ=s>vVQtW}eP@^aUae$`~2@xKxL{nZy&sw(&3<8$D9Uz|}Rmx(pFC49WS6^_t$61cgQZA0!!5?YMZ~xVx05Bi0o3j>P zobBFIkc@-@T%Mwz;zpP_;Hs2wBKeO~>cH;WFfmH$OuH-AZRh)M6sf49f2WXwxQ$dr zYaFcjYUGC@%|>iONpZ1$`ZvVp@c=eJ{h!et`SqCN7Wd$rUjQlGw$K@Z_qE$t`M2@) zY8m)fega?7v~S(A_$YLEf@ID2XqE)Zw0z*Idf&FdAr0CVqJV|Kkv&0{IZ{Rp*+5T& zba%1t)7m>U0K&K0o&FiY=f9`{GT>X!hI1O=`;2#PzK=U zDN+>{_zCDv2mXr+-|9e)RHe{xbmj$fj4(hA6{8w9=S27KSw7$wcv)4qJtYtL;7n1_ z?m!tSI*kGVq9}z1=#lVM{Q3^CXI=Nj=` zJ32iSLwkXbZ!y(a#@02{tKzWc@c(iZ_{ZLxGLV?YJl9@FcLPZabR-X#cK|Zcp4Zw* z2gDjruZE(cqC{ImwgeEp!3+E53OLf2?d$*Q-m3$;O;@h;$h zhv6jIa60c0VkhaT=m1R`G(&vBF=S5wykso?T9vM?wq?L+qvNqt(|@udga-pZgs29a z@GoEi`?J)+&_Yo|O8Pj|(V?Zc%QbxM2-PP=2p*frW&lCb=cO2ecNpsf)?84~{`a@H z(`O^;34`EX&GxA#B?2=PFsSd6D-8k*F23h+dRCUW*<-L6=vn{gSo|Mn!yt_YWgM{>S>;88EGysiBgvoz9^8xG%&N>Kahpr_5Sl8j7ZUS3cv4Nyw;V4|-?(f)t%{B2iLK+p8d z`Kp-+xxgpTe+8s=bv6+{jpMKOT^szU}uD^rNE0}WXo4#Z= z@QVRuQxY9-vU=v3n3yyf*LG)Iv>3B%Yl-wHKgQ?kaxNwN`D*xTp1-uK3TqMq!?1Y{zQx@lkSs_J$cl?0db;Sg&b8V3%$0p;%fkSi@ zHCO%&H9OtGfX@46kO1&sZXRyHRSKLP#mobs=@yLwW`LHi--sC&#&;h7l%jq4AS5^# zNc@=O`CgJK7sUaf*Z^wHe<(JNPHnU`ppRaX+@oLTEs^SKz_@NofM&nc-nn1 zXFc+BYxK||KR>tvjkbX0@I=JHOUSvcH$3)yUf~7fKtO@u!idNs-6BFYK8(i z=99FAfk7FN{Xi@ER=A~_+DVE4_`wISyX&Kuab4nQ56`dI6Z+oY=>o+Pbc?RqyE)3f zgqSzn@e-#v9~{0w@w)l^`4h-&X=y_UBTo2WGdc12%ryVUhPx6PA4#-lXfV*D^eAvP zT{&+V<=R+T%T-J@BYaXqVhh3!D2tB=aBW*Ah`Hx4UiJh}aKLvcC_t42T@umJI+~iC z0Ao7eS%Q@${(INMsIjXro=uKECMzpzxmnZF%8Fb#lx%a2K2j=GM4_ydwd=lMTIR8} zRvhvG1v@aSgic(J|6b$x57NaD=uyY7n%_S=0u;*nfS%>BmbQ~S5%Hf4X&ZV_S4l)T z!`Y77Kw}+vfezurVD#rk*bwu9#~cJK+N|EKm4}DuFdWcP1UgDYynBGbrLq#!#bqMM zcNu|T*G-n}i@z|im!XGj)I^&B*T`(CSB%Gv)2VKS&eNBI+SWo*9;m#wPWdm74t^{}A)4>p){dW``zr(bf3TI2kseU4b#--U>6bq1u7Elb z&`AP#9W5O=m^)oVu_L}JpULt9ZT3#KR+RHR$ z8LWCk2=2hojTGkQt{j{rr{ho@55`yl*M+~Xnp%f3+rc6!gqE6He(DRT!vC2n&g&iU zvm*N!$k(%p@ZU9~E* zSE~T(!7@#MWp|TnRBwNOo5piEH5~?z_XQCo_eVMIg0ZDxC{EpT`=X{MG9S-r;77Br zR%)AbI65M!DzRs=sa|U7HDQP0+zKKms0QOu;yxih%`eVtxtn`+?|;7Wfnw6-#l3== zbJ7dvR#j9{sQeZd)(7tL^IDlC;YMgv&*<8#<)_Da`T5?6y=IMc&}st7y9Q#zu%MC$$$4bI>!@qsjy7KF~kDd*M70l~sTP z`QLJjv|Ja%S8>Yg;q;z48=Ff`OX#Y;>D|0@x?2H%(F_K;IB=8#pX0T;!111jo|+fK zdH;esSlxgHYV?eu)1buxt}$uK$PuD^ma3*&bel9N6)pwr_^uIsE_Zgc9hLmZE$rZ@ zzO5%M-5zvni6UmX0XyC`GsaAPR(0nh=i61c!fQ$wzvBO zdi}h3&U5)b-{<@NTr#k(mcw2hgB>SeN#BhAaXRc7)I#lA3INYIR439fnU$AS!{tT? zH#9anxbKLCKcax-!zjn(Tc_EDR=*3fi}Mh88fH zUO*jtwe{hBXG%iKVLV>UBOoj-Q>i(CG%?rL4|tRTL?Qw?q8smq|1MU1z_k2EwY9D2 zjkd$%&B@Ajz?0^7%AZcfnN&Ih7;b>vtio(8J*3s@!0ZP=`)&N;*gX&Ej`H>R8pMBa z(L$VwQ?|2mdLm|k`}yBORX{O4z22=p!8@rJ=_i~TCGHm$GhL-pLPHJvg!OmF3)x$D z=WN++$NtHs-HCm9OY=7_tmbQ%CG`l0ZFW`J-?GOv9IT5*8sSEh-Im>&t-phLx#}Z_ zOcp1jgVETMCsa2^d8cNdGSx^K((dmxnHH2Cf*55-=n#E=pwi0GRs|xwY3dXt4gPL$Of~kFm6hFvi!A)u zg7k@ye4NYVO(yd~it+w%))k@?^}@?922;1H@`%l7rQL=_p1Zr7aC)l7yqvzkn#~u@ z^=(pPFZjj8o_aEuT_u&$3`HIurWRa(@2s!jT|a%iDoW1Ksw73`9px#KT|0Rp^P1u9 zeJIhV=%^^s`zhEnq_@5(Phz=DbqZ23~N8h^1(dcbW{;)#-*w?>kuVaR~v084w2&@7)X)j_Mm<>jx6CM*lrZt^kZoHdt@sw%J6vy6Nyi1 z(G`^p(bc8M=N6Glu3i2+zCszCf7-gD`J);T7#0=8MbUKo^_y6~TmBBV=VYA2cc;3< zdyIv$FM-{Wx+~jJ@-)k<&w|Kh{Pg)Xy~{F_*Q#d;?y9z@9+z6@rfOV)sfNerA5t`P zFOX zx;GsViMu|M3s31jsj5)&o-|7+hszSODrv;pAJHudLBd2qlPDv!>Ug!z8?rtGj-`p$ z=Me!Hqr*=Y#f4!9eKJ^lKA$CI#QVlWk>}pGWv$lfatkd`(*{bircM`s2$NS{1Zu(~ z?$Q20@#i21s2I{aH=t&Iclu4-0B)3@_5d5UnaMk9f5T7&)8GfT%OOP;emhie4;FF5 z;-Z7Z%-d>o*_Q07B?Sj(p_gnr6miV+>+siY`Fb7xUl=gV?7Ni3dzf0FT7{sW4-yX4 I`Gj5m2UZ59@Bjb+ literal 0 HcmV?d00001 diff --git a/frontend/__snapshots__/components-playerinspector--default--light.png b/frontend/__snapshots__/components-playerinspector--default--light.png new file mode 100644 index 0000000000000000000000000000000000000000..e9aabac97d7d9b3a1430be8a3249bd9f254b7916 GIT binary patch literal 20444 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 literal 0 HcmV?d00001 diff --git a/frontend/src/scenes/session-recordings/player/inspector/PlayerInspector.stories.tsx b/frontend/src/scenes/session-recordings/player/inspector/PlayerInspector.stories.tsx new file mode 100644 index 0000000000000..1c3376a829fe4 --- /dev/null +++ b/frontend/src/scenes/session-recordings/player/inspector/PlayerInspector.stories.tsx @@ -0,0 +1,88 @@ +import { Meta, StoryFn, StoryObj } from '@storybook/react' +import { BindLogic, useActions, useValues } from 'kea' +import { useEffect } from 'react' +import recordingEventsJson from 'scenes/session-recordings/__mocks__/recording_events_query' +import recordingMetaJson from 'scenes/session-recordings/__mocks__/recording_meta.json' +import { snapshotsAsJSONLines } from 'scenes/session-recordings/__mocks__/recording_snapshots' +import { PlayerInspector } from 'scenes/session-recordings/player/inspector/PlayerInspector' +import { sessionRecordingDataLogic } from 'scenes/session-recordings/player/sessionRecordingDataLogic' +import { sessionRecordingPlayerLogic } from 'scenes/session-recordings/player/sessionRecordingPlayerLogic' + +import { mswDecorator } from '~/mocks/browser' + +type Story = StoryObj +const meta: Meta = { + title: 'Components/PlayerInspector', + component: PlayerInspector, + decorators: [ + mswDecorator({ + get: { + '/api/environments/:team_id/session_recordings/:id': recordingMetaJson, + '/api/environments/:team_id/session_recordings/:id/snapshots': (req, res, ctx) => { + // with no sources, returns sources... + if (req.url.searchParams.get('source') === 'blob') { + return res(ctx.text(snapshotsAsJSONLines())) + } + // with no source requested should return sources + return [ + 200, + { + sources: [ + { + source: 'blob', + start_timestamp: '2023-08-11T12:03:36.097000Z', + end_timestamp: '2023-08-11T12:04:52.268000Z', + blob_key: '1691755416097-1691755492268', + }, + ], + }, + ] + }, + }, + post: { + '/api/environments/:team_id/query': (req, res, ctx) => { + const body = req.body as Record + if (body.query.kind === 'EventsQuery' && body.query.properties.length === 1) { + return res(ctx.json(recordingEventsJson)) + } + + // default to an empty response or we duplicate information + return res(ctx.json({ results: [] })) + }, + }, + }), + ], +} +export default meta + +const BasicTemplate: StoryFn = () => { + const dataLogic = sessionRecordingDataLogic({ sessionRecordingId: '12345', playerKey: 'story-template' }) + const { sessionPlayerMetaData } = useValues(dataLogic) + + const { loadSnapshots, loadEvents } = useActions(dataLogic) + loadSnapshots() + + // TODO you have to call actions in a particular order + // and only when some other data has already been loaded + // 🫠 + useEffect(() => { + loadEvents() + }, [sessionPlayerMetaData]) + + return ( +
+ + + +
+ ) +} + +export const Default: Story = BasicTemplate.bind({}) +Default.args = {} diff --git a/frontend/src/scenes/session-recordings/player/inspector/PlayerInspector.tsx b/frontend/src/scenes/session-recordings/player/inspector/PlayerInspector.tsx new file mode 100644 index 0000000000000..dc8c712cef413 --- /dev/null +++ b/frontend/src/scenes/session-recordings/player/inspector/PlayerInspector.tsx @@ -0,0 +1,11 @@ +import { PlayerInspectorControls } from 'scenes/session-recordings/player/inspector/PlayerInspectorControls' +import { PlayerInspectorList } from 'scenes/session-recordings/player/inspector/PlayerInspectorList' + +export function PlayerInspector(): JSX.Element { + return ( + <> + + + + ) +} diff --git a/frontend/src/scenes/session-recordings/player/sidebar/PlayerSidebarTab.tsx b/frontend/src/scenes/session-recordings/player/sidebar/PlayerSidebarTab.tsx index 8f2c12055f2c1..9c69a46274d11 100644 --- a/frontend/src/scenes/session-recordings/player/sidebar/PlayerSidebarTab.tsx +++ b/frontend/src/scenes/session-recordings/player/sidebar/PlayerSidebarTab.tsx @@ -1,9 +1,8 @@ import { useValues } from 'kea' +import { PlayerInspector } from 'scenes/session-recordings/player/inspector/PlayerInspector' import { SessionRecordingSidebarTab } from '~/types' -import { PlayerInspectorControls } from '../inspector/PlayerInspectorControls' -import { PlayerInspectorList } from '../inspector/PlayerInspectorList' import { PlayerSidebarDebuggerTab } from './PlayerSidebarDebuggerTab' import { playerSidebarLogic } from './playerSidebarLogic' import { PlayerSidebarOverviewTab } from './PlayerSidebarOverviewTab' @@ -15,12 +14,7 @@ export function PlayerSidebarTab(): JSX.Element | null { case SessionRecordingSidebarTab.OVERVIEW: return case SessionRecordingSidebarTab.INSPECTOR: - return ( - <> - - - - ) + return case SessionRecordingSidebarTab.DEBUGGER: return default: