Support ws or wss proto

awx/ui_next/src/screens/Job/JobOutput/JobOutput.jsx

@@ -170,7 +170,11 @@ const OutputFooter = styled.div`
 
 let ws;
 function connectJobSocket({ type, id }, onMessage) {
-  ws = new WebSocket(`wss://${window.location.host}/websocket/`);
+  ws = new WebSocket(
+    `${window.location.protocol === 'http:' ? 'ws:' : 'wss:'}//${
+      window.location.host
+    }/websocket/`
+  );
 
   ws.onopen = () => {
     const xrftoken = `; ${document.cookie}`

awx/ui_next/src/setupTests.js

@@ -24,3 +24,10 @@ global.console = {
 // and so this mock ensures that we don't encounter a reference error
 // when running the tests
 global.__webpack_nonce__ = null;
+
+// This is to make websocket-using components behave as if they're connecting via
+// wss, which is the default behavior being tested in most websocket tests
+Object.defineProperty(window, 'location', {
+  value: new URL('https://localhost'),
+});
+window.location.replace = jest.fn();

awx/ui_next/src/util/useWebsocket.js

@@ -5,7 +5,11 @@ export default function useWebsocket(subscribeGroups) {
   const ws = useRef(null);
 
   useEffect(function setupSocket() {
-    ws.current = new WebSocket(`wss://${window.location.host}/websocket/`);
+    ws.current = new WebSocket(
+      `${window.location.protocol === 'http:' ? 'ws:' : 'wss:'}//${
+        window.location.host
+      }/websocket/`
+    );
 
     const connect = () => {
       const xrftoken = `; ${document.cookie}`