From 440c9d5ec086dbc8e11862448c117edbfec918df Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions@users.noreply.github.com>
Date: Mon, 4 Nov 2024 13:21:06 +0000
Subject: [PATCH] test(layout): add 146 new tests from Taffy repo

---
 .../block/block_item_text_align_center.html   | 17 +++++++++
 .../block/block_item_text_align_left.html     | 17 +++++++++
 .../block/block_item_text_align_right.html    | 17 +++++++++
 .../align_content_center_single_line.html     | 21 +++++++++++
 ...ent_center_single_line_negative_space.html | 18 ++++++++++
 ...center_single_line_negative_space_gap.html | 18 ++++++++++
 .../flex/align_content_center_wrapped.html    | 21 +++++++++++
 ...content_center_wrapped_negative_space.html | 20 +++++++++++
 ...ent_center_wrapped_negative_space_gap.html | 20 +++++++++++
 tests/fixtures/flex/align_content_end.html    | 20 +++++++++++
 ...ontent_end_single_line_negative_space.html | 18 ++++++++++
 ...nt_end_single_line_negative_space_gap.html | 18 ++++++++++
 ...gn_content_end_wrapped_negative_space.html | 20 +++++++++++
 ...ontent_end_wrapped_negative_space_gap.html | 20 +++++++++++
 ...ace_around_single_line_negative_space.html | 18 ++++++++++
 ...around_single_line_negative_space_gap.html | 18 ++++++++++
 ...t_space_around_wrapped_negative_space.html | 20 +++++++++++
 ...ace_around_wrapped_negative_space_gap.html | 20 +++++++++++
 ...n_content_space_around_wrapped_single.html | 16 +++++++++
 ...ce_between_single_line_negative_space.html | 18 ++++++++++
 ...etween_single_line_negative_space_gap.html | 18 ++++++++++
 ..._space_between_wrapped_negative_space.html | 20 +++++++++++
 ...ce_between_wrapped_negative_space_gap.html | 20 +++++++++++
 ..._content_space_between_wrapped_single.html | 16 +++++++++
 ...ace_evenly_single_line_negative_space.html | 18 ++++++++++
 ...evenly_single_line_negative_space_gap.html | 18 ++++++++++
 ...t_space_evenly_wrapped_negative_space.html | 20 +++++++++++
 ...ace_evenly_wrapped_negative_space_gap.html | 20 +++++++++++
 ...n_content_space_evenly_wrapped_single.html | 16 +++++++++
 tests/fixtures/flex/align_content_start.html  | 20 +++++++++++
 ...tent_start_single_line_negative_space.html | 18 ++++++++++
 ..._start_single_line_negative_space_gap.html | 18 ++++++++++
 ..._content_start_wrapped_negative_space.html | 20 +++++++++++
 .../flex/align_content_stretch_row_wrap.html  | 18 ++++++++++
 ..._height_with_padding_border_with_wrap.html | 22 ++++++++++++
 ...centage_with_align_content_flex_start.html | 19 ++++++++++
 ..._height_with_align_content_flex_start.html | 17 +++++++++
 ...r_with_max_height_with_padding_border.html | 23 ++++++++++++
 ...centage_with_align_content_flex_start.html | 19 ++++++++++
 ..._height_with_align_content_flex_start.html | 17 +++++++++
 ...th_align_content_flex_start_with_wrap.html | 30 ++++++++++++++++
 ...r_with_min_height_with_padding_border.html | 23 ++++++++++++
 .../fixtures/flex/bevy_issue_10343_block.html | 20 +++++++++++
 .../fixtures/flex/bevy_issue_10343_flex.html  | 20 +++++++++++
 .../fixtures/flex/bevy_issue_10343_grid.html  | 20 +++++++++++
 tests/fixtures/flex/blitz_issue_88.html       | 22 ++++++++++++
 tests/fixtures/flex/content_size.html         | 18 ++++++++++
 ..._height_of_its_overflow_hidden_parent.html | 18 ++++++++++
 tests/fixtures/flex/flex_grow_0_min_size.html | 20 +++++++++++
 .../flex/gap_column_gap_start_index.html      | 19 ++++++++++
 .../flex/gap_row_gap_percentage_wrapping.html | 24 +++++++++++++
 .../intrinsic_sizing_main_size_min_size.html  | 20 +++++++++++
 ..._content_column_center_negative_space.html | 20 +++++++++++
 ...tent_column_center_negative_space_gap.html | 20 +++++++++++
 .../flex/justify_content_column_end.html      | 18 ++++++++++
 ...ify_content_column_end_negative_space.html | 20 +++++++++++
 ...content_column_end_negative_space_gap.html | 20 +++++++++++
 .../justify_content_column_end_reverse.html   | 18 ++++++++++
 ...stify_content_column_flex_end_reverse.html | 18 ++++++++++
 ...ify_content_column_flex_start_reverse.html | 18 ++++++++++
 ...nt_column_space_around_negative_space.html | 20 +++++++++++
 ...olumn_space_around_negative_space_gap.html | 20 +++++++++++
 ...t_column_space_between_negative_space.html | 20 +++++++++++
 ...lumn_space_between_negative_space_gap.html | 20 +++++++++++
 ...nt_column_space_evenly_negative_space.html | 20 +++++++++++
 ...olumn_space_evenly_negative_space_gap.html | 20 +++++++++++
 .../flex/justify_content_column_start.html    | 18 ++++++++++
 ...y_content_column_start_negative_space.html | 20 +++++++++++
 ...ntent_column_start_negative_space_gap.html | 20 +++++++++++
 .../justify_content_column_start_reverse.html | 18 ++++++++++
 ...measure_child_with_flex_shrink_hidden.html | 17 +++++++++
 .../flex/multiline_column_max_height.html     | 36 +++++++++++++++++++
 tests/fixtures/flex/multiline_min_max_12.html | 31 ++++++++++++++++
 tests/fixtures/flex/multiline_min_max_13.html | 31 ++++++++++++++++
 tests/fixtures/flex/multiline_min_max_14.html | 31 ++++++++++++++++
 tests/fixtures/flex/multiline_min_max_5.html  | 31 ++++++++++++++++
 tests/fixtures/flex/multiline_min_max_8.html  | 31 ++++++++++++++++
 .../overflow_main_axis_shrink_hidden.html     | 16 +++++++++
 .../overflow_main_axis_shrink_scroll.html     | 16 +++++++++
 .../overflow_main_axis_shrink_visible.html    | 16 +++++++++
 ..._scroll_main_axis_justify_content_end.html | 16 +++++++++
 ...ollbars_overridden_by_available_space.html | 18 ++++++++++
 ...low_scrollbars_overridden_by_max_size.html | 16 +++++++++
 ...verflow_scrollbars_overridden_by_size.html | 16 +++++++++
 ...ow_scrollbars_take_up_space_both_axis.html | 16 +++++++++
 ...w_scrollbars_take_up_space_cross_axis.html | 16 +++++++++
 ...ow_scrollbars_take_up_space_main_axis.html | 16 +++++++++
 .../padding_border_overrides_size_root.html   | 16 +++++++++
 tests/fixtures/flex/scroll_size.html          | 16 +++++++++
 tests/fixtures/flex/taffy_issue_696.html      | 17 +++++++++
 .../flex/taffy_issue_696_flex_basis_20.html   | 17 +++++++++
 .../flex/taffy_issue_696_min_height.html      | 17 +++++++++
 .../flex/taffy_issue_696_no_flex_basis.html   | 17 +++++++++
 .../flex/taffy_issue_696_overflow_hidden.html | 17 +++++++++
 .../fixtures/grid/chrome_issue_325928327.html | 20 +++++++++++
 ...ign_content_center_negative_space_gap.html | 26 ++++++++++++++
 ..._align_content_end_negative_space_gap.html | 26 ++++++++++++++
 ...ntent_space_around_negative_space_gap.html | 26 ++++++++++++++
 ...tent_space_between_negative_space_gap.html | 26 ++++++++++++++
 ...ntent_space_evenly_negative_space_gap.html | 26 ++++++++++++++
 ...lign_content_start_negative_space_gap.html | 26 ++++++++++++++
 ...ct_ratio_overridden_by_explicit_sizes.html | 16 +++++++++
 ...tio_overridden_by_explicit_sizes_flex.html | 16 +++++++++
 .../grid_auto_fit_definite_percentage.html    | 25 +++++++++++++
 ...percent_indefinite_max_content_hidden.html | 16 +++++++++
 ...percent_indefinite_min_content_hidden.html | 16 +++++++++
 ...fit_content_points_min_content_hidden.html | 16 +++++++++
 ...ify_content_center_negative_space_gap.html | 26 ++++++++++++++
 ...ustify_content_end_negative_space_gap.html | 26 ++++++++++++++
 ...ntent_space_around_negative_space_gap.html | 26 ++++++++++++++
 ...tent_space_between_negative_space_gap.html | 26 ++++++++++++++
 ...ntent_space_evenly_negative_space_gap.html | 26 ++++++++++++++
 ...tify_content_start_negative_space_gap.html | 26 ++++++++++++++
 .../grid_overflow_inline_axis_hidden.html     | 16 +++++++++
 .../grid_overflow_inline_axis_scroll.html     | 16 +++++++++
 .../grid_overflow_inline_axis_visible.html    | 16 +++++++++
 ...ollbars_overridden_by_available_space.html | 18 ++++++++++
 ...low_scrollbars_overridden_by_max_size.html | 16 +++++++++
 ...verflow_scrollbars_overridden_by_size.html | 16 +++++++++
 ...ow_scrollbars_take_up_space_both_axis.html | 16 +++++++++
 ...rflow_scrollbars_take_up_space_x_axis.html | 16 +++++++++
 ...rflow_scrollbars_take_up_space_y_axis.html | 16 +++++++++
 ...on_flex_with_minmax_indefinite_hidden.html | 29 +++++++++++++++
 ..._2_max_content_auto_indefinite_hidden.html | 18 ++++++++++
 ...nt_fit_content_10px_indefinite_hidden.html | 18 ++++++++++
 ...nt_fit_content_80px_indefinite_hidden.html | 18 ++++++++++
 ..._2_min_content_auto_indefinite_hidden.html | 18 ++++++++++
 ...nt_fit_content_10px_indefinite_hidden.html | 18 ++++++++++
 ...nt_fit_content_30px_indefinite_hidden.html | 18 ++++++++++
 ...nt_fit_content_80px_indefinite_hidden.html | 18 ++++++++++
 ...span_6_all_non_flex_indefinite_hidden.html | 22 ++++++++++++
 tests/fixtures/grid/grid_taffy_issue_624.html | 18 ++++++++++
 ...ollbars_affect_available_space_x_axis.html | 14 ++++++++
 ...ollbars_affect_available_space_y_axis.html | 14 ++++++++
 ...ollbars_overridden_by_available_space.html | 16 +++++++++
 ...low_scrollbars_overridden_by_max_size.html | 14 ++++++++
 ...verflow_scrollbars_overridden_by_size.html | 14 ++++++++
 ...ow_scrollbars_take_up_space_both_axis.html | 14 ++++++++
 ...rflow_scrollbars_take_up_space_x_axis.html | 14 ++++++++
 ...rflow_scrollbars_take_up_space_y_axis.html | 14 ++++++++
 .../leaf/leaf_with_content_and_border.html    | 14 ++++++++
 .../leaf/leaf_with_content_and_padding.html   | 14 ++++++++
 .../leaf_with_content_and_padding_border.html | 14 ++++++++
 143 files changed, 2775 insertions(+)
 create mode 100644 tests/fixtures/block/block_item_text_align_center.html
 create mode 100644 tests/fixtures/block/block_item_text_align_left.html
 create mode 100644 tests/fixtures/block/block_item_text_align_right.html
 create mode 100644 tests/fixtures/flex/align_content_center_single_line.html
 create mode 100644 tests/fixtures/flex/align_content_center_single_line_negative_space.html
 create mode 100644 tests/fixtures/flex/align_content_center_single_line_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/align_content_center_wrapped.html
 create mode 100644 tests/fixtures/flex/align_content_center_wrapped_negative_space.html
 create mode 100644 tests/fixtures/flex/align_content_center_wrapped_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/align_content_end.html
 create mode 100644 tests/fixtures/flex/align_content_end_single_line_negative_space.html
 create mode 100644 tests/fixtures/flex/align_content_end_single_line_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/align_content_end_wrapped_negative_space.html
 create mode 100644 tests/fixtures/flex/align_content_end_wrapped_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/align_content_space_around_single_line_negative_space.html
 create mode 100644 tests/fixtures/flex/align_content_space_around_single_line_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/align_content_space_around_wrapped_negative_space.html
 create mode 100644 tests/fixtures/flex/align_content_space_around_wrapped_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/align_content_space_around_wrapped_single.html
 create mode 100644 tests/fixtures/flex/align_content_space_between_single_line_negative_space.html
 create mode 100644 tests/fixtures/flex/align_content_space_between_single_line_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/align_content_space_between_wrapped_negative_space.html
 create mode 100644 tests/fixtures/flex/align_content_space_between_wrapped_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/align_content_space_between_wrapped_single.html
 create mode 100644 tests/fixtures/flex/align_content_space_evenly_single_line_negative_space.html
 create mode 100644 tests/fixtures/flex/align_content_space_evenly_single_line_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/align_content_space_evenly_wrapped_negative_space.html
 create mode 100644 tests/fixtures/flex/align_content_space_evenly_wrapped_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/align_content_space_evenly_wrapped_single.html
 create mode 100644 tests/fixtures/flex/align_content_start.html
 create mode 100644 tests/fixtures/flex/align_content_start_single_line_negative_space.html
 create mode 100644 tests/fixtures/flex/align_content_start_single_line_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/align_content_start_wrapped_negative_space.html
 create mode 100644 tests/fixtures/flex/align_content_stretch_row_wrap.html
 create mode 100644 tests/fixtures/flex/align_items_center_with_height_with_padding_border_with_wrap.html
 create mode 100644 tests/fixtures/flex/align_items_center_with_max_height_percentage_with_align_content_flex_start.html
 create mode 100644 tests/fixtures/flex/align_items_center_with_max_height_with_align_content_flex_start.html
 create mode 100644 tests/fixtures/flex/align_items_center_with_max_height_with_padding_border.html
 create mode 100644 tests/fixtures/flex/align_items_center_with_min_height_percentage_with_align_content_flex_start.html
 create mode 100644 tests/fixtures/flex/align_items_center_with_min_height_with_align_content_flex_start.html
 create mode 100644 tests/fixtures/flex/align_items_center_with_min_height_with_align_content_flex_start_with_wrap.html
 create mode 100644 tests/fixtures/flex/align_items_center_with_min_height_with_padding_border.html
 create mode 100644 tests/fixtures/flex/bevy_issue_10343_block.html
 create mode 100644 tests/fixtures/flex/bevy_issue_10343_flex.html
 create mode 100644 tests/fixtures/flex/bevy_issue_10343_grid.html
 create mode 100644 tests/fixtures/flex/blitz_issue_88.html
 create mode 100644 tests/fixtures/flex/content_size.html
 create mode 100644 tests/fixtures/flex/do_not_clamp_height_of_absolute_node_to_height_of_its_overflow_hidden_parent.html
 create mode 100644 tests/fixtures/flex/flex_grow_0_min_size.html
 create mode 100644 tests/fixtures/flex/gap_column_gap_start_index.html
 create mode 100644 tests/fixtures/flex/gap_row_gap_percentage_wrapping.html
 create mode 100644 tests/fixtures/flex/intrinsic_sizing_main_size_min_size.html
 create mode 100644 tests/fixtures/flex/justify_content_column_center_negative_space.html
 create mode 100644 tests/fixtures/flex/justify_content_column_center_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/justify_content_column_end.html
 create mode 100644 tests/fixtures/flex/justify_content_column_end_negative_space.html
 create mode 100644 tests/fixtures/flex/justify_content_column_end_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/justify_content_column_end_reverse.html
 create mode 100644 tests/fixtures/flex/justify_content_column_flex_end_reverse.html
 create mode 100644 tests/fixtures/flex/justify_content_column_flex_start_reverse.html
 create mode 100644 tests/fixtures/flex/justify_content_column_space_around_negative_space.html
 create mode 100644 tests/fixtures/flex/justify_content_column_space_around_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/justify_content_column_space_between_negative_space.html
 create mode 100644 tests/fixtures/flex/justify_content_column_space_between_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/justify_content_column_space_evenly_negative_space.html
 create mode 100644 tests/fixtures/flex/justify_content_column_space_evenly_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/justify_content_column_start.html
 create mode 100644 tests/fixtures/flex/justify_content_column_start_negative_space.html
 create mode 100644 tests/fixtures/flex/justify_content_column_start_negative_space_gap.html
 create mode 100644 tests/fixtures/flex/justify_content_column_start_reverse.html
 create mode 100644 tests/fixtures/flex/measure_child_with_flex_shrink_hidden.html
 create mode 100644 tests/fixtures/flex/multiline_column_max_height.html
 create mode 100644 tests/fixtures/flex/multiline_min_max_12.html
 create mode 100644 tests/fixtures/flex/multiline_min_max_13.html
 create mode 100644 tests/fixtures/flex/multiline_min_max_14.html
 create mode 100644 tests/fixtures/flex/multiline_min_max_5.html
 create mode 100644 tests/fixtures/flex/multiline_min_max_8.html
 create mode 100644 tests/fixtures/flex/overflow_main_axis_shrink_hidden.html
 create mode 100644 tests/fixtures/flex/overflow_main_axis_shrink_scroll.html
 create mode 100644 tests/fixtures/flex/overflow_main_axis_shrink_visible.html
 create mode 100644 tests/fixtures/flex/overflow_scroll_main_axis_justify_content_end.html
 create mode 100644 tests/fixtures/flex/overflow_scrollbars_overridden_by_available_space.html
 create mode 100644 tests/fixtures/flex/overflow_scrollbars_overridden_by_max_size.html
 create mode 100644 tests/fixtures/flex/overflow_scrollbars_overridden_by_size.html
 create mode 100644 tests/fixtures/flex/overflow_scrollbars_take_up_space_both_axis.html
 create mode 100644 tests/fixtures/flex/overflow_scrollbars_take_up_space_cross_axis.html
 create mode 100644 tests/fixtures/flex/overflow_scrollbars_take_up_space_main_axis.html
 create mode 100644 tests/fixtures/flex/padding_border_overrides_size_root.html
 create mode 100644 tests/fixtures/flex/scroll_size.html
 create mode 100644 tests/fixtures/flex/taffy_issue_696.html
 create mode 100644 tests/fixtures/flex/taffy_issue_696_flex_basis_20.html
 create mode 100644 tests/fixtures/flex/taffy_issue_696_min_height.html
 create mode 100644 tests/fixtures/flex/taffy_issue_696_no_flex_basis.html
 create mode 100644 tests/fixtures/flex/taffy_issue_696_overflow_hidden.html
 create mode 100644 tests/fixtures/grid/chrome_issue_325928327.html
 create mode 100644 tests/fixtures/grid/grid_align_content_center_negative_space_gap.html
 create mode 100644 tests/fixtures/grid/grid_align_content_end_negative_space_gap.html
 create mode 100644 tests/fixtures/grid/grid_align_content_space_around_negative_space_gap.html
 create mode 100644 tests/fixtures/grid/grid_align_content_space_between_negative_space_gap.html
 create mode 100644 tests/fixtures/grid/grid_align_content_space_evenly_negative_space_gap.html
 create mode 100644 tests/fixtures/grid/grid_align_content_start_negative_space_gap.html
 create mode 100644 tests/fixtures/grid/grid_aspect_ratio_overridden_by_explicit_sizes.html
 create mode 100644 tests/fixtures/grid/grid_aspect_ratio_overridden_by_explicit_sizes_flex.html
 create mode 100644 tests/fixtures/grid/grid_auto_fit_definite_percentage.html
 create mode 100644 tests/fixtures/grid/grid_fit_content_percent_indefinite_max_content_hidden.html
 create mode 100644 tests/fixtures/grid/grid_fit_content_percent_indefinite_min_content_hidden.html
 create mode 100644 tests/fixtures/grid/grid_fit_content_points_min_content_hidden.html
 create mode 100644 tests/fixtures/grid/grid_justify_content_center_negative_space_gap.html
 create mode 100644 tests/fixtures/grid/grid_justify_content_end_negative_space_gap.html
 create mode 100644 tests/fixtures/grid/grid_justify_content_space_around_negative_space_gap.html
 create mode 100644 tests/fixtures/grid/grid_justify_content_space_between_negative_space_gap.html
 create mode 100644 tests/fixtures/grid/grid_justify_content_space_evenly_negative_space_gap.html
 create mode 100644 tests/fixtures/grid/grid_justify_content_start_negative_space_gap.html
 create mode 100644 tests/fixtures/grid/grid_overflow_inline_axis_hidden.html
 create mode 100644 tests/fixtures/grid/grid_overflow_inline_axis_scroll.html
 create mode 100644 tests/fixtures/grid/grid_overflow_inline_axis_visible.html
 create mode 100644 tests/fixtures/grid/grid_overflow_scrollbars_overridden_by_available_space.html
 create mode 100644 tests/fixtures/grid/grid_overflow_scrollbars_overridden_by_max_size.html
 create mode 100644 tests/fixtures/grid/grid_overflow_scrollbars_overridden_by_size.html
 create mode 100644 tests/fixtures/grid/grid_overflow_scrollbars_take_up_space_both_axis.html
 create mode 100644 tests/fixtures/grid/grid_overflow_scrollbars_take_up_space_x_axis.html
 create mode 100644 tests/fixtures/grid/grid_overflow_scrollbars_take_up_space_y_axis.html
 create mode 100644 tests/fixtures/grid/grid_span_13_most_non_flex_with_minmax_indefinite_hidden.html
 create mode 100644 tests/fixtures/grid/grid_span_2_max_content_auto_indefinite_hidden.html
 create mode 100644 tests/fixtures/grid/grid_span_2_max_content_fit_content_10px_indefinite_hidden.html
 create mode 100644 tests/fixtures/grid/grid_span_2_max_content_fit_content_80px_indefinite_hidden.html
 create mode 100644 tests/fixtures/grid/grid_span_2_min_content_auto_indefinite_hidden.html
 create mode 100644 tests/fixtures/grid/grid_span_2_min_content_fit_content_10px_indefinite_hidden.html
 create mode 100644 tests/fixtures/grid/grid_span_2_min_content_fit_content_30px_indefinite_hidden.html
 create mode 100644 tests/fixtures/grid/grid_span_2_min_content_fit_content_80px_indefinite_hidden.html
 create mode 100644 tests/fixtures/grid/grid_span_6_all_non_flex_indefinite_hidden.html
 create mode 100644 tests/fixtures/grid/grid_taffy_issue_624.html
 create mode 100644 tests/fixtures/leaf/leaf_overflow_scrollbars_affect_available_space_x_axis.html
 create mode 100644 tests/fixtures/leaf/leaf_overflow_scrollbars_affect_available_space_y_axis.html
 create mode 100644 tests/fixtures/leaf/leaf_overflow_scrollbars_overridden_by_available_space.html
 create mode 100644 tests/fixtures/leaf/leaf_overflow_scrollbars_overridden_by_max_size.html
 create mode 100644 tests/fixtures/leaf/leaf_overflow_scrollbars_overridden_by_size.html
 create mode 100644 tests/fixtures/leaf/leaf_overflow_scrollbars_take_up_space_both_axis.html
 create mode 100644 tests/fixtures/leaf/leaf_overflow_scrollbars_take_up_space_x_axis.html
 create mode 100644 tests/fixtures/leaf/leaf_overflow_scrollbars_take_up_space_y_axis.html
 create mode 100644 tests/fixtures/leaf/leaf_with_content_and_border.html
 create mode 100644 tests/fixtures/leaf/leaf_with_content_and_padding.html
 create mode 100644 tests/fixtures/leaf/leaf_with_content_and_padding_border.html

