fix: (appengine) update region tag in appengine/websockets/app.js & appengine/websockets/views/index.pug (#3956)

* fix: (appengine) update region tag in appengine/websockets/app.js

* fix: (appengine) update region tag in appengine/websockets/views/index.pug

* fix: (websockets) correct test name fromappengine_websockets_app to gae_websockets_app

* added the appengine_websockets_app test

---------

Co-authored-by: Jennifer Davis <[email protected]>

Author: hivanalejandro

appengine/websockets/app.js

@@ -14,6 +14,7 @@
 
 'use strict';
 
+// [START gae_websockets_app]
 // [START appengine_websockets_app]
 const app = require('express')();
 app.set('view engine', 'pug');
@@ -39,5 +40,6 @@ if (module === require.main) {
   });
 }
 // [END appengine_websockets_app]
+// [END gae_websockets_app]
 
 module.exports = server;

appengine/websockets/test/index.test.js

@@ -55,3 +55,22 @@ describe('appengine_websockets_app', () => {
     assert.strictEqual(itemText, 'test');
   });
 });
+
+describe('gae_websockets_app', () => {
+  it('should process chat message', async () => {
+    await browserPage.goto('http://localhost:8080');
+
+    await browserPage.evaluate(() => {
+      document.querySelector('input').value = 'test';
+      document.querySelector('button').click();
+    });
+
+    await new Promise(resolve => setTimeout(resolve, 100));
+
+    const itemText = await browserPage.evaluate(
+      () => document.querySelector('li').textContent
+    );
+
+    assert.strictEqual(itemText, 'test');
+  });
+});

appengine/websockets/views/index.pug

@@ -12,6 +12,7 @@
 //- See the License for the specific language governing permissions and
 //- limitations under the License.
 
+//- [START gae_websockets_index]
 //- [START appengine_websockets_index]
 doctype html
 html(lang="en")
@@ -27,17 +28,20 @@ html(lang="en")
       #messages { list-style-type: none; margin: 0; padding: 0; }
       #messages li { padding: 5px 10px; }
       #messages li:nth-child(odd) { background: #eee; }
+  //- [START gae_websockets_form]
   //- [START appengine_websockets_form]
   body
     ul(id="messages")
     form(action="")
       input(id="m" autocomplete="off")
       button Send
     //- [END appengine_websockets_form]
+    //- [END gae_websockets_form]
 
     script(src="/socket.io/socket.io.js")
     script(src="https://code.jquery.com/jquery-1.11.1.js")
     script.
+      // [START gae_websockets_js]
       // [START appengine_websockets_js]
       $(function () {
         var socket = io();
@@ -54,5 +58,7 @@ html(lang="en")
         });
       });
       // [END appengine_websockets_js]
+      // [END gae_websockets_js]
 //- [END appengine_websockets_index]
+//- [END gae_websockets_index]