From 4ad99d5f882f47264724b78efaefce449bc7708f Mon Sep 17 00:00:00 2001
From: Georgi Mirchev <georgi.mirchev@news.co.uk>
Date: Thu, 3 Oct 2019 17:02:26 +0300
Subject: [PATCH 1/2] feat: REPLAT-9308 lead 2 no pic 2 swapping tiles

---
 .../l2np2-with-style.android.test.js.snap        | 16 ++++++++--------
 .../__snapshots__/l2np2.android.test.js.snap     |  8 ++++----
 .../l2np2-with-style.ios.test.js.snap            | 16 ++++++++--------
 .../ios/__snapshots__/l2np2.ios.test.js.snap     |  8 ++++----
 .../l2np2-with-style.web.test.js.snap            | 16 ++++++++--------
 .../web/__snapshots__/l2np2.web.test.js.snap     |  8 ++++----
 .../src/templates/leadtwonopicandtwo/index.js    |  4 ++--
 7 files changed, 38 insertions(+), 38 deletions(-)

diff --git a/packages/slice-layout/__tests__/android/__snapshots__/l2np2-with-style.android.test.js.snap b/packages/slice-layout/__tests__/android/__snapshots__/l2np2-with-style.android.test.js.snap
index b4f96e74a73..c138692a8fc 100644
--- a/packages/slice-layout/__tests__/android/__snapshots__/l2np2-with-style.android.test.js.snap
+++ b/packages/slice-layout/__tests__/android/__snapshots__/l2np2-with-style.android.test.js.snap
@@ -165,12 +165,12 @@ exports[`3. lead two no pic and two - wide 1`] = `
   <View
     style={
       Object {
-        "width": "42%",
+        "width": "16%",
       }
     }
   >
     <Text>
-      support-1
+      support-2
     </Text>
   </View>
   <View
@@ -186,12 +186,12 @@ exports[`3. lead two no pic and two - wide 1`] = `
   <View
     style={
       Object {
-        "width": "16%",
+        "width": "42%",
       }
     }
   >
     <Text>
-      support-2
+      support-1
     </Text>
   </View>
 </View>
@@ -244,12 +244,12 @@ exports[`4. lead two no pic and two - huge 1`] = `
   <View
     style={
       Object {
-        "width": "42%",
+        "width": "16%",
       }
     }
   >
     <Text>
-      support-1
+      support-2
     </Text>
   </View>
   <View
@@ -265,12 +265,12 @@ exports[`4. lead two no pic and two - huge 1`] = `
   <View
     style={
       Object {
-        "width": "16%",
+        "width": "42%",
       }
     }
   >
     <Text>
-      support-2
+      support-1
     </Text>
   </View>
 </View>
diff --git a/packages/slice-layout/__tests__/android/__snapshots__/l2np2.android.test.js.snap b/packages/slice-layout/__tests__/android/__snapshots__/l2np2.android.test.js.snap
index fb8b938806c..8dc99027777 100644
--- a/packages/slice-layout/__tests__/android/__snapshots__/l2np2.android.test.js.snap
+++ b/packages/slice-layout/__tests__/android/__snapshots__/l2np2.android.test.js.snap
@@ -58,13 +58,13 @@ exports[`3. lead two no pic and two - wide 1`] = `
   <View />
   <View>
     <Text>
-      support-1
+      support-2
     </Text>
   </View>
   <View />
   <View>
     <Text>
-      support-2
+      support-1
     </Text>
   </View>
 </View>
@@ -84,13 +84,13 @@ exports[`4. lead two no pic and two - huge 1`] = `
   <View />
   <View>
     <Text>
-      support-1
+      support-2
     </Text>
   </View>
   <View />
   <View>
     <Text>
-      support-2
+      support-1
     </Text>
   </View>
 </View>
diff --git a/packages/slice-layout/__tests__/ios/__snapshots__/l2np2-with-style.ios.test.js.snap b/packages/slice-layout/__tests__/ios/__snapshots__/l2np2-with-style.ios.test.js.snap
index b4f96e74a73..c138692a8fc 100644
--- a/packages/slice-layout/__tests__/ios/__snapshots__/l2np2-with-style.ios.test.js.snap
+++ b/packages/slice-layout/__tests__/ios/__snapshots__/l2np2-with-style.ios.test.js.snap
@@ -165,12 +165,12 @@ exports[`3. lead two no pic and two - wide 1`] = `
   <View
     style={
       Object {
-        "width": "42%",
+        "width": "16%",
       }
     }
   >
     <Text>
-      support-1
+      support-2
     </Text>
   </View>
   <View
@@ -186,12 +186,12 @@ exports[`3. lead two no pic and two - wide 1`] = `
   <View
     style={
       Object {
-        "width": "16%",
+        "width": "42%",
       }
     }
   >
     <Text>
