Clean up test indentation

Author: adamwathan

__tests__/variantsAtRule.test.js

@@ -18,10 +18,10 @@ test('it can generate hover variants', () => {
   `
 
   const output = `
-      .banana { color: yellow; }
-      .chocolate { color: brown; }
-      .hover\\:banana:hover { color: yellow; }
-      .hover\\:chocolate:hover { color: brown; }
+    .banana { color: yellow; }
+    .chocolate { color: brown; }
+    .hover\\:banana:hover { color: yellow; }
+    .hover\\:chocolate:hover { color: brown; }
   `
 
   return run(input).then(result => {
@@ -39,10 +39,10 @@ test('it can generate disabled variants', () => {
   `
 
   const output = `
-      .banana { color: yellow; }
-      .chocolate { color: brown; }
-      .disabled\\:banana:disabled { color: yellow; }
-      .disabled\\:chocolate:disabled { color: brown; }
+    .banana { color: yellow; }
+    .chocolate { color: brown; }
+    .disabled\\:banana:disabled { color: yellow; }
+    .disabled\\:chocolate:disabled { color: brown; }
   `
 
   return run(input).then(result => {
@@ -60,10 +60,10 @@ test('it can generate active variants', () => {
   `
 
   const output = `
-      .banana { color: yellow; }
-      .chocolate { color: brown; }
-      .active\\:banana:active { color: yellow; }
-      .active\\:chocolate:active { color: brown; }
+    .banana { color: yellow; }
+    .chocolate { color: brown; }
+    .active\\:banana:active { color: yellow; }
+    .active\\:chocolate:active { color: brown; }
   `
 
   return run(input).then(result => {
@@ -81,10 +81,10 @@ test('it can generate visited variants', () => {
   `
 
   const output = `
-      .banana { color: yellow; }
-      .chocolate { color: brown; }
-      .visited\\:banana:visited { color: yellow; }
-      .visited\\:chocolate:visited { color: brown; }
+    .banana { color: yellow; }
+    .chocolate { color: brown; }
+    .visited\\:banana:visited { color: yellow; }
+    .visited\\:chocolate:visited { color: brown; }
   `
 
   return run(input).then(result => {
@@ -102,10 +102,10 @@ test('it can generate focus variants', () => {
   `
 
   const output = `
-      .banana { color: yellow; }
-      .chocolate { color: brown; }
-      .focus\\:banana:focus { color: yellow; }
-      .focus\\:chocolate:focus { color: brown; }
+    .banana { color: yellow; }
+    .chocolate { color: brown; }
+    .focus\\:banana:focus { color: yellow; }
+    .focus\\:chocolate:focus { color: brown; }
   `
 
   return run(input).then(result => {
@@ -123,10 +123,10 @@ test('it can generate focus-within variants', () => {
   `
 
   const output = `
-      .banana { color: yellow; }
-      .chocolate { color: brown; }
-      .focus-within\\:banana:focus-within { color: yellow; }
-      .focus-within\\:chocolate:focus-within { color: brown; }
+    .banana { color: yellow; }
+    .chocolate { color: brown; }
+    .focus-within\\:banana:focus-within { color: yellow; }
+    .focus-within\\:chocolate:focus-within { color: brown; }
   `
 
   return run(input).then(result => {
@@ -144,10 +144,10 @@ test('it can generate first-child variants', () => {
   `
 
   const output = `
-      .banana { color: yellow; }
-      .chocolate { color: brown; }
-      .first\\:banana:first-child { color: yellow; }
-      .first\\:chocolate:first-child { color: brown; }
+    .banana { color: yellow; }
+    .chocolate { color: brown; }
+    .first\\:banana:first-child { color: yellow; }
+    .first\\:chocolate:first-child { color: brown; }
   `
 
   return run(input).then(result => {
@@ -186,10 +186,10 @@ test('it can generate last-child variants', () => {
   `
 
   const output = `
-      .banana { color: yellow; }
-      .chocolate { color: brown; }
-      .last\\:banana:last-child { color: yellow; }
-      .last\\:chocolate:last-child { color: brown; }
+    .banana { color: yellow; }
+    .chocolate { color: brown; }
+    .last\\:banana:last-child { color: yellow; }
+    .last\\:chocolate:last-child { color: brown; }
   `
 
   return run(input).then(result => {
@@ -228,10 +228,10 @@ test('it can generate group-hover variants', () => {
   `
 
   const output = `
-      .banana { color: yellow; }
-      .chocolate { color: brown; }
-      .group:hover .group-hover\\:banana { color: yellow; }
-      .group:hover .group-hover\\:chocolate { color: brown; }
+    .banana { color: yellow; }
+    .chocolate { color: brown; }
+    .group:hover .group-hover\\:banana { color: yellow; }
+    .group:hover .group-hover\\:chocolate { color: brown; }
   `
 
   return run(input).then(result => {
@@ -249,16 +249,16 @@ test('it can generate hover, active and focus variants', () => {
   `
 
   const output = `
-      .banana { color: yellow; }
-      .chocolate { color: brown; }
-      .group:hover .group-hover\\:banana { color: yellow; }
-      .group:hover .group-hover\\:chocolate { color: brown; }
-      .hover\\:banana:hover { color: yellow; }
-      .hover\\:chocolate:hover { color: brown; }
-      .focus\\:banana:focus { color: yellow; }
-      .focus\\:chocolate:focus { color: brown; }
-      .active\\:banana:active { color: yellow; }
-      .active\\:chocolate:active { color: brown; }
+    .banana { color: yellow; }
+    .chocolate { color: brown; }
+    .group:hover .group-hover\\:banana { color: yellow; }
+    .group:hover .group-hover\\:chocolate { color: brown; }
+    .hover\\:banana:hover { color: yellow; }
+    .hover\\:chocolate:hover { color: brown; }
+    .focus\\:banana:focus { color: yellow; }
+    .focus\\:chocolate:focus { color: brown; }
+    .active\\:banana:active { color: yellow; }
+    .active\\:chocolate:active { color: brown; }
   `
 
   return run(input).then(result => {
@@ -276,14 +276,14 @@ test('it can generate hover, active and focus variants for multiple classes in o
   `
 
   const output = `
-      .banana, .lemon { color: yellow; }
-      .chocolate, .coconut { color: brown; }
-      .hover\\:banana:hover, .hover\\:lemon:hover { color: yellow; }
-      .hover\\:chocolate:hover, .hover\\:coconut:hover { color: brown; }
-      .focus\\:banana:focus, .focus\\:lemon:focus { color: yellow; }
-      .focus\\:chocolate:focus, .focus\\:coconut:focus { color: brown; }
-      .active\\:banana:active, .active\\:lemon:active { color: yellow; }
-      .active\\:chocolate:active, .active\\:coconut:active { color: brown; }
+    .banana, .lemon { color: yellow; }
+    .chocolate, .coconut { color: brown; }
+    .hover\\:banana:hover, .hover\\:lemon:hover { color: yellow; }
+    .hover\\:chocolate:hover, .hover\\:coconut:hover { color: brown; }
+    .focus\\:banana:focus, .focus\\:lemon:focus { color: yellow; }
+    .focus\\:chocolate:focus, .focus\\:coconut:focus { color: brown; }
+    .active\\:banana:active, .active\\:lemon:active { color: yellow; }
+    .active\\:chocolate:active, .active\\:coconut:active { color: brown; }
   `
 
   return run(input).then(result => {
@@ -326,14 +326,14 @@ test('variants are generated in the order specified', () => {
   `
 
   const output = `
-      .banana { color: yellow; }
-      .chocolate { color: brown; }
-      .focus\\:banana:focus { color: yellow; }
-      .focus\\:chocolate:focus { color: brown; }
-      .active\\:banana:active { color: yellow; }
-      .active\\:chocolate:active { color: brown; }
-      .hover\\:banana:hover { color: yellow; }
-      .hover\\:chocolate:hover { color: brown; }
+    .banana { color: yellow; }
+    .chocolate { color: brown; }
+    .focus\\:banana:focus { color: yellow; }
+    .focus\\:chocolate:focus { color: brown; }
+    .active\\:banana:active { color: yellow; }
+    .active\\:chocolate:active { color: brown; }
+    .hover\\:banana:hover { color: yellow; }
+    .hover\\:chocolate:hover { color: brown; }
   `
 
   return run(input, {
@@ -375,14 +375,14 @@ test('the default variant can be generated in a specified position', () => {
   `
 
   const output = `
-      .focus\\:banana:focus { color: yellow; }
-      .focus\\:chocolate:focus { color: brown; }
-      .active\\:banana:active { color: yellow; }
-      .active\\:chocolate:active { color: brown; }
-      .banana { color: yellow; }
-      .chocolate { color: brown; }
-      .hover\\:banana:hover { color: yellow; }
-      .hover\\:chocolate:hover { color: brown; }
+    .focus\\:banana:focus { color: yellow; }
+    .focus\\:chocolate:focus { color: brown; }
+    .active\\:banana:active { color: yellow; }
+    .active\\:chocolate:active { color: brown; }
+    .banana { color: yellow; }
+    .chocolate { color: brown; }
+    .hover\\:banana:hover { color: yellow; }
+    .hover\\:chocolate:hover { color: brown; }
   `
 
   return run(input, {
@@ -402,10 +402,10 @@ test('plugin variants can modify rules using the raw PostCSS API', () => {
   `
 
   const output = `
-      .banana { color: yellow; }
-      .chocolate { color: brown; }
-      .\\!banana { color: yellow !important; }
-      .\\!chocolate { color: brown !important; }
+    .banana { color: yellow; }
+    .chocolate { color: brown; }
+    .\\!banana { color: yellow !important; }
+    .\\!chocolate { color: brown !important; }
   `
 
   return run(input, {
@@ -438,10 +438,10 @@ test('plugin variants can modify selectors with a simplified API', () => {
   `
 
   const output = `
-      .banana { color: yellow; }
-      .chocolate { color: brown; }
-      .first-child\\:banana:first-child { color: yellow; }
-      .first-child\\:chocolate:first-child { color: brown; }
+    .banana { color: yellow; }
+    .chocolate { color: brown; }
+    .first-child\\:banana:first-child { color: yellow; }
+    .first-child\\:chocolate:first-child { color: brown; }
   `
 
   return run(input, {
@@ -471,10 +471,10 @@ test('plugin variants that use modify selectors need to manually escape the clas
   `
 
   const output = `
-      .banana-1\\/2 { color: yellow; }
-      .chocolate-1\\.5 { color: brown; }
-      .first-child\\:banana-1\\/2:first-child { color: yellow; }
-      .first-child\\:chocolate-1\\.5:first-child { color: brown; }
+    .banana-1\\/2 { color: yellow; }
+    .chocolate-1\\.5 { color: brown; }
+    .first-child\\:banana-1\\/2:first-child { color: yellow; }
+    .first-child\\:chocolate-1\\.5:first-child { color: brown; }
   `
 
   return run(input, {
@@ -504,12 +504,12 @@ test('plugin variants can wrap rules in another at-rule using the raw PostCSS AP
   `
 
   const output = `
-      .banana { color: yellow; }
-      .chocolate { color: brown; }
-      @supports (display: grid) {
-        .supports-grid\\:banana { color: yellow; }
-        .supports-grid\\:chocolate { color: brown; }
-      }
+    .banana { color: yellow; }
+    .chocolate { color: brown; }
+    @supports (display: grid) {
+      .supports-grid\\:banana { color: yellow; }
+      .supports-grid\\:chocolate { color: brown; }
+    }
   `
 
   return run(input, {