diff options
| author | Andreas Kling <kling@serenityos.org> | 2023-03-26 13:07:03 +0200 |
|---|---|---|
| committer | Andreas Kling <kling@serenityos.org> | 2023-03-26 15:14:35 +0200 |
| commit | 949483fb0100a9fe67a8c9961c5a81caf6ccc3fb (patch) | |
| tree | 5a20ea729a3f4ecd49dda0c6c7226fcea28dd67d | |
| parent | 5b030a692342d5ff6a5741634c83e0db1fb9935e (diff) | |
| download | serenity-949483fb0100a9fe67a8c9961c5a81caf6ccc3fb.zip | |
Tests/LibWeb: Test flex column item with auto height and max-width
This case is important because we have to clamp the width before using
it to determine the auto height.
| -rw-r--r-- | Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-and-max-width.txt | 20 | ||||
| -rw-r--r-- | Tests/LibWeb/Layout/input/flex-column-item-with-auto-height-and-max-width.html | 16 |
2 files changed, 36 insertions, 0 deletions
diff --git a/Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-and-max-width.txt b/Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-and-max-width.txt new file mode 100644 index 0000000000..0154554c50 --- /dev/null +++ b/Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-and-max-width.txt @@ -0,0 +1,20 @@ +Viewport <#document> at (0,0) content-size 800x600 children: not-inline + BlockContainer <html> at (1,1) content-size 798x92.21875 children: not-inline + Box <body> at (2,2) content-size 796x90.21875 flex-container(column) children: not-inline + BlockContainer <main> at (3,3) content-size 400x88.21875 flex-item children: inline + line 0 width: 346.984375, height: 17.46875, bottom: 17.46875, baseline: 13.53125 + frag 0 from TextNode start: 0, length: 41, rect: [3,3 346.984375x17.46875] + "For my day job I'm currently working as a" + line 1 width: 337.59375, height: 17.9375, bottom: 35.40625, baseline: 13.53125 + frag 0 from TextNode start: 42, length: 39, rect: [3,20 337.59375x17.46875] + "Software Engineer at For my day job I'm" + line 2 width: 368.203125, height: 18.40625, bottom: 53.34375, baseline: 13.53125 + frag 0 from TextNode start: 82, length: 43, rect: [3,37 368.203125x17.46875] + "currently working as a Software Engineer at" + line 3 width: 346.984375, height: 17.875, bottom: 70.28125, baseline: 13.53125 + frag 0 from TextNode start: 126, length: 41, rect: [3,55 346.984375x17.46875] + "For my day job I'm currently working as a" + line 4 width: 175.40625, height: 18.34375, bottom: 88.21875, baseline: 13.53125 + frag 0 from TextNode start: 168, length: 20, rect: [3,72 175.40625x17.46875] + "Software Engineer at" + TextNode <#text> diff --git a/Tests/LibWeb/Layout/input/flex-column-item-with-auto-height-and-max-width.html b/Tests/LibWeb/Layout/input/flex-column-item-with-auto-height-and-max-width.html new file mode 100644 index 0000000000..2f266dcc8d --- /dev/null +++ b/Tests/LibWeb/Layout/input/flex-column-item-with-auto-height-and-max-width.html @@ -0,0 +1,16 @@ +<!DOCTYPE html><html><head><style> + * { + margin: 0; + padding: 0; + border: 1px solid black; + font: 16px SerenitySans; + } + body { + display: flex; + flex-direction: column; + } + main { + background: pink; + max-width: 400px; + } +</style></head><body><main>For my day job I'm currently working as a Software Engineer at For my day job I'm currently working as a Software Engineer at For my day job I'm currently working as a Software Engineer at |