search

prettier / prettier-regression-testing

Automates the prettier/prettier regression checks with GitHub Actions.
11 stars 9 forks source link

3.3 #440

Open sosukesuzuki opened 2 months ago

sosukesuzuki commented 2 months ago

run prettier/prettier#main vs 3.2.5

github-actions[bot] commented 2 months ago

prettier/prettier@main VS prettier/prettier@3.2.5

Diff (450 lines) ````diff diff --git ORI/content/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md ALT/content/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md index f9114358..dd09ac79 100644 --- ORI/content/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md +++ ALT/content/files/en-us/learn/css/building_blocks/backgrounds_and_borders/index.md @@ -46,7 +46,8 @@ The CSS {{cssxref("background")}} property is a shorthand for a number of backgr 105deg, rgb(255 255 255 / 20%) 39%, rgb(51 56 57 / 100%) 96% - ) center center / 400px 200px no-repeat, + ) + center center / 400px 200px no-repeat, url(big-star.png) center no-repeat, rebeccapurple; } diff --git ORI/content/files/en-us/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md ALT/content/files/en-us/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md index 30056ef5..e11799e7 100644 --- ORI/content/files/en-us/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md +++ ALT/content/files/en-us/learn/javascript/client-side_web_apis/video_and_audio_apis/index.md @@ -144,7 +144,8 @@ Next, let's look at our button icons: font-family: "HeydingsControlsRegular"; src: url("fonts/heydings_controls-webfont.eot"); src: - url("fonts/heydings_controls-webfont.eot?#iefix") format("embedded-opentype"), + url("fonts/heydings_controls-webfont.eot?#iefix") + format("embedded-opentype"), url("fonts/heydings_controls-webfont.woff") format("woff"), url("fonts/heydings_controls-webfont.ttf") format("truetype"); font-weight: normal; diff --git ORI/content/files/en-us/web/api/web_authentication_api/index.md ALT/content/files/en-us/web/api/web_authentication_api/index.md index f8af1450..508d2688 100644 --- ORI/content/files/en-us/web/api/web_authentication_api/index.md +++ ALT/content/files/en-us/web/api/web_authentication_api/index.md @@ -213,9 +213,9 @@ const createCredentialDefaultArgs = { timeout: 60000, challenge: new Uint8Array([ // must be a cryptographically random number sent from a server - 0x8c, 0x0a, 0x26, 0xff, 0x22, 0x91, 0xc1, 0xe9, 0xb9, 0x4e, 0x2e, 0x17, 0x1a, - 0x98, 0x6a, 0x73, 0x71, 0x9d, 0x43, 0x48, 0xd5, 0xa7, 0x6a, 0x15, 0x7e, 0x38, - 0x94, 0x52, 0x77, 0x97, 0x0f, 0xef, + 0x8c, 0x0a, 0x26, 0xff, 0x22, 0x91, 0xc1, 0xe9, 0xb9, 0x4e, 0x2e, 0x17, + 0x1a, 0x98, 0x6a, 0x73, 0x71, 0x9d, 0x43, 0x48, 0xd5, 0xa7, 0x6a, 0x15, + 0x7e, 0x38, 0x94, 0x52, 0x77, 0x97, 0x0f, 0xef, ]).buffer, }, }; @@ -227,9 +227,9 @@ const getCredentialDefaultArgs = { // allowCredentials: [newCredential] // see below challenge: new Uint8Array([ // must be a cryptographically random number sent from a server - 0x79, 0x50, 0x68, 0x71, 0xda, 0xee, 0xee, 0xb9, 0x94, 0xc3, 0xc2, 0x15, 0x67, - 0x65, 0x26, 0x22, 0xe3, 0xf3, 0xab, 0x3b, 0x78, 0x2e, 0xd5, 0x6f, 0x81, 0x26, - 0xe2, 0xa6, 0x01, 0x7d, 0x74, 0x50, + 0x79, 0x50, 0x68, 0x71, 0xda, 0xee, 0xee, 0xb9, 0x94, 0xc3, 0xc2, 0x15, + 0x67, 0x65, 0x26, 0x22, 0xe3, 0xf3, 0xab, 0x3b, 0x78, 0x2e, 0xd5, 0x6f, + 0x81, 0x26, 0xe2, 0xa6, 0x01, 0x7d, 0x74, 0x50, ]).buffer, }, }; diff --git ORI/content/files/en-us/web/css/@import/index.md ALT/content/files/en-us/web/css/@import/index.md index 3c9a3090..0aa3915c 100644 --- ORI/content/files/en-us/web/css/@import/index.md +++ ALT/content/files/en-us/web/css/@import/index.md @@ -101,8 +101,8 @@ The `@import` rules in the above examples show media-dependent conditions that w ```css @import url("gridy.css") supports(display: grid) screen and (max-width: 400px); -@import url("flexy.css") supports(not (display: grid) and (display: flex)) screen - and (max-width: 400px); +@import url("flexy.css") supports(not (display: grid) and (display: flex)) + screen and (max-width: 400px); ``` The `@import` rules above illustrate how you might import a layout that uses a grid if `display: grid` is supported, and otherwise imports CSS that uses `display: flex`. @@ -115,8 +115,8 @@ You can also specify CSS functions in `supports()`, and it will evaluate to `tru For example, the code below shows an `@import` that is conditional on both [child combinators](/en-US/docs/Web/CSS/Child_combinator) (`selector()`) and the `font-tech()` function: ```css -@import url("whatever.css") supports((selector(h2 > p)) and - (font-tech(color-COLRv1))); +@import url("whatever.css") +supports((selector(h2 > p)) and (font-tech(color-COLRv1))); ``` ### Importing CSS rules into a cascade layer diff --git ORI/content/files/en-us/web/css/@media/prefers-reduced-data/index.md ALT/content/files/en-us/web/css/@media/prefers-reduced-data/index.md index e6ed3d58..781e7697 100644 --- ORI/content/files/en-us/web/css/@media/prefers-reduced-data/index.md +++ ALT/content/files/en-us/web/css/@media/prefers-reduced-data/index.md @@ -58,9 +58,9 @@ In this example the `montserrat-regular.woff2` font file will neither be preload local("Montserrat Regular"), local("Montserrat-Regular"), url("fonts/montserrat-regular.woff2") format("woff2"); - unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, - U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, - U+2212, U+2215, U+FEFF, U+FFFD; + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, + U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, + U+2215, U+FEFF, U+FFFD; } } diff --git ORI/content/files/en-us/web/css/@supports/index.md ALT/content/files/en-us/web/css/@supports/index.md index 77bc42b0..7ea22abb 100644 --- ORI/content/files/en-us/web/css/@supports/index.md +++ ALT/content/files/en-us/web/css/@supports/index.md @@ -260,7 +260,8 @@ If a browser doesn't support the font technology, a fallback font (`Bungee-fallb @font-face { font-family: "Bungee Spice"; src: - url("https://fonts.googleapis.com/css2?family=Bungee+Spice") tech(color-COLRv1), + url("https://fonts.googleapis.com/css2?family=Bungee+Spice") + tech(color-COLRv1), url("Bungee-fallback.otf") format("opentype"); } ``` diff --git ORI/content/files/en-us/web/css/background-image/index.md ALT/content/files/en-us/web/css/background-image/index.md index 5da5b35a..6ffd5aa5 100644 --- ORI/content/files/en-us/web/css/background-image/index.md +++ ALT/content/files/en-us/web/css/background-image/index.md @@ -26,7 +26,8 @@ background-image: linear-gradient( to bottom, rgba(255, 255, 0, 0.5), rgba(0, 0, 255, 0.5) - ), url("catfront.png"); + ), + url("catfront.png"); /* Global values */ background-image: inherit; diff --git ORI/content/files/en-us/web/css/background-origin/index.md ALT/content/files/en-us/web/css/background-origin/index.md index 17c0b1a2..ed82e4a8 100644 --- ORI/content/files/en-us/web/css/background-origin/index.md +++ ALT/content/files/en-us/web/css/background-origin/index.md @@ -95,7 +95,8 @@ In this example the box has a thick dotted border. The first gradient uses the ` rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 0.6) 60%, rgba(252, 176, 69, 1) 100% - ), radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 28%); + ), + radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 1) 28%); border: 20px dashed black; padding: 20px; width: 400px; diff --git ORI/content/files/en-us/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md ALT/content/files/en-us/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md index 818ff5a1..72767b40 100644 --- ORI/content/files/en-us/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md +++ ALT/content/files/en-us/web/css/css_backgrounds_and_borders/using_multiple_backgrounds/index.md @@ -37,7 +37,8 @@ In this example, three backgrounds are stacked: the Firefox logo, an image of bu .multi-bg-example { width: 100%; height: 400px; - background-image: url(firefox.png), url(bubbles.png), linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)); + background-image: url(firefox.png), url(bubbles.png), + linear-gradient(to right, rgba(30, 75, 115, 1), rgba(255, 255, 255, 0)); background-repeat: no-repeat, no-repeat, no-repeat; background-position: bottom right, diff --git ORI/content/files/en-us/web/css/css_filter_effects/using_filter_effects/index.md ALT/content/files/en-us/web/css/css_filter_effects/using_filter_effects/index.md index 3c779880..725333b2 100644 --- ORI/content/files/en-us/web/css/css_filter_effects/using_filter_effects/index.md +++ ALT/content/files/en-us/web/css/css_filter_effects/using_filter_effects/index.md @@ -169,12 +169,10 @@ img { ```css nolint img { - filter: drop-shadow(2px 2px 0 hsl(300deg 100% 50%)) drop-shadow( - -2px -2px 0 hsl(210deg 100% 50%) - ) - drop-shadow(2px 2px 0 hsl(120deg 100% 50%)) drop-shadow( - -2px -2px 0 hsl(30deg 100% 50%) - ); + filter: drop-shadow(2px 2px 0 hsl(300deg 100% 50%)) + drop-shadow(-2px -2px 0 hsl(210deg 100% 50%)) + drop-shadow(2px 2px 0 hsl(120deg 100% 50%)) + drop-shadow(-2px -2px 0 hsl(30deg 100% 50%)); } img + img { filter: none; diff --git ORI/content/files/en-us/web/css/css_images/using_css_gradients/index.md ALT/content/files/en-us/web/css/css_images/using_css_gradients/index.md index c9bb15bb..a0387d15 100644 --- ORI/content/files/en-us/web/css/css_images/using_css_gradients/index.md +++ ALT/content/files/en-us/web/css/css_images/using_css_gradients/index.md @@ -355,7 +355,8 @@ div { 217deg, rgba(255, 0, 0, 0.8), rgba(255, 0, 0, 0) 70.71% - ), linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%), + ), + linear-gradient(127deg, rgba(0, 255, 0, 0.8), rgba(0, 255, 0, 0) 70.71%), linear-gradient(336deg, rgba(0, 0, 255, 0.8), rgba(0, 0, 255, 0) 70.71%); } ``` @@ -610,7 +611,8 @@ div { circle at 93.3% 75%, rgba(0, 255, 0, 0.5), rgba(0, 255, 0, 0) 70.71% - ) beige; + ) + beige; border-radius: 50%; } ``` @@ -758,7 +760,8 @@ div { rgba(75, 0, 130, 0.5) 240px, rgba(238, 130, 238, 0.5) 280px, rgba(255, 0, 0, 0.5) 300px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -190deg, rgba(255, 0, 0, 0.5) 30px, rgba(255, 153, 0, 0.5) 60px, @@ -768,8 +771,18 @@ div { rgba(75, 0, 130, 0.5) 180px, rgba(238, 130, 238, 0.5) 210px, rgba(255, 0, 0, 0.5) 230px - ), repeating-linear-gradient(23deg, red 50px, orange 100px, yellow 150px, green - 200px, blue 250px, indigo 300px, violet 350px, red 370px); + ), + repeating-linear-gradient( + 23deg, + red 50px, + orange 100px, + yellow 150px, + green 200px, + blue 250px, + indigo 300px, + violet 350px, + red 370px + ); } ``` @@ -806,7 +819,8 @@ div { transparent 116px, rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( 0deg, transparent, transparent 50px, @@ -820,18 +834,21 @@ div { transparent 116px, rgba(255, 206, 0, 0.25) 116px, rgba(255, 206, 0, 0.25) 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -45deg, transparent, transparent 5px, rgba(143, 77, 63, 0.25) 5px, rgba(143, 77, 63, 0.25) 10px - ), repeating-linear-gradient(45deg, transparent, transparent 5px, rgba( - 143, - 77, - 63, - 0.25 - ) 5px, rgba(143, 77, 63, 0.25) 10px); + ), + repeating-linear-gradient( + 45deg, + transparent, + transparent 5px, + rgba(143, 77, 63, 0.25) 5px, + rgba(143, 77, 63, 0.25) 10px + ); background: repeating-linear-gradient( 90deg, @@ -841,7 +858,8 @@ div { rgba(255, 127, 0, 0.25) 63px 69px, transparent 69px 116px, rgba(255, 206, 0, 0.25) 116px 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( 0deg, transparent 0 50px, rgba(255, 127, 0, 0.25) 50px 56px, @@ -849,16 +867,17 @@ div { rgba(255, 127, 0, 0.25) 63px 69px, transparent 69px 116px, rgba(255, 206, 0, 0.25) 116px 166px - ), repeating-linear-gradient( + ), + repeating-linear-gradient( -45deg, transparent 0 5px, rgba(143, 77, 63, 0.25) 5px 10px - ), repeating-linear-gradient(45deg, transparent 0 5px, rgba( - 143, - 77, - 63, - 0.25 - ) 5px 10px); + ), + repeating-linear-gradient( + 45deg, + transparent 0 5px, + rgba(143, 77, 63, 0.25) 5px 10px + ); } ``` @@ -914,14 +933,16 @@ div { rgba(0, 0, 0, 0.5) 15px, rgba(255, 255, 255, 0.5) 15px, rgba(255, 255, 255, 0.5) 30px - ) top left no-repeat, + ) + top left no-repeat, repeating-radial-gradient( ellipse at 20% 50%, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) 10px, rgba(255, 255, 255, 0.5) 10px, rgba(255, 255, 255, 0.5) 20px - ) top left no-repeat yellow; + ) + top left no-repeat yellow; background-size: 200px 200px, 150px 150px; diff --git ORI/content/files/en-us/web/css/env/index.md ALT/content/files/en-us/web/css/env/index.md index 7693cc26..6d27369e 100644 --- ORI/content/files/en-us/web/css/env/index.md +++ ALT/content/files/en-us/web/css/env/index.md @@ -60,10 +60,8 @@ You can then use `env()` in your CSS: ```css body { - padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) env( - safe-area-inset-bottom, - 20px - ) env(safe-area-inset-left, 20px); + padding: env(safe-area-inset-top, 20px) env(safe-area-inset-right, 20px) + env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px); } ``` @@ -139,10 +137,8 @@ The below example makes use of the optional second parameter of `env()`, which a p { width: 300px; border: 2px solid red; - padding: env(safe-area-inset-top, 50px) env(safe-area-inset-right, 50px) env( - safe-area-inset-bottom, - 50px - ) env(SAFE-AREA-INSET-LEFT, 50px); + padding: env(safe-area-inset-top, 50px) env(safe-area-inset-right, 50px) + env(safe-area-inset-bottom, 50px) env(SAFE-AREA-INSET-LEFT, 50px); } ``` diff --git ORI/content/files/en-us/web/css/filter/index.md ALT/content/files/en-us/web/css/filter/index.md index 60cb855d..423f84c5 100644 --- ORI/content/files/en-us/web/css/filter/index.md +++ ALT/content/files/en-us/web/css/filter/index.md @@ -196,8 +196,8 @@ Filter functions are applied in order of appearance. The same filter function ca ```css #MDN-logo { border: 1px solid blue; - filter: drop-shadow(5px 5px 0 red) hue-rotate(180deg) drop-shadow(5px 5px 0 - red); + filter: drop-shadow(5px 5px 0 red) hue-rotate(180deg) + drop-shadow(5px 5px 0 red); } ``` diff --git ORI/content/files/en-us/web/css/gradient/conic-gradient/index.md ALT/content/files/en-us/web/css/gradient/conic-gradient/index.md index 21082720..d62abbec 100644 --- ORI/content/files/en-us/web/css/gradient/conic-gradient/index.md +++ ALT/content/files/en-us/web/css/gradient/conic-gradient/index.md @@ -212,7 +212,8 @@ div { #000 0.25turn 0.5turn, #fff 0.5turn 0.75turn, #000 0.75turn - ) top left / 25% 25% repeat; + ) + top left / 25% 25% repeat; border: 1px solid; } ``` diff --git ORI/content/files/en-us/web/css/grid-auto-columns/index.md ALT/content/files/en-us/web/css/grid-auto-columns/index.md index 62b13f9f..99c37880 100644 --- ORI/content/files/en-us/web/css/grid-auto-columns/index.md +++ ALT/content/files/en-us/web/css/grid-auto-columns/index.md @@ -49,7 +49,8 @@ grid-auto-columns: min-content max-content auto; grid-auto-columns: 100px 150px 390px; grid-auto-columns: 10% 33.3%; grid-auto-columns: 0.5fr 3fr 1fr; -grid-auto-columns: minmax(100px, auto) minmax(max-content, 2fr) minmax(20%, 80vmax); +grid-auto-columns: minmax(100px, auto) minmax(max-content, 2fr) + minmax(20%, 80vmax); grid-auto-columns: 100px minmax(100px, auto) 10% 0.5fr fit-content(400px); /* Global values */ diff --git ORI/content/files/en-us/web/css/mask-image/index.md ALT/content/files/en-us/web/css/mask-image/index.md index 9445ad87..88f7105b 100644 --- ORI/content/files/en-us/web/css/mask-image/index.md +++ ALT/content/files/en-us/web/css/mask-image/index.md @@ -24,7 +24,8 @@ mask-image: linear-gradient(rgba(0, 0, 0, 1), transparent); mask-image: image(url(mask.png), skyblue); /* Multiple values */ -mask-image: image(url(mask.png), skyblue), linear-gradient(rgba(0, 0, 0, 1), transparent); +mask-image: image(url(mask.png), skyblue), + linear-gradient(rgba(0, 0, 0, 1), transparent); /* Global values */ mask-image: inherit; diff --git ORI/content/files/en-us/web/css/transform-function/matrix3d/index.md ALT/content/files/en-us/web/css/transform-function/matrix3d/index.md index 6035435a..15cc9f14 100644 --- ORI/content/files/en-us/web/css/transform-function/matrix3d/index.md +++ ALT/content/files/en-us/web/css/transform-function/matrix3d/index.md @@ -110,24 +110,8 @@ a `matrix3d()` transform to it. #example-element:hover, #example-element:focus { - transform: rotate3d(1, 1, 1, 30deg) matrix3d( - 1, - 0, - 0, - 0, - 0, - 1, - 6, - 0, - 0, - 0, - 1, - 0, - 50, - 100, - 0, - 1.1 - ); + transform: rotate3d(1, 1, 1, 30deg) + matrix3d(1, 0, 0, 0, 0, 1, 6, 0, 0, 0, 1, 0, 50, 100, 0, 1.1); } .face { ````
fisker commented 2 months ago

Run #16347

github-actions[bot] commented 2 months ago

prettier/prettier#16347 VS prettier/prettier@main

The diff is empty.

fisker commented 2 weeks ago

Run #16546

github-actions[bot] commented 2 weeks ago

prettier/prettier#16546 VS prettier/prettier@main

The diff is empty.