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>
<html>
<head>
<link href="resources/grid.css" rel="stylesheet">
<link rel="stylesheet" href="/css/support/grid.css">
<style>
.cell {
width: 50px;
height: auto;
min-height: 50px
width: 50px;
height: auto;
min-height: 50px
}
.invisibleFont {
color: lime;
color: lime;
}
.floatLeft {
float: left;
float: left;
}
.clearLeft {
clear: left;
clear: left;
}
.relative {
position: relative;
position: relative;
}
</style>
</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>
<html>
<head>
<link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel="stylesheet">
<link href="resources/grid.css" rel="stylesheet">
<title>CSS Grid Layout Test: floats do not protrude content onto grid items</title>
<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>
.grid {
grid-auto-columns: minmax(50px, max-content);
grid-auto-rows: minmax(50px, max-content);
grid-auto-columns: minmax(50px, max-content);
grid-auto-rows: minmax(50px, max-content);
}
.floatChild {
float: left;
clear: both;
float: left;
clear: both;
}
</style>
</style>
</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