diff --git a/tests/fixtures/block/block_item_text_align_center.html b/tests/fixtures/block/block_item_text_align_center.html
new file mode 100644
index 0000000..d6e31bd
--- /dev/null
+++ b/tests/fixtures/block/block_item_text_align_center.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: block; width: 200px; height: 200px; text-align: -webkit-center;">
+  <div style="max-width: 100px; height: 50px;"></div>
+  <div style="max-width: 300px; height: 50px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/block/block_item_text_align_left.html b/tests/fixtures/block/block_item_text_align_left.html
new file mode 100644
index 0000000..9e3c59d
--- /dev/null
+++ b/tests/fixtures/block/block_item_text_align_left.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: block; width: 200px; height: 200px; text-align: -webkit-left;">
+  <div style="max-width: 100px; height: 50px;"></div>
+  <div style="max-width: 300px; height: 50px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/block/block_item_text_align_right.html b/tests/fixtures/block/block_item_text_align_right.html
new file mode 100644
index 0000000..aec6a0e
--- /dev/null
+++ b/tests/fixtures/block/block_item_text_align_right.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: block; width: 200px; height: 200px; text-align: -webkit-right;">
+  <div style="max-width: 100px; height: 50px;"></div>
+  <div style="max-width: 300px; height: 50px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_center_single_line.html b/tests/fixtures/flex/align_content_center_single_line.html
new file mode 100644
index 0000000..458fb50
--- /dev/null
+++ b/tests/fixtures/flex/align_content_center_single_line.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 120px; height: 100px; flex-direction: row; align-content: center;">
+  <div style="height: 10px; width: 50px;"></div>
+  <div style="height: 10px; width: 50px;"></div>
+  <div style="height: 10px; width: 50px;"></div>
+  <div style="height: 10px; width: 50px;"></div>
+  <div style="height: 10px; width: 50px;"></div>
+  <div style="height: 10px; width: 50px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_center_single_line_negative_space.html b/tests/fixtures/flex/align_content_center_single_line_negative_space.html
new file mode 100644
index 0000000..1b29e51
--- /dev/null
+++ b/tests/fixtures/flex/align_content_center_single_line_negative_space.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; align-content: center; justify-content: center; height: 10px;">
+    <div style="width: 80%; height: 60px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_center_single_line_negative_space_gap.html b/tests/fixtures/flex/align_content_center_single_line_negative_space_gap.html
new file mode 100644
index 0000000..c3dc329
--- /dev/null
+++ b/tests/fixtures/flex/align_content_center_single_line_negative_space_gap.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; align-content: center; justify-content: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 60px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_center_wrapped.html b/tests/fixtures/flex/align_content_center_wrapped.html
new file mode 100644
index 0000000..a217560
--- /dev/null
+++ b/tests/fixtures/flex/align_content_center_wrapped.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 120px; height: 100px; flex-direction: row; flex-wrap: wrap; align-content: center;">
+  <div style="height: 10px; width: 50px;"></div>
+  <div style="height: 10px; width: 50px;"></div>
+  <div style="height: 10px; width: 50px;"></div>
+  <div style="height: 10px; width: 50px;"></div>
+  <div style="height: 10px; width: 50px;"></div>
+  <div style="height: 10px; width: 50px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_center_wrapped_negative_space.html b/tests/fixtures/flex/align_content_center_wrapped_negative_space.html
new file mode 100644
index 0000000..0dc8dec
--- /dev/null
+++ b/tests/fixtures/flex/align_content_center_wrapped_negative_space.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; height: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_center_wrapped_negative_space_gap.html b/tests/fixtures/flex/align_content_center_wrapped_negative_space_gap.html
new file mode 100644
index 0000000..cbd7015
--- /dev/null
+++ b/tests/fixtures/flex/align_content_center_wrapped_negative_space_gap.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_end.html b/tests/fixtures/flex/align_content_end.html
new file mode 100644
index 0000000..7aedffc
--- /dev/null
+++ b/tests/fixtures/flex/align_content_end.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 100px; height: 100px; flex-wrap: wrap; flex-direction: column; align-content: end;">
+  <div style="width: 50px; height: 10px;"></div>
+  <div style="width: 50px; height: 10px;"></div>
+  <div style="width: 50px; height: 10px;"></div>
+  <div style="width: 50px; height: 10px;"></div>
+  <div style="width: 50px; height: 10px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_end_single_line_negative_space.html b/tests/fixtures/flex/align_content_end_single_line_negative_space.html
new file mode 100644
index 0000000..498a194
--- /dev/null
+++ b/tests/fixtures/flex/align_content_end_single_line_negative_space.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; align-content: end; justify-content: center; height: 10px;">
+    <div style="width: 80%; height: 60px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_end_single_line_negative_space_gap.html b/tests/fixtures/flex/align_content_end_single_line_negative_space_gap.html
new file mode 100644
index 0000000..b1835ec
--- /dev/null
+++ b/tests/fixtures/flex/align_content_end_single_line_negative_space_gap.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; align-content: end; justify-content: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 60px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_end_wrapped_negative_space.html b/tests/fixtures/flex/align_content_end_wrapped_negative_space.html
new file mode 100644
index 0000000..e7ebe45
--- /dev/null
+++ b/tests/fixtures/flex/align_content_end_wrapped_negative_space.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; flex-wrap: wrap; align-content: end; justify-content: center; height: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_end_wrapped_negative_space_gap.html b/tests/fixtures/flex/align_content_end_wrapped_negative_space_gap.html
new file mode 100644
index 0000000..74715da
--- /dev/null
+++ b/tests/fixtures/flex/align_content_end_wrapped_negative_space_gap.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; flex-wrap: wrap; align-content: end; justify-content: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_space_around_single_line_negative_space.html b/tests/fixtures/flex/align_content_space_around_single_line_negative_space.html
new file mode 100644
index 0000000..92777d9
--- /dev/null
+++ b/tests/fixtures/flex/align_content_space_around_single_line_negative_space.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; align-content: space-around; justify-content: center; height: 10px;">
+    <div style="width: 80%; height: 60px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_space_around_single_line_negative_space_gap.html b/tests/fixtures/flex/align_content_space_around_single_line_negative_space_gap.html
new file mode 100644
index 0000000..21b24c4
--- /dev/null
+++ b/tests/fixtures/flex/align_content_space_around_single_line_negative_space_gap.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; align-content: space-around; justify-content: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 60px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_space_around_wrapped_negative_space.html b/tests/fixtures/flex/align_content_space_around_wrapped_negative_space.html
new file mode 100644
index 0000000..ac7b27f
--- /dev/null
+++ b/tests/fixtures/flex/align_content_space_around_wrapped_negative_space.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-around; justify-content: center; height: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_space_around_wrapped_negative_space_gap.html b/tests/fixtures/flex/align_content_space_around_wrapped_negative_space_gap.html
new file mode 100644
index 0000000..1eb9fe7
--- /dev/null
+++ b/tests/fixtures/flex/align_content_space_around_wrapped_negative_space_gap.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-around; justify-content: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_space_around_wrapped_single.html b/tests/fixtures/flex/align_content_space_around_wrapped_single.html
new file mode 100644
index 0000000..f2c72d6
--- /dev/null
+++ b/tests/fixtures/flex/align_content_space_around_wrapped_single.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; flex-wrap: wrap; align-content: space-around;">
+  <div style="height: 10px; width: 50px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_space_between_single_line_negative_space.html b/tests/fixtures/flex/align_content_space_between_single_line_negative_space.html
new file mode 100644
index 0000000..e4c7ff5
--- /dev/null
+++ b/tests/fixtures/flex/align_content_space_between_single_line_negative_space.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; align-content: space-between; justify-content: center; height: 10px;">
+    <div style="width: 80%; height: 60px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_space_between_single_line_negative_space_gap.html b/tests/fixtures/flex/align_content_space_between_single_line_negative_space_gap.html
new file mode 100644
index 0000000..6b40a14
--- /dev/null
+++ b/tests/fixtures/flex/align_content_space_between_single_line_negative_space_gap.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; align-content: space-between; justify-content: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 60px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_space_between_wrapped_negative_space.html b/tests/fixtures/flex/align_content_space_between_wrapped_negative_space.html
new file mode 100644
index 0000000..806b1aa
--- /dev/null
+++ b/tests/fixtures/flex/align_content_space_between_wrapped_negative_space.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-between; justify-content: center; height: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_space_between_wrapped_negative_space_gap.html b/tests/fixtures/flex/align_content_space_between_wrapped_negative_space_gap.html
new file mode 100644
index 0000000..ed24f6e
--- /dev/null
+++ b/tests/fixtures/flex/align_content_space_between_wrapped_negative_space_gap.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-between; justify-content: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_space_between_wrapped_single.html b/tests/fixtures/flex/align_content_space_between_wrapped_single.html
new file mode 100644
index 0000000..b82d04a
--- /dev/null
+++ b/tests/fixtures/flex/align_content_space_between_wrapped_single.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; flex-wrap: wrap; align-content: space-between;">
+  <div style="height: 10px; width: 50px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_space_evenly_single_line_negative_space.html b/tests/fixtures/flex/align_content_space_evenly_single_line_negative_space.html
new file mode 100644
index 0000000..381b6b3
--- /dev/null
+++ b/tests/fixtures/flex/align_content_space_evenly_single_line_negative_space.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; align-content: space-evenly; justify-content: center; height: 10px;">
+    <div style="width: 80%; height: 60px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_space_evenly_single_line_negative_space_gap.html b/tests/fixtures/flex/align_content_space_evenly_single_line_negative_space_gap.html
new file mode 100644
index 0000000..57b6ef1
--- /dev/null
+++ b/tests/fixtures/flex/align_content_space_evenly_single_line_negative_space_gap.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; align-content: space-evenly; justify-content: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 60px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_space_evenly_wrapped_negative_space.html b/tests/fixtures/flex/align_content_space_evenly_wrapped_negative_space.html
new file mode 100644
index 0000000..fd54e08
--- /dev/null
+++ b/tests/fixtures/flex/align_content_space_evenly_wrapped_negative_space.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-evenly; justify-content: center; height: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_space_evenly_wrapped_negative_space_gap.html b/tests/fixtures/flex/align_content_space_evenly_wrapped_negative_space_gap.html
new file mode 100644
index 0000000..ea3c7a2
--- /dev/null
+++ b/tests/fixtures/flex/align_content_space_evenly_wrapped_negative_space_gap.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-evenly; justify-content: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_space_evenly_wrapped_single.html b/tests/fixtures/flex/align_content_space_evenly_wrapped_single.html
new file mode 100644
index 0000000..b82d04a
--- /dev/null
+++ b/tests/fixtures/flex/align_content_space_evenly_wrapped_single.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 100px; height: 100px; flex-direction: row; flex-wrap: wrap; align-content: space-between;">
+  <div style="height: 10px; width: 50px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_start.html b/tests/fixtures/flex/align_content_start.html
new file mode 100644
index 0000000..aebf6c0
--- /dev/null
+++ b/tests/fixtures/flex/align_content_start.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 130px; height: 100px; flex-wrap: wrap; flex-direction: row; align-content: start;">
+  <div style="width: 50px; height: 10px;"></div>
+  <div style="width: 50px; height: 10px;"></div>
+  <div style="width: 50px; height: 10px;"></div>
+  <div style="width: 50px; height: 10px;"></div>
+  <div style="width: 50px; height: 10px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_start_single_line_negative_space.html b/tests/fixtures/flex/align_content_start_single_line_negative_space.html
new file mode 100644
index 0000000..5d2e2f1
--- /dev/null
+++ b/tests/fixtures/flex/align_content_start_single_line_negative_space.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; align-content: start; justify-content: center; height: 10px;">
+    <div style="width: 80%; height: 60px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_start_single_line_negative_space_gap.html b/tests/fixtures/flex/align_content_start_single_line_negative_space_gap.html
new file mode 100644
index 0000000..bd215ce
--- /dev/null
+++ b/tests/fixtures/flex/align_content_start_single_line_negative_space_gap.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; align-content: start; justify-content: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 60px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_start_wrapped_negative_space.html b/tests/fixtures/flex/align_content_start_wrapped_negative_space.html
new file mode 100644
index 0000000..764cc4b
--- /dev/null
+++ b/tests/fixtures/flex/align_content_start_wrapped_negative_space.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: row; flex-wrap: wrap; align-content: start; justify-content: center; height: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_content_stretch_row_wrap.html b/tests/fixtures/flex/align_content_stretch_row_wrap.html
new file mode 100644
index 0000000..730ac5c
--- /dev/null
+++ b/tests/fixtures/flex/align_content_stretch_row_wrap.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 150px; height: 100px; flex-wrap: wrap; flex-direction: row; align-content: stretch;">
+  <div style="width: 100px;">
+    <div style="width: 50px; height: 150px;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_items_center_with_height_with_padding_border_with_wrap.html b/tests/fixtures/flex/align_items_center_with_height_with_padding_border_with_wrap.html
new file mode 100644
index 0000000..29541c2
--- /dev/null
+++ b/tests/fixtures/flex/align_items_center_with_height_with_padding_border_with_wrap.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+<div id="test-root">
+  <div style="display: flex; width: 100px; height: 100px; align-items: center; align-content: flex-start; flex-wrap: wrap;">
+    <div style="height: 10px; width: 10px;"></div>
+    <div style="height: 20px; width: 10px;"></div>
+  </div>
+  <div style="display: flex; width: 100px; height: 100px; align-items: center; flex-wrap: wrap;">
+    <div style="height: 10px; width: 10px;"></div>
+    <div style="height: 20px; width: 10px;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_items_center_with_max_height_percentage_with_align_content_flex_start.html b/tests/fixtures/flex/align_items_center_with_max_height_percentage_with_align_content_flex_start.html
new file mode 100644
index 0000000..b4ade7c
--- /dev/null
+++ b/tests/fixtures/flex/align_items_center_with_max_height_percentage_with_align_content_flex_start.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 100px; height: 100px;">
+  <div style="display: flex; width: 100px; height: 100px; max-height: 50%; align-items: center; align-content: flex-start;">
+    <div style="height: 10px; width: 10px;"></div>
+    <div style="height: 20px; width: 10px;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_items_center_with_max_height_with_align_content_flex_start.html b/tests/fixtures/flex/align_items_center_with_max_height_with_align_content_flex_start.html
new file mode 100644
index 0000000..4160389
--- /dev/null
+++ b/tests/fixtures/flex/align_items_center_with_max_height_with_align_content_flex_start.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 100px; max-height: 100px; align-items: center; align-content: flex-start;">
+  <div style="height: 50px; width: 10px;"></div>
+  <div style="height: 150px; width: 10px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_items_center_with_max_height_with_padding_border.html b/tests/fixtures/flex/align_items_center_with_max_height_with_padding_border.html
new file mode 100644
index 0000000..f16f5cc
--- /dev/null
+++ b/tests/fixtures/flex/align_items_center_with_max_height_with_padding_border.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+<div id="test-root" style="flex-direction: column;">
+  <div style="display: flex; width: 100px; max-height: 100px; align-items: center; align-content: flex-start; padding: 10px; border-width: 10px;">
+    <div style="height: 10px; width: 10px;"></div>
+    <div style="height: 150px; width: 10px;"></div>
+  </div>
+  <div style="display: flex; width: 100px; max-height: 100px; align-items: center; align-content: flex-start; padding: 10px; border-width: 10px; flex-wrap: wrap;">
+    <div style="height: 10px; width: 10px;"></div>
+    <div style="height: 150px; width: 10px;"></div>
+  </div>
+</div>
+
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_items_center_with_min_height_percentage_with_align_content_flex_start.html b/tests/fixtures/flex/align_items_center_with_min_height_percentage_with_align_content_flex_start.html
new file mode 100644
index 0000000..2709d1a
--- /dev/null
+++ b/tests/fixtures/flex/align_items_center_with_min_height_percentage_with_align_content_flex_start.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 100px; height: 100px;">
+  <div style="display: flex; width: 100px; min-height: 100%; align-items: center; align-content: flex-start;">
+    <div style="height: 10px; width: 10px;"></div>
+    <div style="height: 20px; width: 10px;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_items_center_with_min_height_with_align_content_flex_start.html b/tests/fixtures/flex/align_items_center_with_min_height_with_align_content_flex_start.html
new file mode 100644
index 0000000..e27a049
--- /dev/null
+++ b/tests/fixtures/flex/align_items_center_with_min_height_with_align_content_flex_start.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 100px; min-height: 100px; align-items: center; align-content: flex-start;">
+  <div style="height: 10px; width: 10px;"></div>
+  <div style="height: 20px; width: 10px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_items_center_with_min_height_with_align_content_flex_start_with_wrap.html b/tests/fixtures/flex/align_items_center_with_min_height_with_align_content_flex_start_with_wrap.html
new file mode 100644
index 0000000..fac3047
--- /dev/null
+++ b/tests/fixtures/flex/align_items_center_with_min_height_with_align_content_flex_start_with_wrap.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+<div id="test-root">
+  <div style="display: flex; width: 100px; min-height: 100px; align-items: center; align-content: flex-start; flex-wrap: wrap;">
+    <div style="height: 10px; width: 10px;"></div>
+    <div style="height: 20px; width: 10px;"></div>
+  </div>
+  <div style="display: flex; width: 100px; min-height: 100px; align-items: center; flex-wrap: wrap;">
+    <div style="height: 10px; width: 10px;"></div>
+    <div style="height: 20px; width: 10px;"></div>
+  </div>
+  <div style="display: flex; width: 100px; min-height: 100px; align-items: center; flex-wrap: no-wrap;">
+    <div style="height: 10px; width: 10px;"></div>
+    <div style="height: 20px; width: 10px;"></div>
+  </div>
+  <div style="display: flex; width: 100px; min-height: 100px; align-items: center; align-content: flex-start; flex-wrap: no-wrap;">
+    <div style="height: 10px; width: 10px;"></div>
+    <div style="height: 20px; width: 10px;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/align_items_center_with_min_height_with_padding_border.html b/tests/fixtures/flex/align_items_center_with_min_height_with_padding_border.html
new file mode 100644
index 0000000..cea1179
--- /dev/null
+++ b/tests/fixtures/flex/align_items_center_with_min_height_with_padding_border.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+<div id="test-root">
+  <div style="display: flex; width: 100px; min-height: 100px; align-items: center; align-content: flex-start; padding: 8px; border-width: 7px;">
+    <div style="height: 10px; width: 10px;"></div>
+    <div style="height: 20px; width: 10px;"></div>
+  </div>
+  <div style="display: flex; width: 100px; min-height: 100px; align-items: center; align-content: flex-start; padding: 8px; border-width: 7px; flex-wrap: wrap;">
+    <div style="height: 10px; width: 10px;"></div>
+    <div style="height: 20px; width: 10px;"></div>
+  </div>
+</div>
+
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/bevy_issue_10343_block.html b/tests/fixtures/flex/bevy_issue_10343_block.html
new file mode 100644
index 0000000..bfa5b60
--- /dev/null
+++ b/tests/fixtures/flex/bevy_issue_10343_block.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; justify-content: space-around; width: 100px; height: 100px; background-color: grey;">
+    <div style="display: flex; flex-direction: row; background-color: purple;">
+        <div style="display: block; width: 200px; height: 200px; margin: 5px; background-color: blue;">
+            <div></div>
+        </div>
+    </div>
+</div>  
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/bevy_issue_10343_flex.html b/tests/fixtures/flex/bevy_issue_10343_flex.html
new file mode 100644
index 0000000..f5ca628
--- /dev/null
+++ b/tests/fixtures/flex/bevy_issue_10343_flex.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; justify-content: space-around; width: 100px; height: 100px; background-color: grey;">
+    <div style="display: flex; flex-direction: row; background-color: purple;">
+        <div style="display: flex; width: 200px; height: 200px; margin: 5px; background-color: blue;">
+            <div></div>
+        </div>
+    </div>
+</div>  
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/bevy_issue_10343_grid.html b/tests/fixtures/flex/bevy_issue_10343_grid.html
new file mode 100644
index 0000000..67dbff4
--- /dev/null
+++ b/tests/fixtures/flex/bevy_issue_10343_grid.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; justify-content: space-around; width: 100px; height: 100px; background-color: grey;">
+    <div style="display: flex; flex-direction: row; background-color: purple;">
+        <div style="display: grid; width: 200px; height: 200px; margin: 5px; background-color: blue;">
+            <div></div>
+        </div>
+    </div>
+</div>  
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/blitz_issue_88.html b/tests/fixtures/flex/blitz_issue_88.html
new file mode 100644
index 0000000..80fd82c
--- /dev/null
+++ b/tests/fixtures/flex/blitz_issue_88.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: block; color: white; width: 600px;">
+  <div style="display: flex; flex-direction: column; justify-content: start;">
+    <div style="display: flex; flex-grow: 1;">
+      <div style="display: block; flex-basis: 0; flex-grow: 1;">
+        HHHH&ZeroWidthSpace;HHHH&ZeroWidthSpace;HHHH&ZeroWidthSpace;HHHH&ZeroWidthSpace;HHHH
+      </div>
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/content_size.html b/tests/fixtures/flex/content_size.html
new file mode 100644
index 0000000..f039dde
--- /dev/null
+++ b/tests/fixtures/flex/content_size.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 100px; height: 100px; overflow-y: scroll;">
+  <div style="overflow: visible; height: 30px;">
+    <div style="height: 20px; width: 100%; flex-shrink: 0; position: absolute; top: -10px;">HHHH&ZeroWidthSpace;HHHH</div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/do_not_clamp_height_of_absolute_node_to_height_of_its_overflow_hidden_parent.html b/tests/fixtures/flex/do_not_clamp_height_of_absolute_node_to_height_of_its_overflow_hidden_parent.html
new file mode 100644
index 0000000..e4fa97a
--- /dev/null
+++ b/tests/fixtures/flex/do_not_clamp_height_of_absolute_node_to_height_of_its_overflow_hidden_parent.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="height: 50px; width: 50px; overflow: hidden; flex-direction: row;">
+  <div style="flex-direction: column; position: absolute; left: 0px; top: 0px;">
+    <div style="width: 100px; height: 100px;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/flex_grow_0_min_size.html b/tests/fixtures/flex/flex_grow_0_min_size.html
new file mode 100644
index 0000000..7027d2f
--- /dev/null
+++ b/tests/fixtures/flex/flex_grow_0_min_size.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <meta name="wpt-test-port" value="css/css-flexbox/flexbox_flex-0-0-0.html" />
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: row; height: 100px; width: 400px; background: blue; border: 1px solid black;">
+  <div style="flex-shrink: 0; flex-grow: 0; flex-basis: 0%;">one</div>
+  <div style="flex-shrink: 0; flex-grow: 0; flex-basis: 0%;">two</div>
+  <div style="flex-shrink: 0; flex-grow: 0; flex-basis: 0%;">three</div>
+  <div style="flex-shrink: 0; flex-grow: 0; flex-basis: 0%;">four</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/gap_column_gap_start_index.html b/tests/fixtures/flex/gap_column_gap_start_index.html
new file mode 100644
index 0000000..3a08156
--- /dev/null
+++ b/tests/fixtures/flex/gap_column_gap_start_index.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="flex-direction: row; flex-wrap: wrap; width: 80px; column-gap: 10px; row-gap: 20px;">
+  <div style="width: 20px; height: 20px; position: absolute;"></div>
+  <div style="width: 20px; height: 20px;"></div>
+  <div style="width: 20px; height: 20px;"></div>
+  <div style="width: 20px; height: 20px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/gap_row_gap_percentage_wrapping.html b/tests/fixtures/flex/gap_row_gap_percentage_wrapping.html
new file mode 100644
index 0000000..2d30bbf
--- /dev/null
+++ b/tests/fixtures/flex/gap_row_gap_percentage_wrapping.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="flex-direction: row; flex-wrap: wrap; width: 80px; column-gap: 10px; row-gap: 10%;">
+  <div style="width: 20px; height: 20px;"></div>
+  <div style="width: 20px; height: 20px;"></div>
+  <div style="width: 20px; height: 20px;"></div>
+  <div style="width: 20px; height: 20px;"></div>
+  <div style="width: 20px; height: 20px;"></div>
+  <div style="width: 20px; height: 20px;"></div>
+  <div style="width: 20px; height: 20px;"></div>
+  <div style="width: 20px; height: 20px;"></div>
+  <div style="width: 20px; height: 20px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/intrinsic_sizing_main_size_min_size.html b/tests/fixtures/flex/intrinsic_sizing_main_size_min_size.html
new file mode 100644
index 0000000..45a7e82
--- /dev/null
+++ b/tests/fixtures/flex/intrinsic_sizing_main_size_min_size.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body style="margin: 20px;">
+
+<div id="test-root" style="display: flex; width: 300px; height: 200px;">
+ <div id="outer" style="display: flex; position: absolute; top: 0; left: 0; max-width: 100px; max-height: 100px; padding: 10px; align-items: center; justify-content: center;">
+  <div id="inner" style="display: flex; min-width: 50px; min-height: 50px; padding: 10px;"></div>
+ </div>
+</div>
+
+</body>
+</html>
+
+
diff --git a/tests/fixtures/flex/justify_content_column_center_negative_space.html b/tests/fixtures/flex/justify_content_column_center_negative_space.html
new file mode 100644
index 0000000..0a3c2c0
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_center_negative_space.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; height: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_center_negative_space_gap.html b/tests/fixtures/flex/justify_content_column_center_negative_space_gap.html
new file mode 100644
index 0000000..1fe25bf
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_center_negative_space_gap.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_end.html b/tests/fixtures/flex/justify_content_column_end.html
new file mode 100644
index 0000000..3ef8977
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_end.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 100px; height: 100px; justify-content: flex-end; flex-direction: column;">
+  <div style="height: 10px;"></div>
+  <div style="height: 10px;"></div>
+  <div style="height: 10px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_end_negative_space.html b/tests/fixtures/flex/justify_content_column_end_negative_space.html
new file mode 100644
index 0000000..020c3c5
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_end_negative_space.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: column; justify-content: end; align-items: center; height: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_end_negative_space_gap.html b/tests/fixtures/flex/justify_content_column_end_negative_space_gap.html
new file mode 100644
index 0000000..5d342ed
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_end_negative_space_gap.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: column; justify-content: end; align-items: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_end_reverse.html b/tests/fixtures/flex/justify_content_column_end_reverse.html
new file mode 100644
index 0000000..3ef8977
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_end_reverse.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 100px; height: 100px; justify-content: flex-end; flex-direction: column;">
+  <div style="height: 10px;"></div>
+  <div style="height: 10px;"></div>
+  <div style="height: 10px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_flex_end_reverse.html b/tests/fixtures/flex/justify_content_column_flex_end_reverse.html
new file mode 100644
index 0000000..93ffd54
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_flex_end_reverse.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 100px; height: 100px; justify-content: flex-end; flex-direction: column-reverse;">
+  <div style="height: 10px;"></div>
+  <div style="height: 10px;"></div>
+  <div style="height: 10px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_flex_start_reverse.html b/tests/fixtures/flex/justify_content_column_flex_start_reverse.html
new file mode 100644
index 0000000..ffb05e8
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_flex_start_reverse.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 100px; height: 100px; justify-content: flex-start; flex-direction: column-reverse;">
+  <div style="height: 10px;"></div>
+  <div style="height: 10px;"></div>
+  <div style="height: 10px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_space_around_negative_space.html b/tests/fixtures/flex/justify_content_column_space_around_negative_space.html
new file mode 100644
index 0000000..9363fdc
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_space_around_negative_space.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: column; justify-content: space-around; align-items: center; height: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_space_around_negative_space_gap.html b/tests/fixtures/flex/justify_content_column_space_around_negative_space_gap.html
new file mode 100644
index 0000000..a9baf34
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_space_around_negative_space_gap.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: column; justify-content: space-around; align-items: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_space_between_negative_space.html b/tests/fixtures/flex/justify_content_column_space_between_negative_space.html
new file mode 100644
index 0000000..8de83fe
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_space_between_negative_space.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_space_between_negative_space_gap.html b/tests/fixtures/flex/justify_content_column_space_between_negative_space_gap.html
new file mode 100644
index 0000000..64fdec0
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_space_between_negative_space_gap.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_space_evenly_negative_space.html b/tests/fixtures/flex/justify_content_column_space_evenly_negative_space.html
new file mode 100644
index 0000000..6b7854a
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_space_evenly_negative_space.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; height: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_space_evenly_negative_space_gap.html b/tests/fixtures/flex/justify_content_column_space_evenly_negative_space_gap.html
new file mode 100644
index 0000000..92e30e4
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_space_evenly_negative_space_gap.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_start.html b/tests/fixtures/flex/justify_content_column_start.html
new file mode 100644
index 0000000..8901eb5
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_start.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 100px; height: 100px; justify-content: start; flex-direction: column;">
+  <div style="height: 10px;"></div>
+  <div style="height: 10px;"></div>
+  <div style="height: 10px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_start_negative_space.html b/tests/fixtures/flex/justify_content_column_start_negative_space.html
new file mode 100644
index 0000000..c5a0336
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_start_negative_space.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: column; justify-content: start; align-items: center; height: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_start_negative_space_gap.html b/tests/fixtures/flex/justify_content_column_start_negative_space_gap.html
new file mode 100644
index 0000000..d7d721f
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_start_negative_space_gap.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-direction: column; width: 320px; height: 320px; border-width: 60px;">
+  <div style="display: flex; flex-direction: column; justify-content: start; align-items: center; height: 10px; gap: 10px;">
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+    <div style="width: 80%; height: 20px; flex-shrink: 0;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/justify_content_column_start_reverse.html b/tests/fixtures/flex/justify_content_column_start_reverse.html
new file mode 100644
index 0000000..8594ca6
--- /dev/null
+++ b/tests/fixtures/flex/justify_content_column_start_reverse.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 100px; height: 100px; justify-content: start; flex-direction: column-reverse;">
+  <div style="height: 10px;"></div>
+  <div style="height: 10px;"></div>
+  <div style="height: 10px;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/measure_child_with_flex_shrink_hidden.html b/tests/fixtures/flex/measure_child_with_flex_shrink_hidden.html
new file mode 100644
index 0000000..638075b
--- /dev/null
+++ b/tests/fixtures/flex/measure_child_with_flex_shrink_hidden.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 100px; height: auto;">
+  <div style="width: 50px; height: 50px;"></div>
+  <div style="overflow: hidden;">HHHHHHHHHH&ZeroWidthSpace;HHHHHHHHHH&ZeroWidthSpace;HHHHHHHHHH&ZeroWidthSpace;HHHHHHHHHH&ZeroWidthSpace;HHHHHHHHHH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/multiline_column_max_height.html b/tests/fixtures/flex/multiline_column_max_height.html
new file mode 100644
index 0000000..4cbfe24
--- /dev/null
+++ b/tests/fixtures/flex/multiline_column_max_height.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <meta name="wpt-test-port" value="css/css-flexbox/multiline-column-max-height.html" />
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-flow: column wrap; max-height: 200px;">
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+  <div style="height: 20px; width: 40px; flex-shrink: 0;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/multiline_min_max_12.html b/tests/fixtures/flex/multiline_min_max_12.html
new file mode 100644
index 0000000..1bdeb5c
--- /dev/null
+++ b/tests/fixtures/flex/multiline_min_max_12.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <meta name="wpt-test-port" value="css/css-flexbox/multiline-min-max.html" />
+  <meta name="wpt-subtest" value=".flexbox 8" />
+  <style type="text/css">
+    #test-root { background-color: grey; }
+    #test-root :nth-child(1) { background-color: blue; }
+    #test-root :nth-child(2) { background-color: yellow; }
+    #test-root :nth-child(3) { background-color: salmon; }
+    #test-root :nth-child(4) { background-color: lime; }
+    #test-root :nth-child(5) { background-color: red; }
+    #test-root :nth-child(6) { background-color: orange; }
+    #test-root :nth-child(7) { background-color: purple; }
+  </style>
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="box-sizing: content-box; display: flex; flex-wrap: wrap; width: 600px; background-color: grey; border: 5px solid black; height: 20px; position: relative;">
+  <div style="box-sizing: border-box; height: 10px; max-width: 300px; flex: 1 1 600px; padding-left: 10px;" data-w="300" data-x="0" data-y="0"></div>
+  <div style="box-sizing: border-box; height: 10px; width: 100px; flex: 1 1 auto;" data-w="100" data-x="300" data-y="0"></div>
+  <div style="box-sizing: border-box; height: 10px; width: 100px; flex: 1 1 auto;" data-w="100" data-x="400" data-y="0"></div>
+  <div style="box-sizing: border-box; height: 10px; width: 100px; flex: 1 1 auto;" data-w="100" data-x="500" data-y="0"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/multiline_min_max_13.html b/tests/fixtures/flex/multiline_min_max_13.html
new file mode 100644
index 0000000..f42576e
--- /dev/null
+++ b/tests/fixtures/flex/multiline_min_max_13.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <meta name="wpt-test-port" value="css/css-flexbox/multiline-min-max.html" />
+  <meta name="wpt-subtest" value=".flexbox 8" />
+  <style type="text/css">
+    #test-root { background-color: grey; }
+    #test-root :nth-child(1) { background-color: blue; }
+    #test-root :nth-child(2) { background-color: yellow; }
+    #test-root :nth-child(3) { background-color: salmon; }
+    #test-root :nth-child(4) { background-color: lime; }
+    #test-root :nth-child(5) { background-color: red; }
+    #test-root :nth-child(6) { background-color: orange; }
+    #test-root :nth-child(7) { background-color: purple; }
+  </style>
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="box-sizing: content-box; display: flex; flex-wrap: wrap; width: 600px; background-color: grey; border: 5px solid black; height: 20px; position: relative;">
+  <div style="box-sizing: border-box; height: 10px; max-width: 300px; flex: 1 1 600px; border-left: 10px solid red;" data-w="300" data-x="0" data-y="0"></div>
+  <div style="box-sizing: border-box; height: 10px; width: 100px; flex: 1 1 auto;" data-w="100" data-x="300" data-y="0"></div>
+  <div style="box-sizing: border-box; height: 10px; width: 100px; flex: 1 1 auto;" data-w="100" data-x="400" data-y="0"></div>
+  <div style="box-sizing: border-box; height: 10px; width: 100px; flex: 1 1 auto;" data-w="100" data-x="500" data-y="0"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/multiline_min_max_14.html b/tests/fixtures/flex/multiline_min_max_14.html
new file mode 100644
index 0000000..80f6c48
--- /dev/null
+++ b/tests/fixtures/flex/multiline_min_max_14.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <meta name="wpt-test-port" value="css/css-flexbox/multiline-min-max.html" />
+  <meta name="wpt-subtest" value=".flexbox 8" />
+  <style type="text/css">
+    #test-root { background-color: grey; }
+    #test-root :nth-child(1) { background-color: blue; }
+    #test-root :nth-child(2) { background-color: yellow; }
+    #test-root :nth-child(3) { background-color: salmon; }
+    #test-root :nth-child(4) { background-color: lime; }
+    #test-root :nth-child(5) { background-color: red; }
+    #test-root :nth-child(6) { background-color: orange; }
+    #test-root :nth-child(7) { background-color: purple; }
+  </style>
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="box-sizing: content-box; display: flex; flex-wrap: wrap; width: 600px; background-color: grey; border: 5px solid black; height: 20px; position: relative;">
+  <div style="box-sizing: border-box; height: 10px; max-width: 300px; flex: 1 1 600px; margin-left: 10px;" data-w="300" data-x="10" data-y="0"></div>
+  <div style="box-sizing: border-box; height: 10px; width: 100px; flex: 1 1 auto;" data-w="145" data-x="310" data-y="0"></div>
+  <div style="box-sizing: border-box; height: 10px; width: 100px; flex: 1 1 auto;" data-w="145" data-x="455" data-y="0"></div>
+  <div style="box-sizing: border-box; height: 10px; width: 100px; flex: 1 1 auto;" data-w="600" data-x="0" data-y="10"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/multiline_min_max_5.html b/tests/fixtures/flex/multiline_min_max_5.html
new file mode 100644
index 0000000..ebefbe1
--- /dev/null
+++ b/tests/fixtures/flex/multiline_min_max_5.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <meta name="wpt-test-port" value="css/css-flexbox/multiline-min-max.html" />
+  <meta name="wpt-subtest" value=".flexbox 5" />
+  <style type="text/css">
+    #test-root { background-color: grey; }
+    #test-root :nth-child(1) { background-color: blue; }
+    #test-root :nth-child(2) { background-color: yellow; }
+    #test-root :nth-child(3) { background-color: salmon; }
+    #test-root :nth-child(4) { background-color: lime; }
+    #test-root :nth-child(5) { background-color: red; }
+    #test-root :nth-child(6) { background-color: orange; }
+    #test-root :nth-child(7) { background-color: purple; }
+  </style>
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-wrap: wrap; width: 600px; border: 5px solid black; height: 20px; position: relative; box-sizing: content-box;">
+  <div style="box-sizing: content-box; height: 10px; max-width: 300px; flex: 1 1 600px;" data-w="300" data-x="0" data-y="0"></div>
+  <div style="box-sizing: content-box; height: 10px; width: 100px; flex: 1 1 auto;" data-w="100" data-x="300" data-y="0"></div>
+  <div style="box-sizing: content-box; height: 10px; width: 100px; flex: 1 1 auto;" data-w="100" data-x="400" data-y="0"></div>
+  <div style="box-sizing: content-box; height: 10px; width: 100px; flex: 1 1 auto;" data-w="100" data-x="500" data-y="0"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/multiline_min_max_8.html b/tests/fixtures/flex/multiline_min_max_8.html
new file mode 100644
index 0000000..3a03fe8
--- /dev/null
+++ b/tests/fixtures/flex/multiline_min_max_8.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <meta name="wpt-test-port" value="css/css-flexbox/multiline-min-max.html" />
+  <meta name="wpt-subtest" value=".flexbox 8" />
+  <style type="text/css">
+    #test-root { background-color: grey; }
+    #test-root :nth-child(1) { background-color: blue; }
+    #test-root :nth-child(2) { background-color: yellow; }
+    #test-root :nth-child(3) { background-color: salmon; }
+    #test-root :nth-child(4) { background-color: lime; }
+    #test-root :nth-child(5) { background-color: red; }
+    #test-root :nth-child(6) { background-color: orange; }
+    #test-root :nth-child(7) { background-color: purple; }
+  </style>
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: flex; flex-wrap: wrap; width: 600px; background-color: grey; border: 5px solid black; height: 20px; position: relative; box-sizing: content-box;">
+  <div style="height: 10px; max-width: 300px; flex: 1 1 600px; margin-left: 10px;" data-w="300" data-x="10" data-y="0"></div>
+  <div style="height: 10px; width: 100px; flex: 1 1 auto;" data-w="145" data-x="310" data-y="0"></div>
+  <div style="height: 10px; width: 100px; flex: 1 1 auto;" data-w="145" data-x="455" data-y="0"></div>
+  <div style="height: 10px; width: 100px; flex: 1 1 auto;" data-w="600" data-x="0" data-y="10"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/overflow_main_axis_shrink_hidden.html b/tests/fixtures/flex/overflow_main_axis_shrink_hidden.html
new file mode 100644
index 0000000..cc491cf
--- /dev/null
+++ b/tests/fixtures/flex/overflow_main_axis_shrink_hidden.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 50px; height: 50px;">
+  <div style="flex-shrink: 1; overflow: hidden;">HHHHHHHHHH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/overflow_main_axis_shrink_scroll.html b/tests/fixtures/flex/overflow_main_axis_shrink_scroll.html
new file mode 100644
index 0000000..23d5ea9
--- /dev/null
+++ b/tests/fixtures/flex/overflow_main_axis_shrink_scroll.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="width: 50px; height: 50px;">
+  <div style="flex-shrink: 1; overflow: scroll;">HHHHHHHHHH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/overflow_main_axis_shrink_visible.html b/tests/fixtures/flex/overflow_main_axis_shrink_visible.html
new file mode 100644
index 0000000..d8482ef
--- /dev/null
+++ b/tests/fixtures/flex/overflow_main_axis_shrink_visible.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 50px; height: 50px;">
+  <div style="flex-shrink: 1; overflow: visible;">HHHHHHHHHH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/overflow_scroll_main_axis_justify_content_end.html b/tests/fixtures/flex/overflow_scroll_main_axis_justify_content_end.html
new file mode 100644
index 0000000..575baec
--- /dev/null
+++ b/tests/fixtures/flex/overflow_scroll_main_axis_justify_content_end.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 100px; height: 100px; justify-content: end;">
+  <div style="width: 200px; flex-shrink: 0;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/overflow_scrollbars_overridden_by_available_space.html b/tests/fixtures/flex/overflow_scrollbars_overridden_by_available_space.html
new file mode 100644
index 0000000..93c088f
--- /dev/null
+++ b/tests/fixtures/flex/overflow_scrollbars_overridden_by_available_space.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="width: 2px; height: 4px;">
+  <div style="flex-grow: 1; overflow: scroll;">
+    <div style="flex-grow: 1;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/overflow_scrollbars_overridden_by_max_size.html b/tests/fixtures/flex/overflow_scrollbars_overridden_by_max_size.html
new file mode 100644
index 0000000..dd31a1f
--- /dev/null
+++ b/tests/fixtures/flex/overflow_scrollbars_overridden_by_max_size.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="overflow: scroll; max-width: 2px; max-height: 4px;">
+  <div style="flex-grow: 1;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/overflow_scrollbars_overridden_by_size.html b/tests/fixtures/flex/overflow_scrollbars_overridden_by_size.html
new file mode 100644
index 0000000..dca68df
--- /dev/null
+++ b/tests/fixtures/flex/overflow_scrollbars_overridden_by_size.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="overflow: scroll; width: 2px; height: 4px;">
+  <div style="flex-grow: 1;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/overflow_scrollbars_take_up_space_both_axis.html b/tests/fixtures/flex/overflow_scrollbars_take_up_space_both_axis.html
new file mode 100644
index 0000000..95c9266
--- /dev/null
+++ b/tests/fixtures/flex/overflow_scrollbars_take_up_space_both_axis.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="width: 50px; height: 50px; overflow: scroll;">
+  <div style="flex-grow: 1;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/overflow_scrollbars_take_up_space_cross_axis.html b/tests/fixtures/flex/overflow_scrollbars_take_up_space_cross_axis.html
new file mode 100644
index 0000000..ed503b6
--- /dev/null
+++ b/tests/fixtures/flex/overflow_scrollbars_take_up_space_cross_axis.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="width: 50px; height: 50px; overflow-y: scroll;">
+  <div style="flex-grow: 1;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/overflow_scrollbars_take_up_space_main_axis.html b/tests/fixtures/flex/overflow_scrollbars_take_up_space_main_axis.html
new file mode 100644
index 0000000..acfab20
--- /dev/null
+++ b/tests/fixtures/flex/overflow_scrollbars_take_up_space_main_axis.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="width: 50px; height: 50px; overflow-x: scroll;">
+  <div style="flex-grow: 1;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/padding_border_overrides_size_root.html b/tests/fixtures/flex/padding_border_overrides_size_root.html
new file mode 100644
index 0000000..49f7e44
--- /dev/null
+++ b/tests/fixtures/flex/padding_border_overrides_size_root.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="width: 12px; height: 12px; padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px; border-style: solid; border-color: red;">
+  <div></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/scroll_size.html b/tests/fixtures/flex/scroll_size.html
new file mode 100644
index 0000000..9aa257d
--- /dev/null
+++ b/tests/fixtures/flex/scroll_size.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="width: 50px; height: 50px; overflow: scroll; align-items: start; justify-content: start;">
+  <div style="width: 100px; height: 100px; flex-shrink: 0;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/flex/taffy_issue_696.html b/tests/fixtures/flex/taffy_issue_696.html
new file mode 100644
index 0000000..630f47f
--- /dev/null
+++ b/tests/fixtures/flex/taffy_issue_696.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+  <div id="test-root" style="display: flex; flex-direction: column; width: 200px;">
+    <div style="display: flex; flex-direction: column; overflow: hidden; min-height: 100px; padding: 20px; flex-basis: 0px;">
+      <div style="display: flex; height: 200px; flex-shrink: 0;"></div>
+    </div>
+  </div>
+</body>
+
+</html>
diff --git a/tests/fixtures/flex/taffy_issue_696_flex_basis_20.html b/tests/fixtures/flex/taffy_issue_696_flex_basis_20.html
new file mode 100644
index 0000000..583a5cd
--- /dev/null
+++ b/tests/fixtures/flex/taffy_issue_696_flex_basis_20.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+  <div id="test-root" style="display: flex; flex-direction: column; width: 200px;">
+    <div style="display: flex; flex-direction: column; overflow: hidden; min-height: 100px; padding: 20px; flex-basis: 20px;">
+      <div style="display: flex; height: 200px; flex-shrink: 0;"></div>
+    </div>
+  </div>
+</body>
+
+</html>
diff --git a/tests/fixtures/flex/taffy_issue_696_min_height.html b/tests/fixtures/flex/taffy_issue_696_min_height.html
new file mode 100644
index 0000000..f841049
--- /dev/null
+++ b/tests/fixtures/flex/taffy_issue_696_min_height.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+  <div id="test-root" style="display: flex; flex-direction: column; width: 200px;">
+    <div style="display: flex; flex-direction: column; min-height: 100px; padding: 20px; flex-basis: 0px;">
+      <div style="display: flex; height: 200px; flex-shrink: 0;"></div>
+    </div>
+  </div>
+</body>
+
+</html>
diff --git a/tests/fixtures/flex/taffy_issue_696_no_flex_basis.html b/tests/fixtures/flex/taffy_issue_696_no_flex_basis.html
new file mode 100644
index 0000000..ce8f43f
--- /dev/null
+++ b/tests/fixtures/flex/taffy_issue_696_no_flex_basis.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+  <div id="test-root" style="display: flex; flex-direction: column; width: 200px;">
+    <div style="display: flex; flex-direction: column; overflow: hidden; min-height: 100px; padding: 20px;">
+      <div style="display: flex; height: 200px; flex-shrink: 0;"></div>
+    </div>
+  </div>
+</body>
+
+</html>
diff --git a/tests/fixtures/flex/taffy_issue_696_overflow_hidden.html b/tests/fixtures/flex/taffy_issue_696_overflow_hidden.html
new file mode 100644
index 0000000..9d079e5
--- /dev/null
+++ b/tests/fixtures/flex/taffy_issue_696_overflow_hidden.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+  <div id="test-root" style="display: flex; flex-direction: column; width: 200px;">
+    <div style="display: flex; flex-direction: column; overflow: hidden; padding: 20px; flex-basis: 0px;">
+      <div style="display: flex; height: 200px; flex-shrink: 0;"></div>
+    </div>
+  </div>
+</body>
+
+</html>
diff --git a/tests/fixtures/grid/chrome_issue_325928327.html b/tests/fixtures/grid/chrome_issue_325928327.html
new file mode 100644
index 0000000..f582cfc
--- /dev/null
+++ b/tests/fixtures/grid/chrome_issue_325928327.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div class="viewport">
+  <div id="test-root" style="width: 100%; height: 40px; display: grid; justify-items: center;">
+    <div style="height: 100%; outline: 2px solid red;">
+      <div style="height: 100%; aspect-ratio: 1; background: slategray;"></div>
+    </div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_align_content_center_negative_space_gap.html b/tests/fixtures/grid/grid_align_content_center_negative_space_gap.html
new file mode 100644
index 0000000..9356188
--- /dev/null
+++ b/tests/fixtures/grid/grid_align_content_center_negative_space_gap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; width: 240px; height: 240px; border-width: 60px;">
+  <div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 20px 20px 20px; grid-template-rows: 40px 40px 40px; justify-content: center; align-content: center; gap: 10px;">
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_align_content_end_negative_space_gap.html b/tests/fixtures/grid/grid_align_content_end_negative_space_gap.html
new file mode 100644
index 0000000..47e9721
--- /dev/null
+++ b/tests/fixtures/grid/grid_align_content_end_negative_space_gap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; width: 240px; height: 240px; border-width: 60px;">
+  <div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 20px 20px 20px; grid-template-rows: 40px 40px 40px; justify-content: center; align-content: end; gap: 10px;">
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_align_content_space_around_negative_space_gap.html b/tests/fixtures/grid/grid_align_content_space_around_negative_space_gap.html
new file mode 100644
index 0000000..5533fa4
--- /dev/null
+++ b/tests/fixtures/grid/grid_align_content_space_around_negative_space_gap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; width: 240px; height: 240px; border-width: 60px;">
+  <div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 20px 20px 20px; grid-template-rows: 40px 40px 40px; justify-content: center; align-content: space-around; gap: 10px;">
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_align_content_space_between_negative_space_gap.html b/tests/fixtures/grid/grid_align_content_space_between_negative_space_gap.html
new file mode 100644
index 0000000..6a74aeb
--- /dev/null
+++ b/tests/fixtures/grid/grid_align_content_space_between_negative_space_gap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; width: 240px; height: 240px; border-width: 60px;">
+  <div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 20px 20px 20px; grid-template-rows: 40px 40px 40px; justify-content: center; align-content: space-between; gap: 10px;">
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_align_content_space_evenly_negative_space_gap.html b/tests/fixtures/grid/grid_align_content_space_evenly_negative_space_gap.html
new file mode 100644
index 0000000..6a74aeb
--- /dev/null
+++ b/tests/fixtures/grid/grid_align_content_space_evenly_negative_space_gap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; width: 240px; height: 240px; border-width: 60px;">
+  <div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 20px 20px 20px; grid-template-rows: 40px 40px 40px; justify-content: center; align-content: space-between; gap: 10px;">
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_align_content_start_negative_space_gap.html b/tests/fixtures/grid/grid_align_content_start_negative_space_gap.html
new file mode 100644
index 0000000..396454d
--- /dev/null
+++ b/tests/fixtures/grid/grid_align_content_start_negative_space_gap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; width: 240px; height: 240px; border-width: 60px;">
+  <div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 20px 20px 20px; grid-template-rows: 40px 40px 40px; justify-content: center; align-content: start; gap: 10px;">
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_aspect_ratio_overridden_by_explicit_sizes.html b/tests/fixtures/grid/grid_aspect_ratio_overridden_by_explicit_sizes.html
new file mode 100644
index 0000000..51ae19c
--- /dev/null
+++ b/tests/fixtures/grid/grid_aspect_ratio_overridden_by_explicit_sizes.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; height: 100px; width: 100px;">
+  <div style="width: 50px; height: 50px; aspect-ratio: 2;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_aspect_ratio_overridden_by_explicit_sizes_flex.html b/tests/fixtures/grid/grid_aspect_ratio_overridden_by_explicit_sizes_flex.html
new file mode 100644
index 0000000..51ae19c
--- /dev/null
+++ b/tests/fixtures/grid/grid_aspect_ratio_overridden_by_explicit_sizes_flex.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; height: 100px; width: 100px;">
+  <div style="width: 50px; height: 50px; aspect-ratio: 2;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_auto_fit_definite_percentage.html b/tests/fixtures/grid/grid_auto_fit_definite_percentage.html
new file mode 100644
index 0000000..80fedbc
--- /dev/null
+++ b/tests/fixtures/grid/grid_auto_fit_definite_percentage.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="height: 300px; width: 730px;">
+  <div style="display: grid; width: 100%; height: 100%; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; padding: 10px; background-color: yellow;">
+    <div style="display: block; background-color: teal;"></div>
+    <div style="display: block; background-color: pink;"></div>
+    <div style="display: block; background-color: royalblue;"></div>
+    <div style="display: block; background-color: violet;"></div>
+    <div style="display: block; background-color: beige;"></div>
+    <div style="display: block; background-color: burlywood;"></div>
+    <div style="display: block; background-color: lightslategrey;"></div>
+    <div style="display: block; background-color: lightseagreen;"></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_fit_content_percent_indefinite_max_content_hidden.html b/tests/fixtures/grid/grid_fit_content_percent_indefinite_max_content_hidden.html
new file mode 100644
index 0000000..2e02e9d
--- /dev/null
+++ b/tests/fixtures/grid/grid_fit_content_percent_indefinite_max_content_hidden.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; grid-template-columns: fit-content(50%); grid-template-rows: 40px;">
+  <div style="overflow: hidden;">HH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_fit_content_percent_indefinite_min_content_hidden.html b/tests/fixtures/grid/grid_fit_content_percent_indefinite_min_content_hidden.html
new file mode 100644
index 0000000..3899c24
--- /dev/null
+++ b/tests/fixtures/grid/grid_fit_content_percent_indefinite_min_content_hidden.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; grid-template-columns: fit-content(50%); grid-template-rows: 40px;">
+  <div style="overflow: hidden;">HHHH&ZeroWidthSpace;HH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_fit_content_points_min_content_hidden.html b/tests/fixtures/grid/grid_fit_content_points_min_content_hidden.html
new file mode 100644
index 0000000..7e101a7
--- /dev/null
+++ b/tests/fixtures/grid/grid_fit_content_points_min_content_hidden.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; grid-template-columns: fit-content(30px); grid-template-rows: 40px;">
+  <div style="overflow: hidden;">HHHH&ZeroWidthSpace;HH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_justify_content_center_negative_space_gap.html b/tests/fixtures/grid/grid_justify_content_center_negative_space_gap.html
new file mode 100644
index 0000000..663277d
--- /dev/null
+++ b/tests/fixtures/grid/grid_justify_content_center_negative_space_gap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; width: 240px; height: 240px; border-width: 60px;">
+  <div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 20px 20px 20px; justify-content: center; align-content: center; gap: 10px;">
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_justify_content_end_negative_space_gap.html b/tests/fixtures/grid/grid_justify_content_end_negative_space_gap.html
new file mode 100644
index 0000000..42cf8a8
--- /dev/null
+++ b/tests/fixtures/grid/grid_justify_content_end_negative_space_gap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; width: 240px; height: 240px; border-width: 60px;">
+  <div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 20px 20px 20px; justify-content: end; align-content: center; gap: 10px;">
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_justify_content_space_around_negative_space_gap.html b/tests/fixtures/grid/grid_justify_content_space_around_negative_space_gap.html
new file mode 100644
index 0000000..91ae88f
--- /dev/null
+++ b/tests/fixtures/grid/grid_justify_content_space_around_negative_space_gap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; width: 240px; height: 240px; border-width: 60px;">
+  <div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 20px 20px 20px; justify-content: space-around; align-content: center; gap: 10px;">
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_justify_content_space_between_negative_space_gap.html b/tests/fixtures/grid/grid_justify_content_space_between_negative_space_gap.html
new file mode 100644
index 0000000..3ef9d3c
--- /dev/null
+++ b/tests/fixtures/grid/grid_justify_content_space_between_negative_space_gap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; width: 240px; height: 240px; border-width: 60px;">
+  <div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 20px 20px 20px; justify-content: space-between; align-content: center; gap: 10px;">
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_justify_content_space_evenly_negative_space_gap.html b/tests/fixtures/grid/grid_justify_content_space_evenly_negative_space_gap.html
new file mode 100644
index 0000000..a63e7cf
--- /dev/null
+++ b/tests/fixtures/grid/grid_justify_content_space_evenly_negative_space_gap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; width: 240px; height: 240px; border-width: 60px;">
+  <div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 20px 20px 20px; justify-content: space-evenly; align-content: center; gap: 10px;">
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_justify_content_start_negative_space_gap.html b/tests/fixtures/grid/grid_justify_content_start_negative_space_gap.html
new file mode 100644
index 0000000..7ba9b74
--- /dev/null
+++ b/tests/fixtures/grid/grid_justify_content_start_negative_space_gap.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; width: 240px; height: 240px; border-width: 60px;">
+  <div id="test-root" style="height: 120px; width: 120px; display: grid; grid-template-columns: 40px 40px 40px; grid-template-rows: 20px 20px 20px; justify-content: start; align-content: center; gap: 10px;">
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+    <div></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_overflow_inline_axis_hidden.html b/tests/fixtures/grid/grid_overflow_inline_axis_hidden.html
new file mode 100644
index 0000000..c4290ff
--- /dev/null
+++ b/tests/fixtures/grid/grid_overflow_inline_axis_hidden.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; width: 50px; height: 50px;">
+  <div style="overflow: hidden;">HHHHHHHHHH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_overflow_inline_axis_scroll.html b/tests/fixtures/grid/grid_overflow_inline_axis_scroll.html
new file mode 100644
index 0000000..9ea193e
--- /dev/null
+++ b/tests/fixtures/grid/grid_overflow_inline_axis_scroll.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="display: grid; width: 50px; height: 50px;">
+  <div style="overflow: scroll;">HHHHHHHHHH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_overflow_inline_axis_visible.html b/tests/fixtures/grid/grid_overflow_inline_axis_visible.html
new file mode 100644
index 0000000..962934e
--- /dev/null
+++ b/tests/fixtures/grid/grid_overflow_inline_axis_visible.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; width: 50px; height: 50px;">
+  <div style="overflow: visible;">HHHHHHHHHH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_overflow_scrollbars_overridden_by_available_space.html b/tests/fixtures/grid/grid_overflow_scrollbars_overridden_by_available_space.html
new file mode 100644
index 0000000..ea0a0ac
--- /dev/null
+++ b/tests/fixtures/grid/grid_overflow_scrollbars_overridden_by_available_space.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="display: grid; width: 2px; height: 4px;">
+  <div style="display: grid; overflow: scroll;">
+    <div></div>
+  </div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_overflow_scrollbars_overridden_by_max_size.html b/tests/fixtures/grid/grid_overflow_scrollbars_overridden_by_max_size.html
new file mode 100644
index 0000000..06724d4
--- /dev/null
+++ b/tests/fixtures/grid/grid_overflow_scrollbars_overridden_by_max_size.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="display: grid; overflow: scroll; max-width: 2px; max-height: 4px;">
+  <div></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_overflow_scrollbars_overridden_by_size.html b/tests/fixtures/grid/grid_overflow_scrollbars_overridden_by_size.html
new file mode 100644
index 0000000..eb0f59c
--- /dev/null
+++ b/tests/fixtures/grid/grid_overflow_scrollbars_overridden_by_size.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="display: grid; overflow: scroll; width: 2px; height: 4px;">
+  <div></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_overflow_scrollbars_take_up_space_both_axis.html b/tests/fixtures/grid/grid_overflow_scrollbars_take_up_space_both_axis.html
new file mode 100644
index 0000000..15dd647
--- /dev/null
+++ b/tests/fixtures/grid/grid_overflow_scrollbars_take_up_space_both_axis.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="display: grid; width: 50px; height: 50px; overflow: scroll;">
+  <div></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_overflow_scrollbars_take_up_space_x_axis.html b/tests/fixtures/grid/grid_overflow_scrollbars_take_up_space_x_axis.html
new file mode 100644
index 0000000..14926f8
--- /dev/null
+++ b/tests/fixtures/grid/grid_overflow_scrollbars_take_up_space_x_axis.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="display: grid; width: 50px; height: 50px; overflow-x: scroll;">
+  <div></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_overflow_scrollbars_take_up_space_y_axis.html b/tests/fixtures/grid/grid_overflow_scrollbars_take_up_space_y_axis.html
new file mode 100644
index 0000000..af7f410
--- /dev/null
+++ b/tests/fixtures/grid/grid_overflow_scrollbars_take_up_space_y_axis.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="display: grid; width: 50px; height: 50px; overflow-y: scroll;">
+  <div></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_span_13_most_non_flex_with_minmax_indefinite_hidden.html b/tests/fixtures/grid/grid_span_13_most_non_flex_with_minmax_indefinite_hidden.html
new file mode 100644
index 0000000..827a92f
--- /dev/null
+++ b/tests/fixtures/grid/grid_span_13_most_non_flex_with_minmax_indefinite_hidden.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; grid-template-rows: 40px 40px; grid-template-columns: min-content max-content fit-content(20px) auto 10px 20% minmax(2px, auto) minmax(2px, 4px) minmax(2px, min-content) minmax(2px, max-content) minmax(min-content, max-content) minmax(min-content, auto) minmax(max-content, auto);">
+  <div style="grid-column: 1 / span 13; overflow: hidden;">HHHHHHHHHHHHHHHH&ZeroWidthSpace;HHHHHHHHHHHHHHHH</div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_span_2_max_content_auto_indefinite_hidden.html b/tests/fixtures/grid/grid_span_2_max_content_auto_indefinite_hidden.html
new file mode 100644
index 0000000..6fdf08c
--- /dev/null
+++ b/tests/fixtures/grid/grid_span_2_max_content_auto_indefinite_hidden.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; grid-template-columns: max-content auto; grid-template-rows: 40px;">
+  <div style="grid-row: 1; grid-column: 1;"></div>
+  <div style="grid-row: 1; grid-column: 2;"></div>
+  <div style="grid-row: 1; grid-column: 1 / span 2; overflow: hidden;>HHHH&ZeroWidthSpace;HHHH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_span_2_max_content_fit_content_10px_indefinite_hidden.html b/tests/fixtures/grid/grid_span_2_max_content_fit_content_10px_indefinite_hidden.html
new file mode 100644
index 0000000..bb9a76a
--- /dev/null
+++ b/tests/fixtures/grid/grid_span_2_max_content_fit_content_10px_indefinite_hidden.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; grid-template-columns: max-content fit-content(10px); grid-template-rows: 40px;">
+  <div style="grid-row: 1; grid-column: 1;"></div>
+  <div style="grid-row: 1; grid-column: 2;"></div>
+  <div style="grid-row: 1; grid-column: 1 / span 2; overflow: hidden;">HHHH&ZeroWidthSpace;HHHH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_span_2_max_content_fit_content_80px_indefinite_hidden.html b/tests/fixtures/grid/grid_span_2_max_content_fit_content_80px_indefinite_hidden.html
new file mode 100644
index 0000000..fc3bfa4
--- /dev/null
+++ b/tests/fixtures/grid/grid_span_2_max_content_fit_content_80px_indefinite_hidden.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; grid-template-columns: max-content fit-content(80px); grid-template-rows: 40px;">
+  <div style="grid-row: 1; grid-column: 1;"></div>
+  <div style="grid-row: 1; grid-column: 2;"></div>
+  <div style="grid-row: 1; grid-column: 1 / span 2; overflow: hidden;">HHHH&ZeroWidthSpace;HHHH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_span_2_min_content_auto_indefinite_hidden.html b/tests/fixtures/grid/grid_span_2_min_content_auto_indefinite_hidden.html
new file mode 100644
index 0000000..28edea9
--- /dev/null
+++ b/tests/fixtures/grid/grid_span_2_min_content_auto_indefinite_hidden.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; grid-template-columns: min-content auto; grid-template-rows: 40px;">
+  <div></div>
+  <div></div>
+  <div style="grid-column: 1 / span 2; overflow: hidden;">HHHH&ZeroWidthSpace;HHHH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_span_2_min_content_fit_content_10px_indefinite_hidden.html b/tests/fixtures/grid/grid_span_2_min_content_fit_content_10px_indefinite_hidden.html
new file mode 100644
index 0000000..0d0f923
--- /dev/null
+++ b/tests/fixtures/grid/grid_span_2_min_content_fit_content_10px_indefinite_hidden.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; grid-template-columns: min-content fit-content(10px); grid-template-rows: 40px;">
+  <div style="grid-row: 1; grid-column: 1;"></div>
+  <div style="grid-row: 1; grid-column: 2;"></div>
+  <div style="grid-row: 1; grid-column: 1 / span 2; overflow: hidden;">HHHH&ZeroWidthSpace;HHHH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_span_2_min_content_fit_content_30px_indefinite_hidden.html b/tests/fixtures/grid/grid_span_2_min_content_fit_content_30px_indefinite_hidden.html
new file mode 100644
index 0000000..86d0933
--- /dev/null
+++ b/tests/fixtures/grid/grid_span_2_min_content_fit_content_30px_indefinite_hidden.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; grid-template-columns: min-content fit-content(30px); grid-template-rows: 40px;">
+  <div style="grid-row: 1; grid-column: 1;"></div>
+  <div style="grid-row: 1; grid-column: 2;"></div>
+  <div style="grid-row: 1; grid-column: 1 / span 2; overflow: hidden;">HHHH&ZeroWidthSpace;HHHH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_span_2_min_content_fit_content_80px_indefinite_hidden.html b/tests/fixtures/grid/grid_span_2_min_content_fit_content_80px_indefinite_hidden.html
new file mode 100644
index 0000000..a36f4db
--- /dev/null
+++ b/tests/fixtures/grid/grid_span_2_min_content_fit_content_80px_indefinite_hidden.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; grid-template-columns: min-content fit-content(80px); grid-template-rows: 40px;">
+  <div style="grid-row: 1; grid-column: 1;"></div>
+  <div style="grid-row: 1; grid-column: 2;"></div>
+  <div style="grid-row: 1; grid-column: 1 / span 2; overflow: hidden;">HHHH&ZeroWidthSpace;HHHH</div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_span_6_all_non_flex_indefinite_hidden.html b/tests/fixtures/grid/grid_span_6_all_non_flex_indefinite_hidden.html
new file mode 100644
index 0000000..a456253
--- /dev/null
+++ b/tests/fixtures/grid/grid_span_6_all_non_flex_indefinite_hidden.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; grid-template-columns: min-content max-content fit-content(20px) auto 10px 20%; grid-template-rows: 40px 40px;">
+  <div style="grid-column: 1 / span 6; overflow: hidden;">HHHHHHHH&ZeroWidthSpace;HHHHHHHH</div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+  <div></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/grid/grid_taffy_issue_624.html b/tests/fixtures/grid/grid_taffy_issue_624.html
new file mode 100644
index 0000000..68f53ae
--- /dev/null
+++ b/tests/fixtures/grid/grid_taffy_issue_624.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="display: grid; width: 320px; height: 640px; grid-template-columns: auto auto 1fr; grid-template-rows: auto auto auto 1fr; justify-content: start; justify-items: start;">
+  <div style="background: #59c4f6; width: 100px; height: 50px; grid-row: 1 / span 2; grid-column: 1;"></div>
+  <div style="background: #63c466; width: 40px; height: 30px; grid-row: 1 / span 2; grid-column: 2 / span 2;"></div>
+  <div style="background: #feb43f; width: 120px; height: 20px; grid-row: 3 / span 1; grid-column: 1 / span 2;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/leaf/leaf_overflow_scrollbars_affect_available_space_x_axis.html b/tests/fixtures/leaf/leaf_overflow_scrollbars_affect_available_space_x_axis.html
new file mode 100644
index 0000000..630c2dd
--- /dev/null
+++ b/tests/fixtures/leaf/leaf_overflow_scrollbars_affect_available_space_x_axis.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="width: 45px; height: 45px; overflow-x: scroll;">HHHHHHHHHHHHHHHHHHHHH</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/leaf/leaf_overflow_scrollbars_affect_available_space_y_axis.html b/tests/fixtures/leaf/leaf_overflow_scrollbars_affect_available_space_y_axis.html
new file mode 100644
index 0000000..5d682d3
--- /dev/null
+++ b/tests/fixtures/leaf/leaf_overflow_scrollbars_affect_available_space_y_axis.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="width: 45px; height: 45px; overflow-y: scroll;">HHHHHHHHHHHHHHHHHHHHH</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/leaf/leaf_overflow_scrollbars_overridden_by_available_space.html b/tests/fixtures/leaf/leaf_overflow_scrollbars_overridden_by_available_space.html
new file mode 100644
index 0000000..9fb95c1
--- /dev/null
+++ b/tests/fixtures/leaf/leaf_overflow_scrollbars_overridden_by_available_space.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="width: 2px; height: 4px;">
+  <div style="flex-grow: 1; overflow: scroll;"></div>
+</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/leaf/leaf_overflow_scrollbars_overridden_by_max_size.html b/tests/fixtures/leaf/leaf_overflow_scrollbars_overridden_by_max_size.html
new file mode 100644
index 0000000..8490c7d
--- /dev/null
+++ b/tests/fixtures/leaf/leaf_overflow_scrollbars_overridden_by_max_size.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="overflow: scroll; max-width: 2px; max-height: 4px;"></div>
+
+</body>
+</html>
diff --git a/tests/fixtures/leaf/leaf_overflow_scrollbars_overridden_by_size.html b/tests/fixtures/leaf/leaf_overflow_scrollbars_overridden_by_size.html
new file mode 100644
index 0000000..2ac72fd
--- /dev/null
+++ b/tests/fixtures/leaf/leaf_overflow_scrollbars_overridden_by_size.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="overflow: scroll; width: 2px; height: 4px;"></div>
+
+</body>
+</html>
diff --git a/tests/fixtures/leaf/leaf_overflow_scrollbars_take_up_space_both_axis.html b/tests/fixtures/leaf/leaf_overflow_scrollbars_take_up_space_both_axis.html
new file mode 100644
index 0000000..188c34e
--- /dev/null
+++ b/tests/fixtures/leaf/leaf_overflow_scrollbars_take_up_space_both_axis.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="overflow: scroll;">HH</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/leaf/leaf_overflow_scrollbars_take_up_space_x_axis.html b/tests/fixtures/leaf/leaf_overflow_scrollbars_take_up_space_x_axis.html
new file mode 100644
index 0000000..6eabb58
--- /dev/null
+++ b/tests/fixtures/leaf/leaf_overflow_scrollbars_take_up_space_x_axis.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="overflow-x: scroll;">HH</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/leaf/leaf_overflow_scrollbars_take_up_space_y_axis.html b/tests/fixtures/leaf/leaf_overflow_scrollbars_take_up_space_y_axis.html
new file mode 100644
index 0000000..d6a6ecb
--- /dev/null
+++ b/tests/fixtures/leaf/leaf_overflow_scrollbars_take_up_space_y_axis.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+<head/>
+<body>
+
+<div id="test-root" style="overflow-y: scroll;">HH</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/leaf/leaf_with_content_and_border.html b/tests/fixtures/leaf/leaf_with_content_and_border.html
new file mode 100644
index 0000000..095e170
--- /dev/null
+++ b/tests/fixtures/leaf/leaf_with_content_and_border.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="border-width: 2px 4px 6px 8px;">HHHH</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/leaf/leaf_with_content_and_padding.html b/tests/fixtures/leaf/leaf_with_content_and_padding.html
new file mode 100644
index 0000000..2a385c8
--- /dev/null
+++ b/tests/fixtures/leaf/leaf_with_content_and_padding.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="padding: 2px 4px 6px 8px;">HHHH</div>
+
+</body>
+</html>
diff --git a/tests/fixtures/leaf/leaf_with_content_and_padding_border.html b/tests/fixtures/leaf/leaf_with_content_and_padding_border.html
new file mode 100644
index 0000000..38f3ad6
--- /dev/null
+++ b/tests/fixtures/leaf/leaf_with_content_and_padding_border.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <link rel="stylesheet" type="text/css" href="./tests/fixtures/base_style.css">
+  <title>
+    Test description
+  </title>
+</head>
+<body>
+
+<div id="test-root" style="padding: 2px 4px 6px 8px; border-width: 1px 3px 5px 7px;">HHHH</div>
+
+</body>
+</html>