[css-grid] Migrate grid-content-alignment-and-self-alignment-spanning.html to WPT

Migrate this test out of blink/web_tests/fast/css-grid-layout
and into the WPT-specific directory, adding links to the relevant
specs and a test assertion describing its purpose.

Bug: 767015, 1063749
Change-Id: I772e4c3651a35e0d47e945418aeb408250e50fa1
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2152450Reviewed-by: Manuel Rego <rego@igalia.com>
Reviewed-by: Christian Biesinger <cbiesinger@chromium.org>
Commit-Queue: Mario Sanchez Prada <mario@igalia.com>
Cr-Commit-Position: refs/heads/master@{#760013}

third_party/blink/web_tests/fast/css-grid-layout/grid-content-alignment-and-self-alignment-spanning-expected.txt

-This test checks that Content Distribution alignment works fine in combination with Self Alignmet and items span more than one track.
-
-direction: LTR | distribution: 'space-between' | self-alignment: center
-
-PASS
-
-direction: LTR | distribution: 'space-between' | self-alignment: end
-
-PASS
-
-direction: LTR | distribution: 'space-around' | self-alignment: center
-
-PASS
-
-direction: LTR | distribution: 'space-around' | self-alignment: end
-
-PASS
-
-direction: LTR | distribution: 'space-evenly' | self-alignment: center
-
-PASS
-
-direction: LTR | distribution: 'space-evenly' | self-alignment: end
-
-PASS
-
-direction: LTR | distribution: 'stretch' | self-alignment: center
-
-PASS
-
-direction: LTR | distribution: 'stretch' | self-alignment: end
-
-PASS
-
-direction: LTR | distribution: 'default' | self-alignment: center
-
-PASS
-
-direction: LTR | distribution: 'default' | self-alignment: end
-
-PASS
-
-direction: LTR | distribution: 'space-between' | self-alignment: center
-
-PASS
-
-direction: LTR | distribution: 'space-between' | self-alignment: end
-
-PASS
-
-direction: LTR | rows/columns gap: 20px/40px | distribution: 'default' | self-alignment: center
-
-PASS
-
-direction: LTR | rows/columns gap: 20px/40px | distribution: 'default' | self-alignment: end
-
-PASS
-
-direction: LTR | rows/columns gap: 20px/40px | distribution: 'space-between' | self-alignment: center
-
-PASS
-
-direction: LTR | rows/columns gap: 20px/40px | distribution: 'space-between' | self-alignment: end
-
-PASS
-
-direction: RTL | distribution: 'space-between' | self-alignment: center
-
-PASS
-
-direction: RTL | distribution: 'space-between' | self-alignment: end
-
-PASS
-
-direction: RTL | distribution: 'space-around' | self-alignment: center
-
-PASS
-
-direction: RTL | distribution: 'space-around' | self-alignment: end
-
-PASS
-
-direction: RTL | distribution: 'space-evenly' | self-alignment: center
-
-PASS
-
-direction: RTL | distribution: 'space-evenly' | self-alignment: end
-
-PASS
-
-direction: RTL | distribution: 'stretch' | self-alignment: center
-
-PASS
-
-direction: RTL | distribution: 'stretch' | self-alignment: end
-
-PASS
-
-direction: RTL | distribution: 'default' | self-alignment: center
-
-PASS
-
-direction: RTL | distribution: 'default' | self-alignment: end
-
-PASS
-
-direction: RTL | distribution: 'space-between' | self-alignment: center
-
-PASS
-
-direction: RTL | distribution: 'space-between' | self-alignment: end
-
-PASS
-
-direction: RTL | rows/columns gap: 20px/40px | distribution: 'default' | self-alignment: center
-
-PASS
-
-direction: RTL | rows/columns gap: 20px/40px | distribution: 'default' | self-alignment: end
-
-PASS
-
-direction: RTL | rows/columns gap: 20px/40px | distribution: 'space-between' | self-alignment: center
-
-PASS
-
-direction: RTL | rows/columns gap: 20px/40px | distribution: 'space-between' | self-alignment: end
-
-PASS