Make dev_util/serve_dev.py work with the new selector protocol

- Also fixes the frontend/static/test

Author: Sailesh Mukil

frontend/static/dev.html

@@ -484,11 +484,20 @@ <h2>Configure Visualization</h2>
                 window.app.tearDown();
             }
 
+            let selector;
+            if (mock) {
+                selector = { env: 'SpannerEnv.MOCK' };
+            } else {
+                selector = {
+                    env: 'SpannerEnv.CLOUD',
+                    project: project,
+                    instance: instance,
+                    database: database
+                };
+            }
+
             const params = {
-                'project': project,
-                'instance': instance,
-                'database': database,
-                'mock': mock,
+                'selector': selector,
                 'graph': graph
             };
 
@@ -546,4 +555,4 @@ <h2>Configure Visualization</h2>
         toggleCommandPalette();
     </script>
 </body>
-</html> 
+</html> 

frontend/static/test.html

@@ -68,16 +68,16 @@
         }
 
         const mount = document.querySelector('.mount-spanner-test');
-        params = {
-            'project': 'project-foo',
-            'instance': 'instance-foo',
-            'database': 'database-foo',
-            'mock': true
-        }
+        const params = {
+            selector: {
+                env: 'SpannerEnv.MOCK'
+            },
+            graph: ''
+        };
         window.app = new SpannerApp({
             id: 'spanner-test', port:'', params:params, mount:mount, query: ''
         });
     });
 </script>
 </body>
-</html>
+</html>