<p dir="auto">I was playing around with the idea of placing a<code class="notranslate">__tests__</code> folder into my different directory areas.</p>
<p dir="auto">So</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="root
  |-pages
  |     `__tests__
  |             `index.test.js
  |     `index.js
  |-components
  |     `__tests__
  |     `Button.js
  |-layouts
        `__tests__
        `TwoColumn.js"><pre class="notranslate"><code class="notranslate">root
  |-pages
  |     `__tests__
  |             `index.test.js
  |     `index.js
  |-components
  |     `__tests__
  |     `Button.js
  |-layouts
        `__tests__
        `TwoColumn.js
</code></pre></div>
<p dir="auto">But when I do this, I get duplicate issues because of files being copied into .next</p>
<p dir="auto"><code class="notranslate">.next/dist/pages/__tests__/index.test.js</code></p>
<p dir="auto">What is the best way to solve this? I know I can omit the files from jest, but I don't think they should be copied over in general.</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/zeit/next.js/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">Considering the following snippet:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;Head&gt;
  {title ? (
    &lt;React.Fragment&gt;
      &lt;title&gt;{title} | Cool site&lt;/title&gt;
      &lt;meta property='og:title' content={title} /&gt;
    &lt;/React.Fragment&gt;
  ) : (
    &lt;title&gt;Cool site&lt;/title&gt;
  )}

  {/* … */}
&lt;/Head&gt;"><pre class="notranslate"><span class="pl-c1">&lt;</span><span class="pl-ent">Head</span><span class="pl-c1">&gt;</span>
  <span class="pl-kos">{</span><span class="pl-s1">title</span> ? <span class="pl-kos">(</span>
    <span class="pl-c1">&lt;</span><span class="pl-v">React</span><span class="pl-kos">.</span><span class="pl-v">Fragment</span><span class="pl-c1">&gt;</span>
      <span class="pl-c1">&lt;</span><span class="pl-ent">title</span><span class="pl-c1">&gt;</span><span class="pl-kos">{</span><span class="pl-s1">title</span><span class="pl-kos">}</span> | Cool site<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">title</span><span class="pl-c1">&gt;</span>
      <span class="pl-c1">&lt;</span><span class="pl-ent">meta</span> <span class="pl-c1">property</span><span class="pl-c1">=</span><span class="pl-s">'og:title'</span> <span class="pl-c1">content</span><span class="pl-c1">=</span><span class="pl-kos">{</span><span class="pl-s1">title</span><span class="pl-kos">}</span> <span class="pl-c1">/</span><span class="pl-c1">&gt;</span>
    <span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-v">React</span><span class="pl-kos">.</span><span class="pl-v">Fragment</span><span class="pl-c1">&gt;</span>
  <span class="pl-kos">)</span> : <span class="pl-kos">(</span>
    <span class="pl-c1">&lt;</span><span class="pl-ent">title</span><span class="pl-c1">&gt;</span>Cool site<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">title</span><span class="pl-c1">&gt;</span>
  <span class="pl-kos">)</span><span class="pl-kos">}</span>

  <span class="pl-kos">{</span><span class="pl-c">/* … */</span><span class="pl-kos">}</span>
<span class="pl-c1">&lt;</span><span class="pl-c1">/</span><span class="pl-ent">Head</span><span class="pl-c1">&gt;</span></pre></div>
<p dir="auto">When <code class="notranslate">title</code> is defined, I would expect <code class="notranslate">&lt;title&gt;foo | Cool site&lt;/tite&gt;</code> to be rendered.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">An empty <code class="notranslate">&lt;title /&gt;</code> is rendered.</p>
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>next</td>
<td>4.1.4</td>
</tr>
<tr>
<td>node</td>
<td>8.9.1</td>
</tr>
</tbody>
</table>