-      support-2
+      support-1
     </Text>
   </View>
 </View>
@@ -244,12 +244,12 @@ exports[`4. lead two no pic and two - huge 1`] = `
   <View
     style={
       Object {
-        "width": "42%",
+        "width": "16%",
       }
     }
   >
     <Text>
-      support-1
+      support-2
     </Text>
   </View>
   <View
@@ -265,12 +265,12 @@ exports[`4. lead two no pic and two - huge 1`] = `
   <View
     style={
       Object {
-        "width": "16%",
+        "width": "42%",
       }
     }
   >
     <Text>
-      support-2
+      support-1
     </Text>
   </View>
 </View>
diff --git a/packages/slice-layout/__tests__/ios/__snapshots__/l2np2.ios.test.js.snap b/packages/slice-layout/__tests__/ios/__snapshots__/l2np2.ios.test.js.snap
index fb8b938806c..8dc99027777 100644
--- a/packages/slice-layout/__tests__/ios/__snapshots__/l2np2.ios.test.js.snap
+++ b/packages/slice-layout/__tests__/ios/__snapshots__/l2np2.ios.test.js.snap
@@ -58,13 +58,13 @@ exports[`3. lead two no pic and two - wide 1`] = `
   <View />
   <View>
     <Text>
-      support-1
+      support-2
     </Text>
   </View>
   <View />
   <View>
     <Text>
-      support-2
+      support-1
     </Text>
   </View>
 </View>
@@ -84,13 +84,13 @@ exports[`4. lead two no pic and two - huge 1`] = `
   <View />
   <View>
     <Text>
-      support-1
+      support-2
     </Text>
   </View>
   <View />
   <View>
     <Text>
-      support-2
+      support-1
     </Text>
   </View>
 </View>
diff --git a/packages/slice-layout/__tests__/web/__snapshots__/l2np2-with-style.web.test.js.snap b/packages/slice-layout/__tests__/web/__snapshots__/l2np2-with-style.web.test.js.snap
index ce91cae42b4..e6fb28674db 100644
--- a/packages/slice-layout/__tests__/web/__snapshots__/l2np2-with-style.web.test.js.snap
+++ b/packages/slice-layout/__tests__/web/__snapshots__/l2np2-with-style.web.test.js.snap
@@ -285,14 +285,14 @@ exports[`3. lead two no pic and two - wide 1`] = `
     className="css-view-1dbjc4n"
     style={
       Object {
-        "width": "42%",
+        "width": "16%",
       }
     }
   >
     <div
       className="css-text-901oao"
     >
-      support-1
+      support-2
     </div>
   </div>
   <div
@@ -317,14 +317,14 @@ exports[`3. lead two no pic and two - wide 1`] = `
     className="css-view-1dbjc4n"
     style={
       Object {
-        "width": "16%",
+        "width": "42%",
       }
     }
   >
     <div
       className="css-text-901oao"
     >
-      support-2
+      support-1
     </div>
   </div>
 </div>
@@ -414,14 +414,14 @@ exports[`4. lead two no pic and two - huge 1`] = `
     className="css-view-1dbjc4n"
     style={
       Object {
-        "width": "42%",
+        "width": "16%",
       }
     }
   >
     <div
       className="css-text-901oao"
     >
-      support-1
+      support-2
     </div>
   </div>
   <div
@@ -446,14 +446,14 @@ exports[`4. lead two no pic and two - huge 1`] = `
     className="css-view-1dbjc4n"
     style={
       Object {
-        "width": "16%",
+        "width": "42%",
       }
     }
   >
     <div
       className="css-text-901oao"
     >
-      support-2
+      support-1
     </div>
   </div>
 </div>
