Skip to content

GitLab

T
tangled
Commit a53c1909 authored by Mario Sanchez Prada's avatar Mario Sanchez Prada Committed by Commit Bot
Browse files
Options

[css-grid] Migrate float-not-protruding-into-next-grid-item.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.

Also rename it into grid-floats-no-intrude-002.html, as this test
is related to the already existing grid-floats-no-intrude-001.html.

Bug: 767015, 1063749
Change-Id: If40a67c61b7c47befce5033895be393c7cda0eb5
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2148791
Commit-Queue: Mario Sanchez Prada <mario@igalia.com>
Reviewed-by: default avatarChristian Biesinger <cbiesinger@chromium.org>
Reviewed-by: default avatarJavier Fernandez <jfernandez@igalia.com>
Cr-Commit-Position: refs/heads/master@{#759176}
parent ad587681
Hide whitespace changes
Inline Side-by-side
Showing with 51 additions and 8 deletions
third_party/blink/web_tests/fast/css-grid-layout/float-not-protruding-into-next-grid-item-expected.html → third_party/blink/web_tests/external/wpt/css/css-grid/grid-model/grid-floats-no-intrude-002-ref.html
View file @ a53c1909
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link href="resources/grid.css" rel="stylesheet"> <link rel="stylesheet" href="/css/support/grid.css">
<style> <style>
.cell { .cell {
width: 50px; width: 50px;
height: auto; height: auto;
min-height: 50px min-height: 50px
} }
.invisibleFont { .invisibleFont {
color: lime; color: lime;
} }
.floatLeft { .floatLeft {
float: left; float: left;
} }
.clearLeft { .clearLeft {
clear: left; clear: left;
} }
.relative { .relative {
position: relative; position: relative;
} }
</style> </style>
</head> </head>
......
third_party/blink/web_tests/fast/css-grid-layout/float-not-protruding-into-next-grid-item.html → third_party/blink/web_tests/external/wpt/css/css-grid/grid-model/grid-floats-no-intrude-002.html
View file @ a53c1909
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel="stylesheet"> <title>CSS Grid Layout Test: floats do not protrude content onto grid items</title>
<link href="resources/grid.css" rel="stylesheet"> <link rel="author" title="Javier Fernandez" href="mailto:jfernandez@igalia.com">
<link rel="help" href="https://drafts.csswg.org/css-grid-1/#grid-containers">
<link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=430100">
<link rel="match" href="grid-floats-no-intrude-002-ref.html">
<link rel="stylesheet" href="/css/support/grid.css">
<link rel="stylesheet" href="/css/support/width-keyword-classes.css">
<meta name="assert" content="Test that a grid item sets a new formatting context for its content, preventing any 'float' protruding content on the adjoining grid item." />
<style> <style>
.grid { .grid {
grid-auto-columns: minmax(50px, max-content); grid-auto-columns: minmax(50px, max-content);
grid-auto-rows: minmax(50px, max-content); grid-auto-rows: minmax(50px, max-content);
} }
.floatChild { .floatChild {
float: left; float: left;
clear: both; clear: both;
} }
</style>
</style> </style>
</head> </head>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment