title: How can I test nested slots in Vue
body: <p>I am trying to pass nested slots into my mounted component and I can;'t figure out the syntax, couldn't find anything in docs.</p>
  <p>What I am trying to do is to add html element into drop-down slot
  This is my test what I've tried but it looks to be wrong.</p>
  <pre><code>  it('should render drop down', async () =&gt; {    
      const wrapper = mount(MyComponent, {
        slots: {
          utilities: `
          &lt;template slot=&quot;drop-down&quot;&gt;
            &lt;input placeholder=&quot;Search bar&quot; class=&quot;header-bar-mobile-drop-down-utility__example&quot;&gt;
          &lt;/template&gt;
          `
        }
      });
  
      expect(wrapper.find(&quot;.header-bar-mobile-drop-down-utility&quot;).exists()).to.equal(true)
    });
  </code></pre>