diff --git a/packages/slice-layout/__tests__/web/__snapshots__/l2np2.web.test.js.snap b/packages/slice-layout/__tests__/web/__snapshots__/l2np2.web.test.js.snap
index e6c3401159a..1ad425840e2 100644
--- a/packages/slice-layout/__tests__/web/__snapshots__/l2np2.web.test.js.snap
+++ b/packages/slice-layout/__tests__/web/__snapshots__/l2np2.web.test.js.snap
@@ -58,13 +58,13 @@ exports[`3. lead two no pic and two - wide 1`] = `
   <div />
   <div>
     <div>
-      support-1
+      support-2
     </div>
   </div>
   <div />
   <div>
     <div>
-      support-2
+      support-1
     </div>
   </div>
 </div>
@@ -84,13 +84,13 @@ exports[`4. lead two no pic and two - huge 1`] = `
   <div />
   <div>
     <div>
-      support-1
+      support-2
     </div>
   </div>
   <div />
   <div>
     <div>
-      support-2
+      support-1
     </div>
   </div>
 </div>
diff --git a/packages/slice-layout/src/templates/leadtwonopicandtwo/index.js b/packages/slice-layout/src/templates/leadtwonopicandtwo/index.js
index a77c5de2c1b..7a614b0128e 100644
--- a/packages/slice-layout/src/templates/leadtwonopicandtwo/index.js
+++ b/packages/slice-layout/src/templates/leadtwonopicandtwo/index.js
@@ -23,9 +23,9 @@ const LeadTwoNoPicAndTwoSlice = ({
       <View style={styles.container}>
         <VerticalLayout style={styles.column} tiles={[lead1, lead2]} />
         <ItemColSeparator style={styles.colSeparatorStyle} />
-        <View style={styles.column}>{support1}</View>
-        <ItemColSeparator style={styles.colSeparatorStyle} />
         <View style={styles.middleTile}>{support2}</View>
+        <ItemColSeparator style={styles.colSeparatorStyle} />
+        <View style={styles.column}>{support1}</View>
       </View>
     );
   }

From aa4d53dba9b9e180571ba592c17d055d3b01e8a9 Mon Sep 17 00:00:00 2001
From: Georgi Mirchev <georgi.mirchev@news.co.uk>
Date: Fri, 4 Oct 2019 10:17:57 +0300
Subject: [PATCH 2/2] chore: edition-slices snapshots updated

---
 .../tablet-slices-with-style.test.js.snap     | 16 ++++++-------
 .../__snapshots__/tablet-slices.test.js.snap  | 16 ++++++-------
 .../tablet-slices-with-style.test.js.snap     | 16 ++++++-------
 .../__snapshots__/tablet-slices.test.js.snap  | 16 ++++++-------
 .../tablet-slices-with-style.test.js.snap     | 24 +++++++++----------
 .../__snapshots__/tablet-slices.test.js.snap  | 16 ++++++-------
 6 files changed, 52 insertions(+), 52 deletions(-)

diff --git a/packages/edition-slices/__tests__/android/__snapshots__/tablet-slices-with-style.test.js.snap b/packages/edition-slices/__tests__/android/__snapshots__/tablet-slices-with-style.test.js.snap
index 939c14d055a..bedbeaa6bac 100644
--- a/packages/edition-slices/__tests__/android/__snapshots__/tablet-slices-with-style.test.js.snap
+++ b/packages/edition-slices/__tests__/android/__snapshots__/tablet-slices-with-style.test.js.snap
@@ -1664,11 +1664,11 @@ exports[`21. lead two no pic and two - wide 1`] = `
     <View
       style={
         Object {
-          "width": "42%",
+          "width": "16%",
         }
       }
     >
-      <TileE />
+      <TileAL />
     </View>
     <View
       style={
@@ -1683,11 +1683,11 @@ exports[`21. lead two no pic and two - wide 1`] = `
     <View
       style={
         Object {
-          "width": "16%",
+          "width": "42%",
         }
       }
     >
-      <TileAL />
+      <TileE />
     </View>
   </View>
 </View>
@@ -3071,11 +3071,11 @@ exports[`37. lead two no pic and two - huge 1`] = `
       <View
         style={
           Object {
-            "width": "42%",
+            "width": "16%",
           }
         }
       >
-        <TileE />
+        <TileAL />
       </View>
       <View
         style={
@@ -3090,11 +3090,11 @@ exports[`37. lead two no pic and two - huge 1`] = `
       <View
         style={
           Object {
-            "width": "16%",
+            "width": "42%",
           }
         }
       >
