[cm6] Improve begin environment autocompletion (#12982)

GitOrigin-RevId: 42731e6f2261f7ed9b85523a550c636968698fc3

services/web/test/frontend/features/source-editor/components/codemirror-editor-autocomplete.spec.tsx

@@ -321,10 +321,10 @@ describe('autocomplete', { scrollBehavior: false }, function () {
     cy.get('.cm-line').eq(28).click().as('line')
     cy.get('@line').type('\\begin{{}ab')
     cy.findAllByRole('option').as('options')
-    cy.get('@options').should('have.length', 4)
+    cy.get('@options').should('have.length', 5)
 
-    // ---- The environment being typed should not appear in the list
-    cy.get('@options').contains('\\begin{ab}').should('not.exist')
+    // ---- The environment being typed should appear in the list
+    cy.get('@options').contains('\\begin{ab}').should('exist')
 
     // ---- A new environment used elsewhere in the doc should appear next
     cy.get('@options')

services/web/test/frontend/features/source-editor/components/codemirror-editor-visual.spec.tsx

@@ -126,8 +126,8 @@ describe('<CodeMirrorEditor/> in Rich Text mode', function () {
     function (command) {
       cy.get('@first-line')
         .type(`\\${command}{`)
-        .should('have.text', `\\${command}{`)
-        .type('} ') // Should still show braces for empty commands
+        .should('have.text', `{}`)
+        .type('{rightArrow} ')
         .should('have.text', '{} ')
         .type('{Backspace}{leftArrow}test text')
         .should('have.text', '{test text}')
@@ -148,10 +148,8 @@ describe('<CodeMirrorEditor/> in Rich Text mode', function () {
   ]).it('handles \\%s sectioning command', function (command) {
     cy.get('@first-line')
       .type(`\\${command}{`)
-      .should('have.text', `\\${command}{`)
-      .type(`}`)
       .should('have.text', `\\${command}{}`)
-      .type(' ')
+      .type('{rightArrow} ')
       .should('have.text', `\\${command}{} `)
       // Press enter before closing brace
       .type('{Backspace}{leftArrow}title{leftArrow}{Enter}')
@@ -160,24 +158,14 @@ describe('<CodeMirrorEditor/> in Rich Text mode', function () {
       .should('exist')
   })
 
-  forEach([
-    'textsc',
-    'texttt',
-    'sout',
-    'emph',
-    ['verb', '|', '|'],
-    'url',
-    'caption',
-  ]).it(
+  forEach(['textsc', 'texttt', 'sout', 'emph', 'url', 'caption']).it(
     'handles \\%s text',
-    function (command, openingBrace = '{', closingBrace = '}') {
+    function (command) {
       cy.get('@first-line')
-        .type(`\\${command}${openingBrace}`)
-        .should('have.text', `\\${command}${openingBrace}`)
-        .type(`${closingBrace}`)
-        .should('have.text', `\\${command}${openingBrace}${closingBrace}`)
-        .type(' ')
-        .should('have.text', `\\${command}${openingBrace}${closingBrace} `)
+        .type(`\\${command}{`)
+        .should('have.text', `\\${command}{}`)
+        .type('{rightArrow} ')
+        .should('have.text', `\\${command}{} `)
         .type('{Backspace}{leftArrow}test text{rightArrow} ')
         .should('have.text', 'test text ')
         .find(`.ol-cm-command-${command}`)
@@ -185,6 +173,18 @@ describe('<CodeMirrorEditor/> in Rich Text mode', function () {
     }
   )
 
+  it('handles \\verb text', function () {
+    cy.get('@first-line')
+      .type(`\\verb|`)
+      .should('have.text', `\\verb|`)
+      .type('| ')
+      .should('have.text', `\\verb|| `)
+      .type('{Backspace}{leftArrow}test text{rightArrow} ')
+      .should('have.text', 'test text ')
+      .find(`.ol-cm-command-verb`)
+      .should('exist')
+  })
+
   forEach([
     ['ref', '🏷'],
     ['label', '🏷'],