fix websocket (#2115)

Author: LiteSun

web/cypress/integration/route/create-edit-route-with-redirect-plugin.spec.js

@@ -61,8 +61,8 @@ context('Create Edit and Delete Route with redirect plugin', () => {
     cy.get(selector.customRedirectLabel).should('be.visible');
     cy.get(selector.customRedirectUrI).should('be.visible');
     cy.get(selector.customRedirectCode).should('be.visible');
-    cy.get(selector.webSocketSelector).should('not.exist');
-    cy.get(selector.enable_websocket_button).should('not.exist');
+    cy.get(selector.webSocketSelector).should('exist');
+    cy.get(selector.enable_websocket_button).should('exist');
 
     // step 2 and step 3 should not be visible
     cy.contains(data.step2Title).should('not.exist');
@@ -91,8 +91,8 @@ context('Create Edit and Delete Route with redirect plugin', () => {
     // should not shown set upstream notice
     cy.contains(data.setUpstreamNotice).should('not.exist');
     cy.get(selector.name).clear().type(newName);
-    cy.get(selector.webSocketSelector).should('not.exist');
-    cy.get(selector.enable_websocket_button).should('not.exist');
+    cy.get(selector.webSocketSelector).should('exist');
+    cy.get(selector.enable_websocket_button).should('exist');
 
     cy.contains('Next').click();
     cy.contains('Submit').click();

web/src/pages/Route/components/Step1/MetaView.tsx

@@ -185,18 +185,17 @@ const MetaView: React.FC<RouteModule.Step1PassProps> = ({
     </Form.Item>
   );
 
-  const WebSocket: React.FC = () =>
-    form.getFieldValue('redirectOption') === 'disabled' ? (
-      <Form.Item label="WebSocket">
-        <Row>
-          <Col>
-            <Form.Item noStyle valuePropName="checked" name="enable_websocket">
-              <Switch disabled={disabled} />
-            </Form.Item>
-          </Col>
-        </Row>
-      </Form.Item>
-    ) : null;
+  const WebSocket: React.FC = () => (
+    <Form.Item label="WebSocket">
+      <Row>
+        <Col>
+          <Form.Item noStyle valuePropName="checked" name="enable_websocket">
+            <Switch disabled={disabled} />
+          </Form.Item>
+        </Col>
+      </Row>
+    </Form.Item>
+  );
 
   const Redirect: React.FC = () => {
     const list = [