Customizer: Allow to skip cropping header images if image width is smaller than or equal to theme width.

Add tests.

see #27936 for trunk.

git-svn-id: https://develop.svn.wordpress.org/trunk@28219 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-includes/js/customize-models.js

@@ -113,6 +113,10 @@
 				return false;
 			}
 
+			if (this.get('imageWidth') <= this.get('themeWidth')) {
+				return false;
+			}
+
 			return true;
 		}
 	});

tests/qunit/wp-admin/js/customize-header.js

@@ -103,6 +103,29 @@ jQuery( function() {
 			imageWidth: 10000,
 			imageHeight: 8600
 		});
+
+		equal(this.model.shouldBeCropped(), false);
+	});
+
+	test('should not be cropped when the image width is smaller than or equal to theme width', function() {
+		this.model.set({
+			themeFlexWidth: false,
+			themeFlexHeight: false,
+			imageWidth: 1000,
+			imageHeight: 100
+		});
+
+		equal(this.model.shouldBeCropped(), false);
+	});
+
+	test('should not be cropped when the image width is smaller than or equal to theme width, theme supports flex height and width', function() {
+		this.model.set({
+			themeFlexWidth: true,
+			themeFlexHeight: true,
+			imageWidth: 900,
+			imageHeight: 100
+		});
+
 		equal(this.model.shouldBeCropped(), false);
 	});
 });