From 65e29ea1e056eed327bfbfdc1acd8debd18345a6 Mon Sep 17 00:00:00 2001 From: Joanna Pinto Paul Date: Mon, 25 Mar 2024 15:25:39 +0000 Subject: [PATCH] PLATUI-2900: Added missing navigationLabel param to header (#358) --- CHANGELOG.md | 6 ++++++ ...xt_and_labels_example_0_document_0_phone.png | Bin 0 -> 7183 bytes ...t_and_labels_example_0_document_1_tablet.png | Bin 0 -> 14584 bytes package-lock.json | 2 +- package.json | 2 +- src/components/header/header.yaml | 13 +++++++++---- src/components/header/template.test.js | 15 +++++++++++---- 7 files changed, 28 insertions(+), 10 deletions(-) create mode 100644 backstop_data/bitmaps_reference/backstop_default_header_with_custom_navigation_text_and_labels_example_0_document_0_phone.png create mode 100644 backstop_data/bitmaps_reference/backstop_default_header_with_custom_navigation_text_and_labels_example_0_document_1_tablet.png diff --git a/CHANGELOG.md b/CHANGELOG.md index 77367fb2..feb17f0c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/). ## [Unreleased] +## [6.11.0] - 2024-03-25 + +### Changed + +- Added `navigationLabel` param to `header` component in line with the `govuk-frontend` header + ## [6.10.0] - 2024-03-25 ### Changed diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_custom_navigation_text_and_labels_example_0_document_0_phone.png b/backstop_data/bitmaps_reference/backstop_default_header_with_custom_navigation_text_and_labels_example_0_document_0_phone.png new file mode 100644 index 0000000000000000000000000000000000000000..1bc3a13bec3d06f8e3bcfe0c89fcb49192b88f7b GIT binary patch literal 7183 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 literal 0 HcmV?d00001 diff --git a/backstop_data/bitmaps_reference/backstop_default_header_with_custom_navigation_text_and_labels_example_0_document_1_tablet.png b/backstop_data/bitmaps_reference/backstop_default_header_with_custom_navigation_text_and_labels_example_0_document_1_tablet.png new file mode 100644 index 0000000000000000000000000000000000000000..b113a914d3c060eb1dfb325c7f2fbfd7237bdda8 GIT binary patch literal 14584 zcmeHuXH-*ZyLKE$eaD6f2vQYPP!vQEPzYGSj17hnL`8^#Ql!Mt0tOOh95vL8gMdoO z2qT~fkrp6ADJ!~PhTNlRJErttn}xFY>Xx@XDG zZO8jL6>6oOBy%?-iVoZ5LpQbJSJldhA9DRGk1AikYjE?2hkGW(h)-sQ$9~y$K36;w z;pvsJ$8dt4YL{j!n83{y7-cs5t_1^%LKx5Se*iCF*c|8x`(Yb&+_mOA=(Ohqbd3A{ zU(o4y*c#}xeHU~*@f|cd*pG40@qhkBKUw&H8xBG_L$mHJe*?|wzcK45_WHPI=DzjJ zEn42Zhg;0Tm`Ou9Tfw!90Vp=?FoQ}RWzL@>`}SrX91gxYnR*V3{SMV7m+;lMY}ul$?BeSBwW%EJR2-cjT=m_bbh=&sMUt*z zR+RUx@;>MuN-4TJo%znh)z#IZ99`&XXHl7IuxA(cP0!5afsx(0bI1F-o7=4;&j^IV zH*b;xI`bo<`9q=O&-~6f)PGJh#;~iwx1Ekp{WZ7>SUfo&l*O~%-3tF=IT*uO=_S}JL=)=#SKWE=-y|7Ou zb>GDVXx3U*L7(`6ZFbDu2b+94{yJMT>GFwJba_lSxf=cP;T0SwmaP*8hB-8271H~= z*nG}uf;`nI?q3N!Ui9Y8z(`F97^6bJF z`p82QPR}tPro+XH7fqW%nD|pLle*?lUgKch`HXRS?AYft<@QK!|H}7oW%V_(quC6K zp&{4i`6Wp_-Z{DGb%Nt2^$^S~SWsqdv@o~!k@I0AJ4P&f(!A`|0X7pNT8?;QmNE| zo}(5PqfRhW4SPHBswj3%zEd`}scN0-@%bcwn}8Cpx4V3spQowo9mhF?{W4k3NlQyJ zlRVVghzsc}yIq6d_$>D07SEDlj>j%oc$F=qwzl?s_)|{6x|2wA;20*H){3c4pO&m+ zbruF-GpdNWC+~0Y!(zAdcbHy#!v2X2EOo0rmk@&VaB)#iHN2QWAk6qR_s^*fr-)Nq zvu&(QY8E@PpZ9!yb;)Pi&3!C32&@>o@nuHj&ML4AIP^@h%jL`I;`zsUXB>lrgXda- zk?JBVUpGz1T`l)*U^r!_WA@smHr97tDq#K<4A!fkO4Weh3m*!!k#A-r%|k~&nQ%Jm z<5g(&kIZ~nJFYvnU7e5!u?rE|4Bv0R?~cZo0Cxb}5Gi?nN*HUb@c3YJcK#&mj01X4b)+GVQUW{S-5aByKs^#VTF`lL3Y`t3-&yBCM z97RtQYCt#&?k6@(UU8qeqXz?N&T$LT_h< zcbpAIR^1mLx^=4Hw!+xGBnfQ({^gA6j+f_oS!Oc9LUHJ32ZJ$(58*>otDt8{UM|e)&jSU0KD^jsywUk}>8*k2iR`-L z1z(q5!44OHOcUfBoC&cvBiUf)B9WMur)Fl+3!{ZaMeM0Du8N`4Y?-S(!I(S{;zEA) zD*n7l&7SU_9t`&9!Ie8WPfySHsfv{RiWqhVLH_CdfC(b;>~>ho?0f#& z*prf>O*%ejv2kmLz6w5F@+MufSHGwv3nkVnx~cXEp3DkytGu*w?!{o_?bjQ$AkHc zIe0|~mJ=%;w0gKzhuXsgo&~MvR1X;`jhP#;p86{_x2EP8$aBEviAndBjvLVxG6Cy( zWuSO+A0s6%yGNavM<5^v?geH=k3Vbg@7FZG{D#oc(P1rH?DQF^Mx%W!wbc3bURP|I z&=tbfY4q2*Ki4WHky^7eZB`0UlPYV5znHgv8D!yQOFiPrz`xT@yj@MMeo6JhXAt9% zND?O06GXb(w{H&)AvrD+#$&)+X4}&i_=C>KNx3ATvq10-&PMj2_s2{aOM#EMxVvYl z|8Sty*4%WvswP9I^8IQ;i=hJKeJBiyR+=~7MBN#DYXX_CBq!D}DAxPzEiKxL0x=ag ziJ5(rH#+QNps&^3YQMun5sFfEv^+<&H%?eTr&mmt9=(=>HPY`7F*7>G9VHZJ=1t9W z9EJT9HCM;IGX3Z55+hZ;n4m=)`5U7MtRc+H%r39Q|j>=w%-p;;@Rqf(FS-Yew$amYxE7n)q^Zk)7LNQE^$v2$UhL;?XjS7XR@b88shecF4f<7JKDRUQcW zwPr&Kxfo+Za;F^fYq@mkViMq_yh0t zYj1$J03Kq&%)cj^7&rGMBZKvtrQ0OAGJ*Yu%7WVnC=XgB zFjXpvUcf`l*1=)pU$WU_uQs_mJ?r58_`M+fHqvuDlo>K{R_5z##UG6N6rcQS73uzO zn9A8vW@ew1tAlJ<+AMlQi ze`3b$dKRt)2W4T=6>qQy@X}<{iScK_!O8iC>GgI794YqoQu4*pk#SSU^Mj-X<}|(| z+GTZ4?AZ9WGndn*j2+z(w?Q{*my_+tZ_6SKT?H>5Gev;ZD;>3$8_?&IQS~ke9kruG zO01G$iuO*KL`=la(QQN^_|}TARQS7GKa7i!4pV2i#>ka(Z?2T;+u_JZ$A28Pr#{ci+Y5stjotSwFRL zls>-HgKX6jFEp77%3|oe8RGHP$)}dV*Q$ik-`;QFJ-Or*&ykK>q1%4hFm5NVV#p4e zR1g0eC5<;+7(#(T)kIS$6ecuWsj#&*b`T^wuGBe3|MHtFkFB~J4N2PSUQsu1eg4cX z+iJYouO(||stN624sccLk$M%{7qq)|%1|`Rh4#zZ4NMR*!tnC$E_c?G{g=3Xexzg< z_NmS}uJyeMT}03Iu!}Jf3!_n!FCKAuek2`oUH^`b!SC86_hkEFIvF3Fb8L?Z!r0iD zp{%V<@`<2{9dRv!c68DyV#mxIVTZS9dSMAG^8H3E`GYVxt5Mj>%&)_&ZI7}%QI4tU^Dl5x~c6ofhJ4TjB z^>3qjxAmeBE&&Svd(-05==lnNPjN=JX4nkxd@i~HKjy_)$+!2pBi)#vEXdg7nu@!z7BarvXxeJm`q*iSi?n29g^UVLVM=hC&8C##xC#M_u59yq zke%r)S>AhpNbREYkcyVV@09% z!Gf_+<$qmH3P#@`oh%hx+I|fuNA3kw;5* zVHOuVommD%J575@Un^ISE~;FXiy0(Zhv=~q-ukurK>~sDl6HTCQVM}U45mH8oGd8R zQbrH|vVqBnRY=+yc*XLd0H^MbjE%5u4@iBjlN`;`!Hmkb$21@9sfWrVet)GW)A-P# zWRjePuYbQmPutmU<(8Dqka-;Rq#RtoSz{YiEc>J!+b3A^$jszDvR`$vr5vij&vLFOUZ}VrzxD@wDHl~pg`uWMPVt(s0b3@FLp~1#LiHuhsQoUQO8#dn3T&x{s zOeA_BZ%nP!|Ddv9Ib?hbl$=;TI${vM^{s5;>xx`Kr>-D(^PL@fyWBLsId#^qw)o#$ zn482)S>8W&iM=~fCW3|M$%?KW`sEF>+|jt3?WnK4M)12)s(xFOt#s?)*Eqcz4U)|% z9Tlr?8_}EcCn}@u_N|uJ4?YI zkn{OR2SjX^k0u$xCnrND%BmnlvcuF%dm<~$35wGjLrRW^3{(Sbqj@}L`P=fSq5V#l zcGv}NT)pyqB2ubv88V;&S+{wMwLy2uRh12TF?ZR2bT%Z?YI`Qz^TL{v>?Jj=j$vV8 z(gk-$0>gI6mB^|cOZVWGvUC%hD9sV8M|(!oyCb*O`>;}y0Z?){efo6P(mav1x-^ql zSZE~wCgHH4Qi(*eHY<_5R|+LFmbr<%78^klgsVupF^2({q8<8a_k72B(+G)qEic7} zn%xR&8Fhm*Nd$FdjG0NM#r|v8u5qD@5V|<)0|yRxFHW{cXX+wj8uy~bgBX@4W>5`E z7zBT8?fi6Ckx$oaH?x`58QwB4WhT-@Cw9yj8Gp$+nD%lE0UV4-ABQa7oS28^F&)pI zJ?l{6m=BLF{RA+Ob;_A!O*MP@JTdR(%f0l)2GhAx!ymtOFRgBjGcKt;!c5Z9%4@YY zK&>c1jRx{jeNte_lqdle9L$eY_*j7I7%*p_Xn)v(#Gw((+-c@J+l!e!dn-0JHlx6( z0=Z-wuE0B^Xp@JsF|pYe0Y7J??L1MRKP_;GoJpT_mk&+i7Ye8`bPh13)B8*l*3#>a zizKVrF878hMdOYQE?+xTJxC#mzsOQFbz~Gz8Olp|cZj!+J(gZY#@i)a%Vf)AKc0Ua z+=#!>DPj)nY+%z%R#sS{SZz=sQ0zJ>8Rr{MuDCm0^SWcR6XmHGcYB)4{UckmyluJR z^wyNM`L-GocU4FVbAOePn3(tK)&4o^ObNlCrX@d_m-v!gaP;m_{z?hl_q40-gS(pgTp|0=f!z8M=m;qSAvgO-|Ms)vtC{9^JD!M zufqFfgD#;x55dx@;^cT7U=)D7zZeNmp)bBPZFu*~+PsnylNK9=v|7|3$mg_T^ylv$dhW3`;jN@pXl#|!#2{9hQgvEVY+iAa!C+F zJApxR+}~WUIbsJ8l`Z{_+fZwmXp2?-q>tKZR2w&aaqyZ42A9MSxPzsHHs!nL zO|{!lW2j4G(!Je%-7Q4V&vTCrcg}9DtgM_z^>}G!LGr_SGSFPP}J#0O#3mHV*GUP_`E&I@(HgzyRgR>X^G%JW^gZ zqjEfFI{am+kVh@+%Vy^XC}d*dGjl)Y10GwHyga|u1Hrn;Y533qR(s}93#)zPk)AF~ z2OBgX1flJ|5(SQ1GIfTl0q*UDHo9IJ&5bvNO3kuz&MD%tf169cp58GKfU8HjiL@Bp zY;WoOkeF^o7Y+(Uld@jfsspU>xOl(_FQy4Y)=bX*WdUpjL<rZG&w*xMW)K$BpT)ugoet&*E6(**9%@s~h)+e}|lu zy$0sOL~%C!DU`AW8T~r}xez^n+j(lansMHw&H|PCE+HY|scm%GmNhR@nJ>%p6pf@P z;W>#VpT@2Ng@&apH`w%vydaouj+!p~AOBBmU^Pz-KzU3~Vy@f{b@zd?n#X6`&Thxn~ zqqGX-6ULaV)^0y`B+^9p_xNJxgYn~jY~3o?Yq)zB_KGX)nf0?P3X{40J)RiP>(;m! z?bvW!RsiSX>bzkNA)cg&ad3zMIW37`MRquJwQLW_7v5hBU22RkY@)3^kSO7oPtOUu z)bLUt+ttZDGf=T->z3!qWfFvs&j@c^Nj#+07i8&lZ0w2k%$ss<32iQ6 z|GYwr42}^lH1XzWf|Qf@`$dcXoH49(s5alO4y~Pym#>&%TC)5D0^%7G8Y7X7lg$wP z*%ifuGh_z6i8o8&`HQELdHyFOBHqKd(X05sDbhVc`tp?Hb!L`4V1Q#+ts1%)m;`hL zw3}Ov$^Zx;Pc38bSy))qzrFb}RPy}=P+Rz-jM0FZh4S(MR#0cQ^ty=K9c(k>?&@0q z*V)uu3dK@WQ**(ojSMP${rf$L)+USxrev$qnm5z#cw)_^_7fcKPyLxt^nk4C{f};4G+j* zS@v(+Mm=yRAfb5^_3~2s(O`UEx^8I9X6Y=0H5_j>R#LBI9UOBjF~NYgvgBVP3sY57 za|A4W`@(d&r=@7dx`pXs=-3n(;qu2$O&KCftys(JGwoDcs+orsW2NcVcu`_r(87mL z>EWK<{i_`+?Tc+>z@Hj@rZ1QG3KrBJudI5y9GQ&s$K70ES`U6HSZZMT zG~Kr+=Kj&4v49cg2K^lIBvv+OB;hcUVii3@H6N&kfT?Rxtc+XHVx+D3JJ@sYKdCq; zWrk4qhe!m97SEN{1wha@G&IbE6wr{MW(++TLiTvs3^J_AVNTXZsLzl0_T$z> zGaqLCCezyAF$0UYzJSs}NO`hBFKX9i={#{=#y)$H^2`8oFaq|(R!rczP;epI0$OLr zQ;-1mxEkOuF#3Z?jPMm$duSNv&Y$;b|L~wxN|$ik5xVglldIbm3#N)P4`vF%df}6S zPdA8T?>AHqJ`Y%Hze+G?5deKbM@-gfqOH>W)ah02hJ`5 z4a|EyX{QTN8G$PTo#z1H#UO3q!gGuLVmo->+CPOUtIEnkoLtDyiMs6SItqVC{vEKY z6S5j0r#4;Mc0AKIIy5773dl^;qNQxoip@xFBK5cUQyfl8xSXi??FSW#MEG<)P(}ATN>LzjsO#3?p{iiR%Z zi;Ig?99-2<UQKsnXSQ0IGHm6tNA^hX2z>u~Q^<>K|7a$c$_*KZwJCE$~x;OQ5c}`4MM+z$T;DMFaMbyP=w~Ha^ zJ!&H4Fneu3$%E6@wv9|i>ScJ{3y^ZVJ@P<2gJkTdM*}Z^A(x~8N&FLFPXV%k2z4gz z*##&lngB@@(s+S(kA{R1G`GI6xHuW;fM-CQ{My~k1lm>}rNqP+&^JrdMKoXNFM zK&hwBE+8*mQc?E`cgaW{0Wq>VVyM={upX>L(;+{izfH7^w=m`@`T-)OGOV|?M^<8| zDP5cRAk1=qQ*oXR%^e51l5LV*^@D3{buyLx*hfnT?fiM8f93Ia5m4 z4*s~iJL_eJSO0C32jlSI)kWymL#zYF#=`Vvgu~{!aH6Zjh=(z#OxOitvpD)5kL#KM z$;Wp;R0npty)X9<%0(EE6_*ojrjYaTpC}fNO`D4JCCvQZiBaeJcV_Mghx!?g;>Im4 zui2HSlFjkl_kx7k^yGHxR2rXSiljQLZn3j2OC}>~OVI@rg9hwp&Xj7TYQ~mi|9;iJ zW-|ZTyyPjQrU3nmw=zK@rl+SH?cX2I<#J6jZ!gs^Z!#g|=jTT)KSp?WGLy}4(&Yip z4=f#gOi0+PoTRHjKir@b{!@^@KOw>tqxkI+fe>@EeNznfXAu;YKVc8 zaiJ)htYtOs`Qm&$uh4JxGddiqAV8f;vhmVEz&qVj3|4dOlwqHnntZx^hz$cZVLmMb zH7;P|z@CFsr^x7?G5HJM6*Mv^FD)&(cz9?5{htt4^xAurlG+P0YP3y1YT)f|liF_| zo+3SU)YQ~!ia5gY=0u=IFGcOV1WfuMCz5l)kAHJFz-udSZw{JZ1llnDjikjh6=@Kj zFDx!Kir;3?H8#CfapD*ZIKR`b-=eLUf6f(+xLKtY&7FN4-8$iE0;ft z26@9pJP>AvV{fg2SLPK>Wk(Ddk$-|k84K7YZQ|>n^fF9av6?3kI(SR|M$en37Gi)u z6V(q*i|RH7fc=8h;A$5i=d~vsMo3p*xUGAalbTGxv2fO_I+Djm$8KCv-D10|EEAbn z>^!LAA(u88-3gfH@9#ilgDpmbtjKZ!NDEY28su6Kp}flWK$3$0ozQ_c^Av-~4J_sT z)8=dbl>Jo#8VckQ{S^@8fFO^AJ2Nu_H6TD?!{P_ z0;g z#_r6lny@hCzY3_d=09mG;q)>_U6F_n+3><&XF-I0Y$XN*zXE3H>h3N$d}THWW)$wh zlul1q1HGln1~e+2c)jWho1CLB48Ecj^`W5b>GgeYwpRP?BhLUUF)1>`V}AxMFc9ql zPSewO+`B+)(a;*G=}4y%)!l=uTp8MG_|-V@j(4mQIYyAtSbtW>k|$}Su;gy8uCv{# zi=e9s9vONaiR1*@u&X#B;0Et(5TtA141>+?Y^Z}nuWq!eK=1!wG@hy6F7FFMIo;^B zKQz@m0&aeTTqt?3nC_Y{h92?XXzcp0df@(j*Z<27vH$8u{~^tEFSV>J7Dd|7g2KN* zO^^RE&49b0$^3^kIQ}!I|KRS`e>V4@&Hc~s(f-HE|FQCato(n?Pcr^<-2I(`lcMuC z>i^e5mG0<=f59~Vt_u$TJ;fU*VBqgv9CVCZ^LJ6S_U|9xtpEELHk<#x@Sh7#KcG*Z%|5R2_f- literal 0 HcmV?d00001 diff --git a/package-lock.json b/package-lock.json index fd074b51..85f41838 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "hmrc-frontend", - "version": "6.10.0", + "version": "6.11.0", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 68e391e6..069e6b9e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "hmrc-frontend", - "version": "6.10.0", + "version": "6.11.0", "description": "Design patterns for HMRC frontends", "scripts": { "start": "gulp dev", diff --git a/src/components/header/header.yaml b/src/components/header/header.yaml index 29d2686c..c0cc0dca 100644 --- a/src/components/header/header.yaml +++ b/src/components/header/header.yaml @@ -48,6 +48,10 @@ params: type: string required: false description: Classes for the navigation section of the header. +- name: navigationLabel + type: string + required: false + description: Text for the `aria-label` attribute of the navigation. Defaults to the same value as `menuButtonText`. - name: menuButtonLabel type: string required: false @@ -459,8 +463,8 @@ examples: attributes: data-test-attribute-3: value-3 -- name: with custom menu button text and label - description: With the menuButtonText and menuButtonLabel parameters set +- name: with custom navigation text and labels + description: With the menuButtonText, menuButtonLabel and navigationLabel parameters set data: navigation: - href: '#1' @@ -472,5 +476,6 @@ examples: text: Navigation item 3 - href: '#4' text: Navigation item 4 - menuButtonText: 'Some custom button text' - menuButtonLabel: 'Some custom button aria label' + menuButtonText: 'Custom button text' + menuButtonLabel: 'Custom button label' + navigationLabel: 'Custom navigation label' diff --git a/src/components/header/template.test.js b/src/components/header/template.test.js index 7baf1153..371de365 100644 --- a/src/components/header/template.test.js +++ b/src/components/header/template.test.js @@ -190,6 +190,13 @@ describe('header', () => { expect(outputs[0]).toEqual(outputs[2]); }); + it('renders navigation with a custom aria label', () => { + const $ = render('header', examples['with custom navigation text and labels']); + + const $nav = $('.govuk-header__navigation'); + expect($nav.attr('aria-label').trim()).toEqual('Custom navigation label'); + }); + describe('menu button', () => { it('should have English text as default', () => { const $ = render('header', examples['with navigation']); @@ -205,12 +212,12 @@ describe('header', () => { expect($button.text().trim()).toEqual('Dewislen'); }); - it('should have custom text and aria-label when specified', () => { - const $ = render('header', examples['with custom menu button text and label']); + it('should have custom text and labels when specified', () => { + const $ = render('header', examples['with custom navigation text and labels']); const $button = $('.govuk-header__menu-button'); - expect($button.text().trim()).toEqual('Some custom button text'); - expect($button.attr('aria-label').trim()).toEqual('Some custom button aria label'); + expect($button.text().trim()).toEqual('Custom button text'); + expect($button.attr('aria-label').trim()).toEqual('Custom button label'); }); }); });