-        <TileAL />
+        <TileE />
       </View>
     </View>
   </View>
diff --git a/packages/edition-slices/__tests__/android/__snapshots__/tablet-slices.test.js.snap b/packages/edition-slices/__tests__/android/__snapshots__/tablet-slices.test.js.snap
index 03b477becb1..979b76ae55f 100644
--- a/packages/edition-slices/__tests__/android/__snapshots__/tablet-slices.test.js.snap
+++ b/packages/edition-slices/__tests__/android/__snapshots__/tablet-slices.test.js.snap
@@ -695,16 +695,16 @@ exports[`21. lead two no pic and two - wide 1`] = `
     </View>
     <View />
     <View>
-      <TileE
+      <TileAL
         breakpoint="wide"
-        tileName="support1"
+        tileName="support2"
       />
     </View>
     <View />
     <View>
-      <TileAL
+      <TileE
         breakpoint="wide"
-        tileName="support2"
+        tileName="support1"
       />
     </View>
   </View>
@@ -1288,16 +1288,16 @@ exports[`37. lead two no pic and two - huge 1`] = `
       </View>
       <View />
       <View>
-        <TileE
+        <TileAL
           breakpoint="huge"
-          tileName="support1"
+          tileName="support2"
         />
       </View>
       <View />
       <View>
-        <TileAL
+        <TileE
           breakpoint="huge"
-          tileName="support2"
+          tileName="support1"
         />
       </View>
     </View>
diff --git a/packages/edition-slices/__tests__/ios/__snapshots__/tablet-slices-with-style.test.js.snap b/packages/edition-slices/__tests__/ios/__snapshots__/tablet-slices-with-style.test.js.snap
index 939c14d055a..bedbeaa6bac 100644
--- a/packages/edition-slices/__tests__/ios/__snapshots__/tablet-slices-with-style.test.js.snap
+++ b/packages/edition-slices/__tests__/ios/__snapshots__/tablet-slices-with-style.test.js.snap
@@ -1664,11 +1664,11 @@ exports[`21. lead two no pic and two - wide 1`] = `
     <View
       style={
         Object {
-          "width": "42%",
+          "width": "16%",
         }
       }
     >
-      <TileE />
+      <TileAL />
     </View>
     <View
       style={
@@ -1683,11 +1683,11 @@ exports[`21. lead two no pic and two - wide 1`] = `
     <View
       style={
         Object {
-          "width": "16%",
+          "width": "42%",
         }
       }
     >
-      <TileAL />
+      <TileE />
     </View>
   </View>
 </View>
@@ -3071,11 +3071,11 @@ exports[`37. lead two no pic and two - huge 1`] = `
       <View
         style={
           Object {
-            "width": "42%",
+            "width": "16%",
           }
         }
       >
-        <TileE />
+        <TileAL />
       </View>
       <View
         style={
@@ -3090,11 +3090,11 @@ exports[`37. lead two no pic and two - huge 1`] = `
       <View
         style={
           Object {
-            "width": "16%",
+            "width": "42%",
           }
         }
       >
-        <TileAL />
+        <TileE />
       </View>
     </View>
   </View>
diff --git a/packages/edition-slices/__tests__/ios/__snapshots__/tablet-slices.test.js.snap b/packages/edition-slices/__tests__/ios/__snapshots__/tablet-slices.test.js.snap
index 03b477becb1..979b76ae55f 100644
--- a/packages/edition-slices/__tests__/ios/__snapshots__/tablet-slices.test.js.snap
+++ b/packages/edition-slices/__tests__/ios/__snapshots__/tablet-slices.test.js.snap
@@ -695,16 +695,16 @@ exports[`21. lead two no pic and two - wide 1`] = `
     </View>
     <View />
     <View>
-      <TileE
+      <TileAL
         breakpoint="wide"
-        tileName="support1"
+        tileName="support2"
       />
     </View>
     <View />
     <View>
-      <TileAL
+      <TileE
         breakpoint="wide"
-        tileName="support2"
+        tileName="support1"
       />
     </View>
   </View>
@@ -1288,16 +1288,16 @@ exports[`37. lead two no pic and two - huge 1`] = `
       </View>
       <View />
       <View>
