Enable client component tests for server-side

test/e2e/views-dir/index.test.ts

@@ -226,37 +226,47 @@ describe('views dir', () => {
       expect(html).toContain('hello from root/shared-component-route')
     })
 
-    // TODO: implement
-    it.skip('should serve client component', async () => {
-      const html = await renderViaHTTP(next.url, '/client-component-route')
-      expect(html).toContain('hello from root/client-component-route. count: 0')
-
-      const browser = await webdriver(next.url, '/client-component-route')
-      // After hydration count should be 1
-      expect(await browser.elementByCss('p').text()).toBe(
-        'hello from root/client-component-route. count: 1'
-      )
+    describe('should serve client component', () => {
+      it('should serve server-side', async () => {
+        const html = await renderViaHTTP(next.url, '/client-component-route')
+        const $ = cheerio.load(html)
+        expect($('p').text()).toBe(
+          'hello from root/client-component-route. count: 0'
+        )
+      })
+
+      // TODO: Implement hydration
+      it.skip('should serve client-side', async () => {
+        const browser = await webdriver(next.url, '/client-component-route')
+        // After hydration count should be 1
+        expect(await browser.elementByCss('p').text()).toBe(
+          'hello from root/client-component-route. count: 1'
+        )
+      })
     })
 
-    // TODO: implement
-    it.skip('should include client component layout with server component route', async () => {
-      const html = await renderViaHTTP(next.url, '/client-nested')
-      const $ = cheerio.load(html)
-      // Should not be nested in dashboard
-      expect($('h1').text()).toBe('Client Nested. Count: 0')
-      // Should include the page text
-      expect($('p').text()).toBe('hello from root/client-nested')
-
-      const browser = await webdriver(next.url, '/client-nested')
-      // After hydration count should be 1
-      expect(await browser.elementByCss('h1').text()).toBe(
-        'Client Nested. Count: 0'
-      )
-
-      // After hydration count should be 1
-      expect(await browser.elementByCss('h1').text()).toBe(
-        'hello from root/client-nested'
-      )
+    describe('should include client component layout with server component route', () => {
+      it('should include it server-side', async () => {
+        const html = await renderViaHTTP(next.url, '/client-nested')
+        const $ = cheerio.load(html)
+        // Should not be nested in dashboard
+        expect($('h1').text()).toBe('Client Nested. Count: 0')
+        // Should include the page text
+        expect($('p').text()).toBe('hello from root/client-nested')
+      })
+
+      // TODO: Implement hydration
+      it.skip('should include it client-side', async () => {
+        const browser = await webdriver(next.url, '/client-nested')
+        // After hydration count should be 1
+        expect(await browser.elementByCss('h1').text()).toBe(
+          'Client Nested. Count: 0'
+        )
+        // After hydration count should be 1
+        expect(await browser.elementByCss('h1').text()).toBe(
+          'hello from root/client-nested'
+        )
+      })
     })
   })
 })