chromium/src/third_party/blink/web_tests/paint/invalidation/flexbox/justify-content-change-expected.html - manifest_repos/chromium_src - Git at Google

 <!DOCTYPE HTML>
 <style>
 body {
   margin: 0;
 }
 #container {
   display: flex;
   justify-content: space-between;
   width: 200px;
   height: 300px;
   background-color: orange;
 }
 .item {
   background-color: green;
   border: solid thin blue;
   width: 50px;
 }
 </style>
 <p style="height: 20px">Tests invalidation on justify-content style change. Passes if only one big orange bar appear in the middle of the box.</p>
 <div id="container">
   <div class="item">
     <div style="height: 50px"></div>
   </div>
   <div class="item">
     <div style="height: 50px"></div>
   </div>
 </div>
	<!DOCTYPE HTML>
	<style>
	body {
	margin: 0;
	}
	#container {
	display: flex;
	justify-content: space-between;
	width: 200px;
	height: 300px;
	background-color: orange;
	}
	.item {
	background-color: green;
	border: solid thin blue;
	width: 50px;
	}
	</style>
	<p style="height: 20px">Tests invalidation on justify-content style change. Passes if only one big orange bar appear in the middle of the box.</p>
	<div id="container">
	<div class="item">
	<div style="height: 50px"></div>
	</div>
	<div class="item">
	<div style="height: 50px"></div>
	</div>
	</div>