Testing srcset and sizes browser implementation

Screen width = px & device pixel ratio =

Test 1

Image contained in div of width 33.33%

Container width in CSS px =

Container width in display pixels =

Browser should choose:

300 500 700 1200

Test 2

Image contained in div of width 50%

Container width in CSS px =

Container width in display pixels =

Browser should choose:

300 500 700 1200

Test 3

Image contained in div of width 100%

Container width in CSS px =

Container width in display pixels =

Browser should choose:

300 500 700 1200

Dynamically add images test

Clone the image from test1, then update its sizes attribute to the same as test2, then add to the DOM. The result should be the same as test2.