test: more cases for webSocketURL

Author: snitin315

test/e2e/web-socket-server-and-url.test.js

@@ -454,6 +454,144 @@ for (const webSocketServerType of webSocketServerTypes) {
     });
   });
 
+  describe('should work when "port" option is "auto"', () => {
+    beforeAll((done) => {
+      const options = {
+        webSocketServer: webSocketServerType,
+        port: 'auto',
+        host: '0.0.0.0',
+        client: {
+          webSocketURL: {
+            port: port2,
+          },
+        },
+      };
+      testServer.startAwaitingCompilation(config, options, done);
+    });
+
+    afterAll(testServer.close);
+
+    describe('browser client', () => {
+      it('should work', (done) => {
+        runBrowser().then(({ page, browser }) => {
+          waitForTest(browser, page, /ws/, (websocketUrl) => {
+            expect(websocketUrl).toContain(
+              `${websocketUrlProtocol}://localhost:${port2}/ws`
+            );
+
+            done();
+          });
+
+          page.goto(`http://localhost:8080/main`);
+        });
+      });
+    });
+  });
+
+  describe('should work with the "port" option is 80', () => {
+    beforeAll((done) => {
+      const options = {
+        webSocketServer: webSocketServerType,
+        port: 80,
+        host: '0.0.0.0',
+        client: {
+          webSocketURL: {
+            port: port2,
+          },
+        },
+      };
+
+      testServer.startAwaitingCompilation(config, options, done);
+    });
+
+    afterAll(testServer.close);
+
+    describe('browser client', () => {
+      it('should work', (done) => {
+        runBrowser().then(({ page, browser }) => {
+          waitForTest(browser, page, /ws/, (websocketUrl) => {
+            expect(websocketUrl).toContain(
+              `${websocketUrlProtocol}://localhost:${port2}/ws`
+            );
+
+            done();
+          });
+
+          page.goto(`http://localhost:80/main`);
+        });
+      });
+    });
+  });
+
+  describe('should work when "host" option is IPv4', () => {
+    beforeAll((done) => {
+      const options = {
+        webSocketServer: webSocketServerType,
+        port: port3,
+        host: internalIp.v4.sync(),
+        client: {
+          webSocketURL: {
+            port: port2,
+          },
+        },
+      };
+      testServer.startAwaitingCompilation(config, options, done);
+    });
+
+    afterAll(testServer.close);
+
+    describe('browser client', () => {
+      it('should work', (done) => {
+        runBrowser().then(({ page, browser }) => {
+          waitForTest(browser, page, /ws/, (websocketUrl) => {
+            expect(websocketUrl).toContain(
+              `${websocketUrlProtocol}://${internalIp.v4.sync()}:${port2}/ws`
+            );
+
+            done();
+          });
+
+          page.goto(`http://${internalIp.v4.sync()}:${port3}/main`);
+        });
+      });
+    });
+  });
+
+  describe('should work with the "client.webSocketURL.port" option is 0', () => {
+    beforeAll((done) => {
+      const options = {
+        webSocketServer: webSocketServerType,
+        port: port2,
+        host: '0.0.0.0',
+        client: {
+          webSocketURL: {
+            port: 0,
+          },
+        },
+      };
+
+      testServer.startAwaitingCompilation(config, options, done);
+    });
+
+    afterAll(testServer.close);
+
+    describe('browser client', () => {
+      it('should work', (done) => {
+        runBrowser().then(({ page, browser }) => {
+          waitForTest(browser, page, /ws/, (websocketUrl) => {
+            expect(websocketUrl).toContain(
+              `${websocketUrlProtocol}://localhost:${port2}/ws`
+            );
+
+            done();
+          });
+
+          page.goto(`http://localhost:${port2}/main`);
+        });
+      });
+    });
+  });
+
   describe('should work with "client.webSocketURL.port" and "client.webSocketURL.path" options', () => {
     beforeAll((done) => {
       const options = {