diff --git a/tests/cases/fourslash/jsxTagNameDottedAttributeSnippet.ts b/tests/cases/fourslash/jsxTagNameDottedAttributeSnippet.ts
new file mode 100644
index 0000000000000..f1b717ba0d8f6
--- /dev/null
+++ b/tests/cases/fourslash/jsxTagNameDottedAttributeSnippet.ts
@@ -0,0 +1,33 @@
+/// <reference path="fourslash.ts" />
+//@Filename: file.tsx
+////interface NestedInterface {
+////    Foo: NestedInterface;
+////    (props: {className?: string}): any;
+////}
+////
+////declare const Foo: NestedInterface;
+////
+////function fn1() {
+////    return <Foo>
+////        <Foo /*1*/
+////    </Foo>
+////}
+////function fn2() {
+////    return <Foo>
+////        <Foo.Foo /*2*/
+////    </Foo>
+////}
+
+verify.completions(
+    {
+        marker: test.markers(),
+        includes: [
+            { name: "className", insertText: 'className={$1}', isSnippet: true, sortText: completion.SortText.OptionalMember }
+        ],
+        preferences: {
+            jsxAttributeCompletionStyle: "braces",
+            includeCompletionsWithSnippetText: true,
+            includeCompletionsWithInsertText: true,
+        },
+    }
+)
diff --git a/tests/cases/fourslash/jsxTagNameDottedNoSnippet.ts b/tests/cases/fourslash/jsxTagNameDottedNoSnippet.ts
index 46ecb3d9c1d88..6b9b589a1bf41 100644
--- a/tests/cases/fourslash/jsxTagNameDottedNoSnippet.ts
+++ b/tests/cases/fourslash/jsxTagNameDottedNoSnippet.ts
@@ -38,9 +38,9 @@
 ////    </Foo>
 ////}
 
-for (const marker of test.markers()) {
-    verify.completions({
-        marker,
+verify.completions(
+    {
+        marker: test.markers(),
         includes: [
             { name: "Foo", insertText: undefined, isSnippet: undefined }
         ],
@@ -49,5 +49,5 @@ for (const marker of test.markers()) {
             includeCompletionsWithSnippetText: true,
             includeCompletionsWithInsertText: true,
         },
-    })
-}
+    }
+)