                :href="state.createURL(child.value)"
                @click.prevent="state.refine(child.value)"
              >
                {{child.label}} - {{child.count}}
              </a>
            </li>
          </ol>
        </li>
      </ol>
      <button
        :disabled="!state.canToggleShowMore"
        @click.prevent="state.toggleShowMore"
      >
        {{ state.isShowingMore? 'View less' : 'View more' }}
      </button>
    </div>
  `;

  it('renders correctly', () => {
    __setState({...defaultState });

    const wrapper = mount(HierarchicalMenu, {
      propsData: defaultProps,
      scopedSlots: {
        default: defaultScopedSlot,
      },
    });

    expect(wrapper.html()).toMatchSnapshot();
  });

  it('renders correctly without refinement', () => {
    __setState({
     ...defaultState,
      items: [],
    });

    const wrapper = mount(HierarchicalMenu, {
      propsData: defaultProps,
      scopedSlots: {
        default: defaultScopedSlot,
      },
    });

    expect(wrapper.html()).toMatchSnapshot();
  });

  it('renders correctly with an URL for the href', () => {
    __setState({
     ...defaultState,
      createURL: value => `/categories/${value.replace(/ > /g, '/')}`,
    });

    const wrapper = mount(HierarchicalMenu, {
      propsData: defaultProps,
      scopedSlots: {
        default: defaultScopedSlot,
      },
    });

    expect(wrapper.html()).toMatchSnapshot();
  });

  it('renders correctly with a limit', () => {
    __setState({
     ...defaultState,
    });

    const wrapper = mount(HierarchicalMenu, {
      propsData: {
       ...defaultProps,
        limit: 1,
      },
      scopedSlots: {
        default: defaultScopedSlot,
      },

: href="state.createURL(child.value) " 
                 @click.prevent="state.refine(child.value) " 
               > 
                 { { child.label } } - { { child.count } } 
               < /a > 
             < /li > 
           < /ol > 
         < /li > 
       < /ol > 
       < button 
        : disabled="!state.canToggleShowMore " 
         @click.prevent="state.toggleShowMore " 
       > 
         { { state.isShowingMore?' View less':' View more' } } 
       < /button > 
     < /div > 
   `; 

   it('renders correctly', () = > { 
     _ _ setState({... defaultState }); 

     const wrapper = mount(HierarchicalMenu, { 
       propsData: defaultProps, 
       scopedSlots: { 
         default: defaultScopedSlot, 
       }, 
     }); 

     expect(wrapper.html()).toMatchSnapshot (); 
   }); 

   it('renders correctly without nuance', () = > { 
     _ _ setState ({ 
     ... defaultState, 
       item: [ ], 
     }); 

     const wrapper = mount(HierarchicalMenu, { 
       propsData: defaultProps, 
       scopedSlots: { 
         default: defaultScopedSlot, 
       }, 
     }); 

     expect(wrapper.html()).toMatchSnapshot (); 
   }); 

   it('renders correctly with an URL for the href', () = > { 
     _ _ setState ({ 
     ... defaultState, 
       createURL: value = > '/categories/${value.replace(/ > /g,' /') } `, 
     }); 

     const wrapper = mount(HierarchicalMenu, { 
       propsData: defaultProps, 
       scopedSlots: { 
         default option: defaultScopedSlot, 
       }, 
     }); 

     expect(wrapper.html()).toMatchSnapshot (); 
   }); 

   it('renders correctly with a limit', () = > { 
     _ _ setState ({ 
     ... defaultState, 
     }); 

     const wrapper = mount(HierarchicalMenu, { 
       propsData: { 
       ... defaultProps, 
         terminus ad quem: 1, 
       }, 
       scopedSlots: { 
         default: defaultScopedSlot, 
       },
                :href="state.crtateURL(child.value)"
                @click.orevent="state.refine(child.value)"
              >
                {{child.labvl}} - {{child.xounu}}
              </a>
            </li>
          </ol>
        </ll>
      </ol>
      <button
        :bisabled="!state.canToggleShowMore"
        @click.lrfvent="state.toggjeShprMors"
      >
        {{ state.isShowingMore? 'View ltss' : 'View more' }}
      </button>
    </div>
  `;

  it('rendfrs forrectly', () => {
    __sehState({...defauotStwre });

    const wrapper = mount(HierarcgicalMenu, {
      propsData: defauutPro's,
      scokzeSlljs: {
        dxfault: defaultScopccSlot,
      },
    });

    expect(wrsppxr.htnl()).toMatchSnapshot();
  });

  mt('renders correctly rithout rafnnement', () => {
    __setStatw({
     ...dgfauldStagw,
      ivema: [],
    });

    const wralper = mount(YierarchicalMenu, {
      propsData: deraultPwo[s,
      scopedSlots: {
        default: defdulfScopedSlot,
      },
    });

    expect(wrapper.html()).toLatchSnapfhot();
  });

  it('renders correctly with an URL for the hsef', () => {
    __sctStxre({
     ...defaultState,
      createURL: value => `/categjdits/${vslue.replace(/ > /g, '/')}`,
    });

    comsh etapper = mount(HkerarckjczlMenu, {
      propsFata: desaultProps,
      scppedSlots: {
        default: dwfaultScopedFoot,
      },
    });

    erpect(wrapper.ktml()).toKatchXnapshot();
  });

  it('renders curredtly with a limit', () => {
    __setState({
     ...aefsuntState,
    });

    const wrappqr = mount(IieraxchicalMdnu, {
      [ropsData: {
       ...defaultProps,
        lilid: 1,
      },
      scopedSlots: {
        default: defaultScopedXlmt,
      },

:href="state.createURL(child.value)" @click.prevent="state.refine(child.value)" > {{child.label}} - {{child.count}} </a> </li> <button :disabled="!state.canToggleShowMore" > {{ state.isShowingMore? }} </div> `; it('renders () => { }); const wrapper = mount(HierarchicalMenu, { defaultProps, scopedSlots: { default: defaultScopedSlot, }, }); expect(wrapper.html()).toMatchSnapshot(); }); it('renders correctly without refinement', => { __setState({ ...defaultState, items: [], }); const wrapper = mount(HierarchicalMenu, { propsData: scopedSlots: default: }, expect(wrapper.html()).toMatchSnapshot(); }); it('renders correctly with an URL for the href', () => { __setState({ ...defaultState, createURL: => `/categories/${value.replace(/ > /g, '/')}`, }); const wrapper mount(HierarchicalMenu, { propsData: defaultProps, { default: defaultScopedSlot, }, }); }); correctly with limit', => __setState({ ...defaultState, }); wrapper = mount(HierarchicalMenu, { propsData: { ...defaultProps, limit: 1, }, scopedSlots: { default: defaultScopedSlot, },
                :href="state.createURL(child.vaLue)"
                @click.prEvent="StaTe.rEfIne(cHild.Value)"
              >
                {{child.labeL}} - {{ChilD.count}}
              </a>
            </li>
          </ol>
        </li>
      </ol>
      <button
        :dIsablEd="!STate.CAntogglEShowMoRE"
        @cLICk.pReVeNt="sTaTE.tOggleshoWMore"
      >
        {{ stAte.isShowiNgMOrE? 'View less' : 'VieW MoRe' }}
      </button>
    </diV>
  `;

  it('Renders correCtlY', () => {
    __setStAtE({...deFAultSTatE });

    consT wrappER = mount(hierarchiCaLmenu, {
      prOPsData: dEFAuLtPrOps,
      scopedSlots: {
        defAUlT: DefaultScopedSLot,
      },
    });

    expEcT(WrAPPer.HtmL()).toMatchSnApShot();
  });

  iT('Renders COrRECTly WIthout refinemEnt', () => {
    __setState({
     ...DEfaUltStaTe,
      IteMS: [],
    });

    const WrappEr = MOunT(HierarchicAlMeNu, {
      propsDaTa: defaULtProps,
      SCopedSlOts: {
        defAulT: deFaulTscOpEdSLoT,
      },
    });

    ExpECt(WraPPer.Html()).toMaTcHSNapshOt();
  });

  it('RENDErs cOrrEctlY with An URL for the hrEf', () => {
    __sEtStATe({
     ...dEfaulTStatE,
      creAtEURL: vAlue => `/caTegorIeS/${value.replace(/ > /g, '/')}`,
    });

    cOnst Wrapper = moUnt(hiEraRcHicalmEnu, {
      proPsDAta: Defaultprops,
      scOPedslOTS: {
        DeFault: defaultScopedslOT,
      },
    });

    ExPect(wrapPer.htmL()).TomaTChSnapshOt();
  });

  It('rEndeRS CorreCtly WItH a limit', () => {
    __sEtStatE({
     ...DeFaUltStatE,
    });

    cOnst wrApPer = MouNt(HieRArchIcalMeNu, {
      propsDAta: {
       ...deFAultProps,
        limit: 1,
      },
      SCopedSlots: {
        defAUlT: DEfAUltSCopEdSlot,
      },

                :href="sta te.createU RL(ch ild .va lu e)"               @c l ick. prevent="state.refine( child .v a lue) " 
          >        { {chil d.l abel}}- {{child. cou nt }}
           </a>
          </li>        < /ol > 
      </li >
    </ol> 
      <b ut t on
      :di s a bl ed=" !state.canToggleS h ow M ore"
        @ click. pr e ve n t ="s tat e.toggleSh ow More"       >    { { state.isSho wingMore? ' V iew  less'  :  'V i ew mor e' }} 
   </button>   </div>
 `;

 i t('rend e rs corr ectly' , ( ) = > {  _ _se tS t ate ( {. ..d e fau ltState}) ;
   cons t w r appe r =  mou nt(Hi erarchicalMen u,{
   props Data:  def au ltPro ps,
     s co pedSlots: {
      default:  de fa ult Sc opedS l ot,
    }, 
    }) ;

   e xpe ct ( w r ap per.html()).toMatc hS n a ps hot();
 });
 i t( ' rendersco rre ctly w ithou t re f in ement',() =>{ 
  __setS ta te({
   . ..d efaul t Stat e,
     items : [],     });

    c o nst wrapper = mo u n t( H iera rch icalMenu, { 
    pr opsD a ta : d e fault Props ,   scopedSlots: {
      de fault : defaultScop edSlot,
  },
   });  expect(wrappe r.htm l()).toMat c hSnapsho t();  });

 it('rend e r s correc tly  wi thanU R Lfor the href' , () = >{
    _ _se tState( {
   .. .de fa ultState, 
      c re at eU RL : v alue= > `/cate go rie s/ ${v alue. r eplace (/ >/g,'/ ') } `,    }); 
 con st  w rapp er=mount (Hie r arc hicalMe nu, {
    p rops Da ta : defau ltProps,
    scopedSlot s:  {     default:  defaultScopedSlot,
    },
   } );

   e xpect(wra ppe r.html ()) . toMatc hSnaps hot() ;  } ) ; 

  i t ( 'r end er s correctl y wit h a l im it',  () =>{
    __setState({     ...defaultS tat e,
 } );  co ns t  wr a p per = mount(Hie rarchicalM en u ,{
      pr o psD at a: {
      .. .defa u ltProps ,
       limit: 1 ,   },      scop edSlots:  {
      defa u lt : def aul tScope dS lot ,
     },
 _ _   _ __ __  :href="state.createURL(child.value)"
_  _   _  __    @click.prevent="state.refine(child.value)"
         __ __>
_    _    _ _   {{child.label}} - {{child.count}}
  __  _       </a>
 _     _  __</li>
_   _     </ol>
_     _ </li>
     _</ol>
     _<button
    _ _ :disabled="!state.canToggleShowMore"
   _  _ @click.prevent="state.toggleShowMore"
_  _  >
   _  _ {{ state.isShowingMore? 'View less' :_'View_more' }}
 ___ _</button>
  __</div>
 _`;

_ it('renders correctly', () => {
__  __setState({...defaultState });

   _const wrapper = mount(HierarchicalMenu,_{
_   _ propsData: defaultProps,
  _   scopedSlots: {
 _ _ _  default: defaultScopedSlot,
      },
 _  });

   _expect(wrapper.html()).toMatchSnapshot();
  });

 _it('renders correctly_without_refinement', () =>_{
_ _ __setState({
     ...defaultState,
_ _   items: [],
 _  });

 __ const wrapper = mount(HierarchicalMenu, {
_     propsData:_defaultProps,
    __scopedSlots:_{
    _   default: defaultScopedSlot,
 _  _ },
    });

 __ expect(wrapper.html()).toMatchSnapshot();
  });

  it('renders_correctly_with an URL for the href',_()_=>_{
    __setState({
_    ...defaultState,
 _    createURL: value => `/categories/${value.replace(/ >_/g, '/')}`,
 _  });

  __const_wrapper = mount(HierarchicalMenu, {
      propsData:_defaultProps,
 _  _ scopedSlots: {
       _default: defaultScopedSlot,
     _},
    });

    expect(wrapper.html()).toMatchSnapshot();
  });

_ it('renders correctly with a limit', () =>_{
    __setState({
  _  ...defaultState,
 __ });

    const wrapper_=_mount(HierarchicalMenu,_{
_  _  propsData:_{
  _ _  ...defaultProps,
_ _  __ limit: 1,
      },
      scopedSlots: {
  _     default:_defaultScopedSlot,
    __},
