adds/rearranges tests for "comment line handling"

packages/graphiql-react/src/editor/__tests__/tabs.spec.ts

@@ -75,10 +75,27 @@ describe('fuzzyExtractionOperationTitle', () => {
   it('should return null for anonymous queries', () => {
     expect(fuzzyExtractOperationName('{}')).toBeNull();
   });
-  it('should not extract query names with comments', () => {
-    expect(
-      fuzzyExtractOperationName('# query My_3ExampleQuery() {}'),
-    ).toBeNull();
+
+  describe('comment line handling', () => {
+    it('should not extract query names within commented out lines', () => {
+      expect(
+        fuzzyExtractOperationName('# query My_3ExampleQuery() {}'),
+      ).toBeNull();
+    });
+    it('should extract query names when there is a single leading comment line', () => {
+      expect(
+        fuzzyExtractOperationName(
+          '# comment line 1 \n query MyExampleQueryWithSingleCommentLine() {}',
+        ),
+      ).toEqual('MyExampleQueryWithSingleCommentLine');
+    });
+    it('should extract query names when there are more than one leading comment lines', () => {
+      expect(
+        fuzzyExtractOperationName(
+          '# comment line 1 \n # comment line 2 \n query MyExampleQueryWithMultipleCommentLines() {}',
+        ),
+      ).toEqual('MyExampleQueryWithMultipleCommentLines');
+    });
   });
 });