-        <TileE
+        <TileAL
           breakpoint="huge"
-          tileName="support1"
+          tileName="support2"
         />
       </View>
       <View />
       <View>
-        <TileAL
+        <TileE
           breakpoint="huge"
-          tileName="support2"
+          tileName="support1"
         />
       </View>
     </View>
diff --git a/packages/edition-slices/__tests__/web/__snapshots__/tablet-slices-with-style.test.js.snap b/packages/edition-slices/__tests__/web/__snapshots__/tablet-slices-with-style.test.js.snap
index ded5e23a8dd..1b6b5b5ccd3 100644
--- a/packages/edition-slices/__tests__/web/__snapshots__/tablet-slices-with-style.test.js.snap
+++ b/packages/edition-slices/__tests__/web/__snapshots__/tablet-slices-with-style.test.js.snap
@@ -2891,7 +2891,7 @@ exports[`21. lead two no pic and two - wide 1`] = `
 }
 
 .IS4 {
-  width: 42%;
+  width: 16%;
 }
 
 .IS5 {
@@ -2909,7 +2909,7 @@ exports[`21. lead two no pic and two - wide 1`] = `
 }
 
 .IS6 {
-  width: 16%;
+  width: 42%;
 }
 
 .IS7 {
@@ -2970,9 +2970,9 @@ exports[`21. lead two no pic and two - wide 1`] = `
     <div
       className="css-view-1dbjc4n IS4"
     >
-      <TileE
+      <TileAL
         breakpoint="wide"
-        tileName="support1"
+        tileName="support2"
       />
     </div>
     <div
@@ -2981,9 +2981,9 @@ exports[`21. lead two no pic and two - wide 1`] = `
     <div
       className="css-view-1dbjc4n IS6"
     >
-      <TileAL
+      <TileE
         breakpoint="wide"
-        tileName="support2"
+        tileName="support1"
       />
     </div>
   </div>
@@ -5336,7 +5336,7 @@ exports[`37. lead two no pic and two - huge 1`] = `
 }
 
 .IS4 {
-  width: 42%;
+  width: 16%;
 }
 
 .IS5 {
@@ -5354,7 +5354,7 @@ exports[`37. lead two no pic and two - huge 1`] = `
 }
 
 .IS6 {
-  width: 16%;
+  width: 42%;
 }
 
 .IS7 {
@@ -5435,9 +5435,9 @@ exports[`37. lead two no pic and two - huge 1`] = `
       <div
         className="css-view-1dbjc4n IS4"
       >
-        <TileE
+        <TileAL
           breakpoint="huge"
-          tileName="support1"
+          tileName="support2"
         />
       </div>
       <div
@@ -5446,9 +5446,9 @@ exports[`37. lead two no pic and two - huge 1`] = `
       <div
         className="css-view-1dbjc4n IS6"
       >
-        <TileAL
+        <TileE
           breakpoint="huge"
-          tileName="support2"
+          tileName="support1"
         />
       </div>
     </div>
diff --git a/packages/edition-slices/__tests__/web/__snapshots__/tablet-slices.test.js.snap b/packages/edition-slices/__tests__/web/__snapshots__/tablet-slices.test.js.snap
index 8f7e021d5f0..bea71ae7cc8 100644
--- a/packages/edition-slices/__tests__/web/__snapshots__/tablet-slices.test.js.snap
+++ b/packages/edition-slices/__tests__/web/__snapshots__/tablet-slices.test.js.snap
@@ -683,16 +683,16 @@ exports[`21. lead two no pic and two - wide 1`] = `
     </div>
     <div />
     <div>
-      <TileE
+      <TileAL
         breakpoint="wide"
-        tileName="support1"
+        tileName="support2"
       />
     </div>
     <div />
     <div>
-      <TileAL
+      <TileE
         breakpoint="wide"
-        tileName="support2"
+        tileName="support1"
       />
     </div>
   </div>
@@ -1268,16 +1268,16 @@ exports[`37. lead two no pic and two - huge 1`] = `
       </div>
       <div />
       <div>
-        <TileE
+        <TileAL
           breakpoint="huge"
-          tileName="support1"
+          tileName="support2"
         />
       </div>
       <div />
       <div>
-        <TileAL
+        <TileE
           breakpoint="huge"
-          tileName="support2"
+          tileName="support1"
         />
       </div>
     </div>