Use explicit key format when mapping key wraps (#18330)

Co-authored-by: fisker Cheung <lionkay@gmail.com>

changelog_unreleased/yaml/18330.md

@@ -0,0 +1,16 @@
+#### Fix mapping format when the key wraps (#18330 by @kovsu)
+
+<!-- prettier-ignore -->
+```yaml
+# Input
+long long long long long long long long long long long long long long long long long long key: bar
+
+# Prettier stable (--prose-wrap=always)
+long long long long long long long long long long long long long long long long
+long long key: bar
+
+# Prettier main (--prose-wrap=always)
+? long long long long long long long long long long long long long long long
+  long long long key
+: bar
+```

src/language-yaml/print/mapping-item.js

@@ -76,7 +76,8 @@ function printMappingItem(path, options, print) {
     !hasLeadingComments(value.content) &&
     !hasMiddleComments(value.content) &&
     !hasEndComments(value) &&
-    isAbsolutelyPrintedAsSingleLineNode(value.content, options)
+    isAbsolutelyPrintedAsSingleLineNode(value.content, options) &&
+    isAbsolutelyPrintedAsSingleLineNode(key.content, options)
   ) {
     return [printedKey, spaceBeforeColon, ": ", printedValue];
   }

tests/format/yaml/mapping/long-key/__snapshots__/format.test.js.snap

@@ -0,0 +1,32 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+
+exports[`test.yml - {"proseWrap":"always"} format 1`] = `
+====================================options=====================================
+parsers: ["yaml"]
+printWidth: 80
+proseWrap: "always"
+                                                                                | printWidth
+=====================================input======================================
+long long long long long long long long long long long long long long long long long long key: bar
+
+=====================================output=====================================
+? long long long long long long long long long long long long long long long
+  long long long key
+: bar
+
+================================================================================
+`;
+
+exports[`test.yml format 1`] = `
+====================================options=====================================
+parsers: ["yaml"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+long long long long long long long long long long long long long long long long long long key: bar
+
+=====================================output=====================================
+long long long long long long long long long long long long long long long long long long key: bar
+
+================================================================================
+`;

tests/format/yaml/mapping/long-key/format.test.js

@@ -0,0 +1,2 @@
+runFormatTest(import.meta, ["yaml"]);
+runFormatTest(import.meta, ["yaml"], { proseWrap: "always" });

tests/format/yaml/mapping/long-key/test.yml

@@ -0,0 +1 @@
+long long long long long long long long long long long long long long long long long long key: bar