├── .github ├── sync │ ├── sync.sh │ └── webrender.paths └── workflows │ └── sync-upstream.yml ├── .gitignore ├── .taskcluster.yml ├── Cargo.lock ├── Cargo.toml ├── LICENSE ├── README.md ├── ci-scripts ├── docker-image │ ├── Dockerfile │ └── setup.sh ├── etc │ └── wr-darwin.meson ├── install-meson.sh ├── linux-debug-tests.sh ├── linux-release-tests.sh ├── macos-debug-tests.sh ├── macos-release-tests.sh ├── requirements.txt ├── set-screenresolution.ps1 └── windows-tests.cmd ├── example-compositor ├── compositor-wayland │ ├── Cargo.toml │ ├── build.rs │ └── src │ │ ├── lib.cpp │ │ └── lib.rs ├── compositor-windows │ ├── Cargo.toml │ ├── build.rs │ └── src │ │ ├── lib.cpp │ │ └── lib.rs └── compositor │ ├── Cargo.toml │ └── src │ └── main.rs ├── examples ├── Cargo.toml ├── README.md ├── alpha_perf.rs ├── animation.rs ├── basic.rs ├── blob.rs ├── common │ ├── boilerplate.rs │ └── image_helper.rs ├── document.rs ├── iframe.rs ├── image_resize.rs ├── multiwindow.rs ├── scrolling.rs ├── texture_cache_stress.rs └── yuv.rs ├── fog ├── Cargo.toml └── src │ └── main.rs ├── glsl-to-cxx ├── Cargo.toml ├── README.md └── src │ ├── hir.rs │ ├── lib.rs │ └── main.rs ├── peek-poke ├── Cargo.toml ├── LICENSE-APACHE ├── LICENSE-MIT ├── README.md ├── peek-poke-derive │ ├── Cargo.toml │ ├── LICENSE-APACHE │ ├── LICENSE-MIT │ ├── README.md │ └── src │ │ └── lib.rs ├── src │ ├── euclid.rs │ ├── lib.rs │ ├── slice_ext.rs │ └── vec_ext.rs └── tests │ ├── max_size.rs │ └── round_trip.rs ├── rustfmt.toml ├── servo-tidy.toml ├── swgl ├── Cargo.toml ├── README.md ├── build.rs └── src │ ├── blend.h │ ├── composite.h │ ├── gl.cc │ ├── gl_defs.h │ ├── glsl.h │ ├── lib.rs │ ├── program.h │ ├── rasterize.h │ ├── swgl_ext.h │ ├── swgl_fns.rs │ ├── texture.h │ └── vector_type.h ├── webrender ├── Cargo.toml ├── build.rs ├── doc │ ├── CLIPPING_AND_POSITIONING.md │ ├── blob.md │ ├── swizzling.md │ └── text-rendering.md ├── res │ ├── Proggy.ttf │ ├── area-lut.tga │ ├── base.glsl │ ├── blend.glsl │ ├── brush.glsl │ ├── brush_blend.glsl │ ├── brush_image.glsl │ ├── brush_linear_gradient.glsl │ ├── brush_mix_blend.glsl │ ├── brush_opacity.glsl │ ├── brush_solid.glsl │ ├── brush_yuv_image.glsl │ ├── clip_shared.glsl │ ├── composite.glsl │ ├── cs_blur.glsl │ ├── cs_border_segment.glsl │ ├── cs_border_solid.glsl │ ├── cs_clip_box_shadow.glsl │ ├── cs_clip_rectangle.glsl │ ├── cs_conic_gradient.glsl │ ├── cs_fast_linear_gradient.glsl │ ├── cs_line_decoration.glsl │ ├── cs_linear_gradient.glsl │ ├── cs_radial_gradient.glsl │ ├── cs_scale.glsl │ ├── cs_svg_filter.glsl │ ├── cs_svg_filter_node.glsl │ ├── debug_color.glsl │ ├── debug_font.glsl │ ├── ellipse.glsl │ ├── gpu_buffer.glsl │ ├── gpu_cache.glsl │ ├── gpu_cache_update.glsl │ ├── gradient.glsl │ ├── gradient_shared.glsl │ ├── prim_shared.glsl │ ├── ps_clear.glsl │ ├── ps_copy.glsl │ ├── ps_quad.glsl │ ├── ps_quad_conic_gradient.glsl │ ├── ps_quad_mask.glsl │ ├── ps_quad_radial_gradient.glsl │ ├── ps_quad_textured.glsl │ ├── ps_split_composite.glsl │ ├── ps_text_run.glsl │ ├── rect.glsl │ ├── render_task.glsl │ ├── sample_color0.glsl │ ├── shared.glsl │ ├── shared_other.glsl │ ├── transform.glsl │ └── yuv.glsl ├── src │ ├── api_resources.rs │ ├── batch.rs │ ├── border.rs │ ├── box_shadow.rs │ ├── bump_allocator.rs │ ├── capture.rs │ ├── clip.rs │ ├── command_buffer.rs │ ├── composite.rs │ ├── compositor │ │ ├── mod.rs │ │ └── sw_compositor.rs │ ├── debug_colors.rs │ ├── debug_font_data.rs │ ├── debug_item.rs │ ├── device │ │ ├── gl.rs │ │ ├── mod.rs │ │ └── query_gl.rs │ ├── ellipse.rs │ ├── filterdata.rs │ ├── frame_allocator.rs │ ├── frame_builder.rs │ ├── freelist.rs │ ├── glyph_cache.rs │ ├── gpu_cache.rs │ ├── gpu_types.rs │ ├── hit_test.rs │ ├── image_source.rs │ ├── image_tiling.rs │ ├── intern.rs │ ├── internal_types.rs │ ├── lib.rs │ ├── lru_cache.rs │ ├── pattern.rs │ ├── picture.rs │ ├── picture_graph.rs │ ├── picture_textures.rs │ ├── prepare.rs │ ├── prim_store │ │ ├── backdrop.rs │ │ ├── borders.rs │ │ ├── gradient │ │ │ ├── conic.rs │ │ │ ├── linear.rs │ │ │ ├── mod.rs │ │ │ └── radial.rs │ │ ├── image.rs │ │ ├── interned.rs │ │ ├── line_dec.rs │ │ ├── mod.rs │ │ ├── picture.rs │ │ ├── storage.rs │ │ └── text_run.rs │ ├── print_tree.rs │ ├── profiler.rs │ ├── quad.rs │ ├── rectangle_occlusion.rs │ ├── render_api.rs │ ├── render_backend.rs │ ├── render_target.rs │ ├── render_task.rs │ ├── render_task_cache.rs │ ├── render_task_graph.rs │ ├── renderer │ │ ├── debug.rs │ │ ├── gpu_buffer.rs │ │ ├── gpu_cache.rs │ │ ├── init.rs │ │ ├── mod.rs │ │ ├── shade.rs │ │ ├── upload.rs │ │ └── vertex.rs │ ├── resource_cache.rs │ ├── scene.rs │ ├── scene_builder_thread.rs │ ├── scene_building.rs │ ├── screen_capture.rs │ ├── segment.rs │ ├── space.rs │ ├── spatial_node.rs │ ├── spatial_tree.rs │ ├── surface.rs │ ├── telemetry.rs │ ├── texture_cache.rs │ ├── texture_pack │ │ ├── guillotine.rs │ │ └── mod.rs │ ├── tile_cache.rs │ ├── util.rs │ └── visibility.rs └── tests │ └── angle_shader_validation.rs ├── webrender_api ├── Cargo.toml └── src │ ├── channel.rs │ ├── color.rs │ ├── display_item.rs │ ├── display_item_cache.rs │ ├── display_list.rs │ ├── font.rs │ ├── gradient_builder.rs │ ├── image.rs │ ├── lib.rs │ ├── tile_pool.rs │ └── units.rs ├── webrender_build ├── Cargo.toml └── src │ ├── lib.rs │ ├── shader.rs │ └── shader_features.rs ├── wr_glyph_rasterizer ├── Cargo.toml ├── README.md ├── examples │ ├── basic.rs │ └── common │ │ └── boilerplate.rs └── src │ ├── gamma_lut.rs │ ├── lib.rs │ ├── platform │ ├── macos │ │ └── font.rs │ ├── unix │ │ └── font.rs │ └── windows │ │ └── font.rs │ ├── profiler.rs │ ├── rasterizer.rs │ ├── telemetry.rs │ └── types.rs ├── wr_malloc_size_of ├── Cargo.toml ├── LICENSE-APACHE ├── LICENSE-MIT └── lib.rs └── wrench ├── .gitignore ├── Cargo.toml ├── README.md ├── android.txt ├── benchmarks ├── aligned-gradient.yaml ├── benchmarks.list ├── box-shadow-large.yaml ├── clip-clear.yaml ├── large-blur-radius.yaml ├── large-boxshadow-ellipse-2.yaml ├── large-boxshadow-ellipse.yaml ├── large-clip-rect.yaml ├── many-box-shadows.yaml ├── many-images.yaml ├── overlapping-text-shadows.yaml ├── radial-gradient.yaml ├── simple-batching.yaml ├── text-rendering.yaml ├── transforms-simple.yaml └── unaligned-gradient.yaml ├── build.rs ├── examples ├── animated.anim └── animated.yaml ├── invalidation ├── basic.yaml ├── composite_nop_1.yaml ├── composite_nop_2.yaml ├── scroll_subpic_1.yaml └── scroll_subpic_2.yaml ├── reftests ├── aa │ ├── aa-dist-bug-ref.yaml │ ├── aa-dist-bug.yaml │ ├── fractional-nine-patch.png │ ├── fractional-nine-patch.yaml │ ├── fractional-radii-ref.yaml │ ├── fractional-radii.yaml │ ├── indirect-rotate.png │ ├── indirect-rotate.yaml │ ├── reftest.list │ ├── rotated-line.png │ ├── rotated-line.yaml │ ├── rounded-rects-ref.png │ └── rounded-rects.yaml ├── backface │ ├── backface-3d-leaf.yaml │ ├── backface-both-sides-ref.yaml │ ├── backface-both-sides.yaml │ ├── backface-double-flip.yaml │ ├── backface-flatten.yaml │ ├── backface-hidden.yaml │ ├── backface-leaf-ref.yaml │ ├── backface-leaf.yaml │ ├── backface-perspective-ref.yaml │ ├── backface-perspective.yaml │ ├── backface-picture-ref.yaml │ ├── backface-picture.yaml │ ├── backface-ref.yaml │ ├── backface-sc.yaml │ ├── backface-vis-3d.yaml │ ├── blank.yaml │ └── reftest.list ├── blend │ ├── backdrop-filter-blend-container-ref.yaml │ ├── backdrop-filter-blend-container.yaml │ ├── backdrop-filter-preceding-ref.yaml │ ├── backdrop-filter-preceding.yaml │ ├── blank.yaml │ ├── blend-overflow-ref.yaml │ ├── blend-overflow.yaml │ ├── child-surface-ref.yaml │ ├── child-surface.yaml │ ├── darken-ref.yaml │ ├── darken.yaml │ ├── difference-ref.yaml │ ├── difference-transparent-ref.yaml │ ├── difference-transparent.yaml │ ├── difference.yaml │ ├── isolated-2-ref.yaml │ ├── isolated-2.yaml │ ├── isolated-premultiplied-2-ref.yaml │ ├── isolated-premultiplied-2.yaml │ ├── isolated-premultiplied.yaml │ ├── isolated-ref.yaml │ ├── isolated-with-filter.yaml │ ├── isolated.yaml │ ├── large-ref.yaml │ ├── large.yaml │ ├── lighten-ref.yaml │ ├── lighten.yaml │ ├── mix-blend-complex-transform.png │ ├── mix-blend-complex-transform.yaml │ ├── mix-blend-invalid-backdrop-ref.yaml │ ├── mix-blend-invalid-backdrop.yaml │ ├── multi-mix-blend-mode-ref.yaml │ ├── multi-mix-blend-mode.yaml │ ├── multiply-2-ref.yaml │ ├── multiply-2.yaml │ ├── multiply-3.yaml │ ├── multiply-ref.yaml │ ├── multiply.yaml │ ├── raster-roots-1-ref.yaml │ ├── raster-roots-1.yaml │ ├── reftest.list │ ├── repeated-difference-ref.yaml │ ├── repeated-difference.yaml │ ├── transparent-composite-1-ref.yaml │ ├── transparent-composite-1.yaml │ ├── transparent-composite-2-ref.yaml │ ├── transparent-composite-2.yaml │ └── transparent-white.png ├── border │ ├── blank.yaml │ ├── border-clamp-corner-radius.png │ ├── border-clamp-corner-radius.yaml │ ├── border-dashed-dotted-caching.png │ ├── border-dashed-dotted-caching.yaml │ ├── border-double-1px-ref.yaml │ ├── border-double-1px.yaml │ ├── border-double-simple-2-ref.yaml │ ├── border-double-simple-2.yaml │ ├── border-double-simple-ref.yaml │ ├── border-double-simple.yaml │ ├── border-gradient-nine-patch.png │ ├── border-gradient-nine-patch.yaml │ ├── border-gradient-simple-ref.yaml │ ├── border-gradient-simple.yaml │ ├── border-groove-simple-ref.yaml │ ├── border-groove-simple.yaml │ ├── border-image-crash-ref.yaml │ ├── border-image-crash.yaml │ ├── border-image-empty-slice-ref.png │ ├── border-image-empty-slice.yaml │ ├── border-image-fill-2-ref.png │ ├── border-image-fill-2.yaml │ ├── border-image-fill-ref.png │ ├── border-image-fill.yaml │ ├── border-image-ref.png │ ├── border-image-round-ref.png │ ├── border-image-round.yaml │ ├── border-image-src-2.png │ ├── border-image-src.png │ ├── border-image.yaml │ ├── border-invisible-ref.yaml │ ├── border-invisible.yaml │ ├── border-no-bogus-line-ref.png │ ├── border-no-bogus-line.yaml │ ├── border-none-ref.yaml │ ├── border-none.yaml │ ├── border-overlapping-corner-ref.yaml │ ├── border-overlapping-corner.yaml │ ├── border-overlapping-edge-ref.yaml │ ├── border-overlapping-edge.yaml │ ├── border-radial-gradient-nine-patch.png │ ├── border-radial-gradient-nine-patch.yaml │ ├── border-radial-gradient-simple-ref.yaml │ ├── border-radial-gradient-simple.yaml │ ├── border-radii.png │ ├── border-radii.yaml │ ├── border-ridge-simple-ref.yaml │ ├── border-ridge-simple.yaml │ ├── border-suite-2.png │ ├── border-suite-2.yaml │ ├── border-suite-3.png │ ├── border-suite-3.yaml │ ├── border-suite.png │ ├── border-suite.yaml │ ├── degenerate-curve.png │ ├── degenerate-curve.yaml │ ├── discontinued-dash.png │ ├── discontinued-dash.yaml │ ├── dotted-corner-small-radius.png │ ├── dotted-corner-small-radius.yaml │ ├── green-square.yaml │ ├── max-scale-ref.yaml │ ├── max-scale.yaml │ ├── no-aa.yaml │ ├── overlapping.png │ ├── overlapping.yaml │ ├── reftest.list │ ├── small-dotted-border.png │ ├── small-dotted-border.yaml │ ├── small-inset-outset-notref.yaml │ ├── small-inset-outset.yaml │ └── zero-width.yaml ├── boxshadow │ ├── blank.yaml │ ├── box-shadow-blurred-overlapping-radii-ref.yaml │ ├── box-shadow-blurred-overlapping-radii.yaml │ ├── box-shadow-border-radii.png │ ├── box-shadow-border-radii.yaml │ ├── box-shadow-cache.png │ ├── box-shadow-cache.yaml │ ├── box-shadow-clip-ref.yaml │ ├── box-shadow-clip.yaml │ ├── box-shadow-clipped-corners-ref.yaml │ ├── box-shadow-clipped-corners.yaml │ ├── box-shadow-empty.yaml │ ├── box-shadow-huge-radius.png │ ├── box-shadow-huge-radius.yaml │ ├── box-shadow-large-blur-radius-2.png │ ├── box-shadow-large-blur-radius-2.yaml │ ├── box-shadow-large-blur-radius-3.png │ ├── box-shadow-large-blur-radius-3.yaml │ ├── box-shadow-large-blur-radius-ref.yaml │ ├── box-shadow-large-blur-radius.yaml │ ├── box-shadow-non-uniform-corner.png │ ├── box-shadow-non-uniform-corner.yaml │ ├── box-shadow-spread-radii-ref.yaml │ ├── box-shadow-spread-radii.yaml │ ├── box-shadow-spread.png │ ├── box-shadow-spread.yaml │ ├── box-shadow-stretch-mode-x.png │ ├── box-shadow-stretch-mode-x.yaml │ ├── box-shadow-stretch-mode-y.png │ ├── box-shadow-stretch-mode-y.yaml │ ├── box-shadow-suite-blur.png │ ├── box-shadow-suite-blur.yaml │ ├── box-shadow-suite-no-blur.png │ ├── box-shadow-suite-no-blur.yaml │ ├── boxshadow-spread-only-ref.png │ ├── boxshadow-spread-only.yaml │ ├── inset-alpha.png │ ├── inset-alpha.yaml │ ├── inset-border-radius-ref.yaml │ ├── inset-border-radius.png │ ├── inset-border-radius.yaml │ ├── inset-downscale.png │ ├── inset-downscale.yaml │ ├── inset-empty.yaml │ ├── inset-large-offset-ref.png │ ├── inset-large-offset.yaml │ ├── inset-mask-region.png │ ├── inset-mask-region.yaml │ ├── inset-neg-offset.png │ ├── inset-neg-offset.yaml │ ├── inset-no-blur-radius-ref.png │ ├── inset-no-blur-radius.yaml │ ├── inset-offset.png │ ├── inset-offset.yaml │ ├── inset-simple-ref.yaml │ ├── inset-simple.yaml │ ├── inset-spread-large-ref.yaml │ ├── inset-spread-large.yaml │ ├── inset-spread-ref.yaml │ ├── inset-spread.yaml │ ├── inset-subpx.png │ ├── inset-subpx.yaml │ ├── invalid-ref.yaml │ ├── invalid.yaml │ ├── no-stretch.png │ ├── no-stretch.yaml │ ├── overlap1.png │ ├── overlap1.yaml │ ├── overlap2.png │ ├── overlap2.yaml │ ├── reftest.list │ ├── rounding-ref.yaml │ ├── rounding.yaml │ ├── scale.png │ └── scale.yaml ├── clip │ ├── blank.yaml │ ├── blend-container-ref.yaml │ ├── blend-container.yaml │ ├── border-with-rounded-clip.png │ ├── border-with-rounded-clip.yaml │ ├── clip-2d-z-rotations.png │ ├── clip-2d-z-rotations.yaml │ ├── clip-3d-transform-ref.yaml │ ├── clip-3d-transform.yaml │ ├── clip-45-degree-rotation-ref.png │ ├── clip-45-degree-rotation.yaml │ ├── clip-and-filter-with-rotation-ref.yaml │ ├── clip-and-filter-with-rotation.yaml │ ├── clip-between-picclip-and-lca.png │ ├── clip-between-picclip-and-lca.yaml │ ├── clip-corner-overlap-ref.yaml │ ├── clip-corner-overlap.yaml │ ├── clip-ellipse.png │ ├── clip-ellipse.yaml │ ├── clip-empty-inner-rect-ref.yaml │ ├── clip-empty-inner-rect.yaml │ ├── clip-filter-raster-root-ref.yaml │ ├── clip-filter-raster-root.yaml │ ├── clip-mode.png │ ├── clip-mode.yaml │ ├── clip-rectangle-redundant-sc-ref.yaml │ ├── clip-rectangle-redundant-sc.yaml │ ├── clip-thin-rotated-ref.yaml │ ├── clip-thin-rotated.yaml │ ├── clipped-occlusion-ref.yaml │ ├── clipped-occlusion.yaml │ ├── custom-clip-chain-node-ancestors-ref.yaml │ ├── custom-clip-chain-node-ancestors.yaml │ ├── fixed-position-clipping-ref.yaml │ ├── fixed-position-clipping.yaml │ ├── iframe-nested-in-stacking-context-ref.yaml │ ├── iframe-nested-in-stacking-context.yaml │ ├── inverted-ellipse.png │ ├── inverted-ellipse.yaml │ ├── raster-roots-tiled-mask-ref.yaml │ ├── raster-roots-tiled-mask.yaml │ ├── reftest.list │ ├── sc-mask-with-blur.png │ ├── sc-mask-with-blur.yaml │ ├── segmentation-across-rotation-ref.yaml │ ├── segmentation-across-rotation.yaml │ ├── segmentation-with-other-coordinate-system-clip-ref.yaml │ ├── segmentation-with-other-coordinate-system-clip.png │ ├── segmentation-with-other-coordinate-system-clip.yaml │ ├── snapping-ref.yaml │ ├── snapping.yaml │ ├── stacking-context-clip-ref.yaml │ └── stacking-context-clip.yaml ├── compositor-surface │ ├── FreeSans.ttf │ ├── barn-u.png │ ├── barn-v.png │ ├── barn-y.png │ ├── basic-ref.yaml │ ├── basic.yaml │ ├── blank.yaml │ ├── coord-systems.yaml │ ├── filter-overlay-ref.yaml │ ├── filter-overlay.yaml │ ├── mask.png │ ├── mask.yaml │ ├── mix-blend-ref.yaml │ ├── mix-blend.yaml │ ├── multiple-underlays-with-mask.png │ ├── multiple-underlays-with-mask.yaml │ ├── picture-passthrough.yaml │ ├── reftest.list │ ├── too-many-surfaces-ref.yaml │ ├── too-many-surfaces.yaml │ ├── transparent-opaque-image-ref.yaml │ ├── transparent-opaque-image.yaml │ ├── underlay-mask-on-translucent-slice.png │ ├── underlay-mask-on-translucent-slice.yaml │ ├── underlay.png │ └── underlay.yaml ├── crash │ ├── blank.yaml │ ├── iframe-dup.yaml │ ├── many-segments.yaml │ └── reftest.list ├── filters │ ├── backdrop-filter-across-tiles.png │ ├── backdrop-filter-across-tiles.yaml │ ├── backdrop-filter-basic-ref.yaml │ ├── backdrop-filter-basic.yaml │ ├── backdrop-filter-blur-across-tiles.png │ ├── backdrop-filter-blur-across-tiles.yaml │ ├── backdrop-filter-blur-edge-mode-ref.yaml │ ├── backdrop-filter-blur-edge-mode.yaml │ ├── backdrop-filter-chain.png │ ├── backdrop-filter-chain.yaml │ ├── backdrop-filter-clip-mask-ref.yaml │ ├── backdrop-filter-clip-mask.yaml │ ├── backdrop-filter-culled-filter-ref.yaml │ ├── backdrop-filter-culled-filter.yaml │ ├── backdrop-filter-drop-shadow.png │ ├── backdrop-filter-drop-shadow.yaml │ ├── backdrop-filter-half-opacity-ref.yaml │ ├── backdrop-filter-half-opacity.yaml │ ├── backdrop-filter-isolation-ref.yaml │ ├── backdrop-filter-isolation.yaml │ ├── backdrop-filter-nested.yaml │ ├── backdrop-filter-on-child-surface-ref.yaml │ ├── backdrop-filter-on-child-surface.yaml │ ├── backdrop-filter-overlap.png │ ├── backdrop-filter-overlap.yaml │ ├── backdrop-filter-perspective.png │ ├── backdrop-filter-perspective.yaml │ ├── backdrop-filter-transformed-filter.png │ ├── backdrop-filter-transformed-filter.yaml │ ├── blank.yaml │ ├── blend-clipped-raster-root.png │ ├── blend-clipped-raster-root.yaml │ ├── blend-clipped.png │ ├── blend-clipped.yaml │ ├── drop-shadow-inverse-scale.yaml │ ├── filter-blur-clamping-ref.yaml │ ├── filter-blur-clamping.yaml │ ├── filter-blur-downscale-fractional.png │ ├── filter-blur-downscale-fractional.yaml │ ├── filter-blur-huge.yaml │ ├── filter-blur-scaled-ref.yaml │ ├── filter-blur-scaled-xonly.png │ ├── filter-blur-scaled-xonly.yaml │ ├── filter-blur-scaled.yaml │ ├── filter-blur.png │ ├── filter-blur.yaml │ ├── filter-brightness-2-ref.yaml │ ├── filter-brightness-2.yaml │ ├── filter-brightness-3-ref.yaml │ ├── filter-brightness-3.yaml │ ├── filter-brightness-4-ref.yaml │ ├── filter-brightness-4.yaml │ ├── filter-brightness-ref.yaml │ ├── filter-brightness.yaml │ ├── filter-color-matrix-ref.yaml │ ├── filter-color-matrix.yaml │ ├── filter-component-transfer-ref.yaml │ ├── filter-component-transfer.yaml │ ├── filter-contrast-gray-alpha-1-ref.yaml │ ├── filter-contrast-gray-alpha-1.yaml │ ├── filter-drop-shadow-blur-clamping-ref.yaml │ ├── filter-drop-shadow-blur-clamping.yaml │ ├── filter-drop-shadow-clip-2.png │ ├── filter-drop-shadow-clip-2.yaml │ ├── filter-drop-shadow-clip-3.png │ ├── filter-drop-shadow-clip-3.yaml │ ├── filter-drop-shadow-clip.png │ ├── filter-drop-shadow-clip.yaml │ ├── filter-drop-shadow-fractional.png │ ├── filter-drop-shadow-fractional.yaml │ ├── filter-drop-shadow-huge.yaml │ ├── filter-drop-shadow-on-viewport-edge.png │ ├── filter-drop-shadow-on-viewport-edge.yaml │ ├── filter-drop-shadow-scaled-ref.yaml │ ├── filter-drop-shadow-scaled.yaml │ ├── filter-drop-shadow-transform-huge.yaml │ ├── filter-drop-shadow.png │ ├── filter-drop-shadow.yaml │ ├── filter-grayscale-ref.yaml │ ├── filter-grayscale.yaml │ ├── filter-hue-rotate-1-ref.yaml │ ├── filter-hue-rotate-1.yaml │ ├── filter-hue-rotate-alpha-1-ref.yaml │ ├── filter-hue-rotate-alpha-1.yaml │ ├── filter-invert-2-ref.yaml │ ├── filter-invert-2.yaml │ ├── filter-invert-ref.yaml │ ├── filter-invert.yaml │ ├── filter-large-blur-radius.png │ ├── filter-large-blur-radius.yaml │ ├── filter-long-chain.png │ ├── filter-long-chain.yaml │ ├── filter-mix-blend-mode-ref.yaml │ ├── filter-mix-blend-mode.yaml │ ├── filter-mix-blend-scaling-ref.yaml │ ├── filter-mix-blend-scaling.yaml │ ├── filter-saturate-blue-1-ref.yaml │ ├── filter-saturate-blue-1.yaml │ ├── filter-saturate-blue-2-ref.yaml │ ├── filter-saturate-blue-2.yaml │ ├── filter-saturate-blue-3-ref.yaml │ ├── filter-saturate-blue-3.yaml │ ├── filter-saturate-blue-alpha-1-ref.yaml │ ├── filter-saturate-blue-alpha-1.yaml │ ├── filter-saturate-green-1-ref.yaml │ ├── filter-saturate-green-1.yaml │ ├── filter-saturate-green-2-ref.yaml │ ├── filter-saturate-green-2.yaml │ ├── filter-saturate-green-3-ref.yaml │ ├── filter-saturate-green-3.yaml │ ├── filter-saturate-green-alpha-1-ref.yaml │ ├── filter-saturate-green-alpha-1.yaml │ ├── filter-saturate-red-1-ref.yaml │ ├── filter-saturate-red-1.yaml │ ├── filter-saturate-red-2-ref.yaml │ ├── filter-saturate-red-2.yaml │ ├── filter-saturate-red-3-ref.yaml │ ├── filter-saturate-red-3.yaml │ ├── filter-saturate-red-alpha-1-ref.yaml │ ├── filter-saturate-red-alpha-1.yaml │ ├── filter-segments-ref.yaml │ ├── filter-segments.yaml │ ├── filter-small-blur-radius.png │ ├── filter-small-blur-radius.yaml │ ├── firefox.png │ ├── iframe-dropshadow-ref.yaml │ ├── iframe-dropshadow.yaml │ ├── invisible-ref.yaml │ ├── invisible.yaml │ ├── isolated-ref.yaml │ ├── isolated.yaml │ ├── opacity-combined-ref.yaml │ ├── opacity-combined.yaml │ ├── opacity-overlap-ref.yaml │ ├── opacity-overlap.yaml │ ├── opacity-ref.yaml │ ├── opacity.yaml │ ├── reftest.list │ ├── srgb-to-linear-2.yaml │ ├── srgb-to-linear-ref.yaml │ ├── srgb-to-linear.yaml │ ├── svg-filter-blend-ref.yaml │ ├── svg-filter-blend.yaml │ ├── svg-filter-blur-transforms.png │ ├── svg-filter-blur-transforms.yaml │ ├── svg-filter-blur.yaml │ ├── svg-filter-color-matrix.yaml │ ├── svg-filter-component-transfer.yaml │ ├── svg-filter-composite-ref.yaml │ ├── svg-filter-composite.yaml │ ├── svg-filter-drop-shadow-on-viewport-edge.png │ ├── svg-filter-drop-shadow-on-viewport-edge.yaml │ ├── svg-filter-drop-shadow-perspective.png │ ├── svg-filter-drop-shadow-perspective.yaml │ ├── svg-filter-drop-shadow-rotate-ref.yaml │ ├── svg-filter-drop-shadow-rotate.yaml │ ├── svg-filter-drop-shadow.png │ ├── svg-filter-drop-shadow.yaml │ ├── svg-filter-flood-ref.yaml │ ├── svg-filter-flood.yaml │ ├── svg-filter-offset-ref.yaml │ ├── svg-filter-offset.yaml │ ├── svg-srgb-to-linear.yaml │ ├── svgfe-blenddarken-linear-ref.yaml │ ├── svgfe-blenddarken-linear.yaml │ ├── svgfe-blendmultiply-linear-ref.yaml │ ├── svgfe-blendmultiply-linear.yaml │ ├── svgfe-blendnormal-linear-ref.yaml │ ├── svgfe-blendnormal-linear.yaml │ ├── svgfe-colormatrix-ref.yaml │ ├── svgfe-colormatrix.yaml │ ├── svgfe-dropshadow-offscreen-source-ref.yaml │ ├── svgfe-dropshadow-offscreen-source.yaml │ ├── svgfe-dropshadow-ref.yaml │ ├── svgfe-dropshadow.yaml │ ├── svgfe-opacity-linear-ref.yaml │ ├── svgfe-opacity-linear.yaml │ ├── svgfe-opacity-ref.yaml │ ├── svgfe-opacity.yaml │ ├── svgfe-subregion-bigger-ref.yaml │ ├── svgfe-subregion-bigger.yaml │ ├── svgfe-subregion-offset-stacking-context-ref.yaml │ └── svgfe-subregion-offset-stacking-context.yaml ├── gradient │ ├── conic-angle-wraparound-negative.yaml │ ├── conic-angle-wraparound.yaml │ ├── conic-angle.png │ ├── conic-angle.yaml │ ├── conic-backdrop-ref.yaml │ ├── conic-backdrop-with-spacing-ref.yaml │ ├── conic-backdrop-with-spacing.yaml │ ├── conic-backdrop.yaml │ ├── conic-center.png │ ├── conic-center.yaml │ ├── conic-color-wheel.png │ ├── conic-color-wheel.yaml │ ├── conic-large-hard-stop-ref.yaml │ ├── conic-large-hard-stop.yaml │ ├── conic-large-ref.yaml │ ├── conic-large.yaml │ ├── conic-nan.yaml │ ├── conic-ref.yaml │ ├── conic-simple.png │ ├── conic-simple.yaml │ ├── conic.yaml │ ├── gradient_cache_5stops.yaml │ ├── gradient_cache_5stops_ref.yaml │ ├── gradient_cache_5stops_vertical.yaml │ ├── gradient_cache_5stops_vertical_ref.yaml │ ├── gradient_cache_clamp.yaml │ ├── gradient_cache_clamp_ref.yaml │ ├── gradient_cache_hardstop.yaml │ ├── gradient_cache_hardstop_clip.yaml │ ├── gradient_cache_hardstop_clip_ref.yaml │ ├── gradient_cache_hardstop_ref.yaml │ ├── gradient_cache_repeat.yaml │ ├── gradient_cache_repeat_ref.yaml │ ├── linear-adjust-tile-size-ref.yaml │ ├── linear-adjust-tile-size.yaml │ ├── linear-aligned-border-radius.png │ ├── linear-aligned-border-radius.yaml │ ├── linear-aligned-clip-ref.yaml │ ├── linear-aligned-clip.yaml │ ├── linear-backdrop-ref.yaml │ ├── linear-backdrop-with-spacing-ref.yaml │ ├── linear-backdrop-with-spacing.yaml │ ├── linear-backdrop.yaml │ ├── linear-bug-1703141.yaml │ ├── linear-clamp-1-ref.yaml │ ├── linear-clamp-1a.yaml │ ├── linear-clamp-1b.yaml │ ├── linear-clamp-2-ref.yaml │ ├── linear-clamp-2.yaml │ ├── linear-double.yaml │ ├── linear-far-endpoints.yaml │ ├── linear-hard-stop-ref.png │ ├── linear-hard-stop-repeat-large-ref.yaml │ ├── linear-hard-stop-repeat-large.yaml │ ├── linear-hard-stop.yaml │ ├── linear-large-ref.yaml │ ├── linear-large.yaml │ ├── linear-nan.yaml │ ├── linear-ref.png │ ├── linear-ref.yaml │ ├── linear-repeat-clip-ref.yaml │ ├── linear-repeat-clip.yaml │ ├── linear-reverse-2-ref.yaml │ ├── linear-reverse-2.yaml │ ├── linear-reverse-3-ref.yaml │ ├── linear-reverse-3.yaml │ ├── linear-reverse.yaml │ ├── linear-stops-ref.png │ ├── linear-stops.yaml │ ├── linear.yaml │ ├── norm-conic-1-ref.yaml │ ├── norm-conic-1.yaml │ ├── norm-conic-2-ref.yaml │ ├── norm-conic-2.yaml │ ├── norm-conic-3-ref.yaml │ ├── norm-conic-3.yaml │ ├── norm-conic-4-ref.yaml │ ├── norm-conic-4.yaml │ ├── norm-conic-degenerate-ref.yaml │ ├── norm-conic-degenerate.yaml │ ├── norm-linear-1-ref.yaml │ ├── norm-linear-1.yaml │ ├── norm-linear-2-ref.yaml │ ├── norm-linear-2.yaml │ ├── norm-linear-3-ref.yaml │ ├── norm-linear-3.yaml │ ├── norm-linear-4-ref.yaml │ ├── norm-linear-4.yaml │ ├── norm-linear-degenerate-ref.yaml │ ├── norm-linear-degenerate.yaml │ ├── norm-radial-1-ref.yaml │ ├── norm-radial-1.yaml │ ├── norm-radial-2-ref.yaml │ ├── norm-radial-2.yaml │ ├── norm-radial-3-ref.yaml │ ├── norm-radial-3.yaml │ ├── norm-radial-degenerate-ref.yaml │ ├── norm-radial-degenerate.yaml │ ├── premultiplied-aligned-2.png │ ├── premultiplied-aligned-2.yaml │ ├── premultiplied-aligned.png │ ├── premultiplied-aligned.yaml │ ├── premultiplied-angle-2.png │ ├── premultiplied-angle-2.yaml │ ├── premultiplied-angle.png │ ├── premultiplied-angle.yaml │ ├── premultiplied-conic-2.png │ ├── premultiplied-conic-2.yaml │ ├── premultiplied-conic.png │ ├── premultiplied-conic.yaml │ ├── premultiplied-radial-2.png │ ├── premultiplied-radial-2.yaml │ ├── premultiplied-radial.png │ ├── premultiplied-radial.yaml │ ├── radial-backdrop-ref.yaml │ ├── radial-backdrop-with-spacing-ref.yaml │ ├── radial-backdrop-with-spacing.yaml │ ├── radial-backdrop.yaml │ ├── radial-border-radius-large-ref.png │ ├── radial-border-radius-large.yaml │ ├── radial-circle-ref.png │ ├── radial-circle.yaml │ ├── radial-ellipse-ref.png │ ├── radial-ellipse.yaml │ ├── radial-large-ref.png │ ├── radial-large.yaml │ ├── radial-nan.yaml │ ├── radial-optimized-2-ref.yaml │ ├── radial-optimized-2.yaml │ ├── radial-optimized-ref.yaml │ ├── radial-optimized.yaml │ ├── radial-tiling-optimized-ref.yaml │ ├── radial-tiling-optimized.yaml │ ├── radial-zero-size-1.yaml │ ├── radial-zero-size-2.yaml │ ├── radial-zero-size-3.yaml │ ├── radial-zero-size-ref.yaml │ ├── reftest.list │ ├── repeat-border-radius.png │ ├── repeat-border-radius.yaml │ ├── repeat-conic-negative.yaml │ ├── repeat-conic-ref.yaml │ ├── repeat-conic.yaml │ ├── repeat-linear-ref.yaml │ ├── repeat-linear-reverse.yaml │ ├── repeat-linear.yaml │ ├── repeat-radial-negative.yaml │ ├── repeat-radial-ref.yaml │ ├── repeat-radial.yaml │ ├── tiling-conic-1-ref.yaml │ ├── tiling-conic-1.yaml │ ├── tiling-conic-2-ref.yaml │ ├── tiling-conic-2.yaml │ ├── tiling-conic-3-ref.yaml │ ├── tiling-conic-3.yaml │ ├── tiling-linear-1-ref.yaml │ ├── tiling-linear-1.yaml │ ├── tiling-linear-2-ref.yaml │ ├── tiling-linear-2.yaml │ ├── tiling-linear-3-ref.yaml │ ├── tiling-linear-3.yaml │ ├── tiling-radial-1-ref.yaml │ ├── tiling-radial-1.yaml │ ├── tiling-radial-2-ref.yaml │ ├── tiling-radial-2.yaml │ ├── tiling-radial-3-ref.yaml │ ├── tiling-radial-3.yaml │ ├── tiling-radial-4-ref.yaml │ └── tiling-radial-4.yaml ├── image │ ├── colorrect.png │ ├── downscale.png │ ├── downscale.yaml │ ├── firefox.png │ ├── green-alpha-ref.yaml │ ├── image-alpha-stretch-tile.yaml │ ├── image-alpha-stretch.yaml │ ├── image-filter-stretch-tile.yaml │ ├── image-filter-stretch.yaml │ ├── occlusion.png │ ├── occlusion.yaml │ ├── reftest.list │ ├── rgb_composite.yaml │ ├── rgb_composite_ref.yaml │ ├── segments.png │ ├── segments.yaml │ ├── spacex-u.png │ ├── spacex-uv.png │ ├── spacex-v.png │ ├── spacex-y.png │ ├── spacex-yuv.png │ ├── texture-rect-ref.yaml │ ├── texture-rect.yaml │ ├── tile-repeat-prim-or-decompose-ref.yaml │ ├── tile-repeat-prim-or-decompose.yaml │ ├── tile-size-ref.yaml │ ├── tile-size.yaml │ ├── tile-with-spacing-ref.yaml │ ├── tile-with-spacing.yaml │ ├── tiled-clip-chain-ref.yaml │ ├── tiled-clip-chain.yaml │ ├── tiled-complex-clip-ref.yaml │ ├── tiled-complex-clip.yaml │ ├── very-big-ref.yaml │ ├── very-big-tile-size-ref.yaml │ ├── very-big-tile-size.yaml │ ├── very-big.yaml │ ├── yuv-clip.yaml │ ├── yuv.png │ └── yuv.yaml ├── mask │ ├── aligned-layer-rect-ref.yaml │ ├── aligned-layer-rect.yaml │ ├── checkerboard-tiling.yaml │ ├── checkerboard.png │ ├── checkerboard.yaml │ ├── circle.png │ ├── green.yaml │ ├── mask-atomicity-ref.yaml │ ├── mask-atomicity-tiling.yaml │ ├── mask-atomicity.yaml │ ├── mask-multiple-coord-systems.png │ ├── mask-multiple-coord-systems.yaml │ ├── mask-perspective-tiling.yaml │ ├── mask-perspective.png │ ├── mask-perspective.yaml │ ├── mask-ref.yaml │ ├── mask-tiling.yaml │ ├── mask-transformed-to-empty-rect-ref.yaml │ ├── mask-transformed-to-empty-rect.yaml │ ├── mask.png │ ├── mask.yaml │ ├── missing-mask-ref.yaml │ ├── missing-mask.yaml │ ├── nested-mask-ref.yaml │ ├── nested-mask-tiling.yaml │ ├── nested-mask.yaml │ ├── out-of-bounds.yaml │ ├── reftest.list │ ├── rounded-corners.png │ ├── rounded-corners.yaml │ ├── scaled-filter-raster-root.png │ ├── scaled-filter-raster-root.yaml │ └── tiny-check-mask.png ├── performance │ ├── compositor-surface-opaque-slice-ref.yaml │ ├── compositor-surface-opaque-slice.yaml │ ├── no-clip-mask.png │ ├── no-clip-mask.yaml │ └── reftest.list ├── reftest.list ├── scrolling │ ├── ancestor-scroll-frames.yaml │ ├── blank.yaml │ ├── clip-and-scroll-property-ref.yaml │ ├── clip-and-scroll-property.yaml │ ├── empty-mask-ref.yaml │ ├── empty-mask.yaml │ ├── ext-scroll-offset-1-ref.yaml │ ├── ext-scroll-offset-1.yaml │ ├── ext-scroll-offset-rounded-clip-ref.yaml │ ├── ext-scroll-offset-rounded-clip.yaml │ ├── fixed-position-ref.yaml │ ├── fixed-position-scrolling-clip-ref.yaml │ ├── fixed-position-scrolling-clip.yaml │ ├── fixed-position.yaml │ ├── mask.png │ ├── nested-scroll-offset-ref.yaml │ ├── nested-scroll-offset.yaml │ ├── nested-stickys-ref.yaml │ ├── nested-stickys.yaml │ ├── out-of-bounds-scroll-ref.yaml │ ├── out-of-bounds-scroll.yaml │ ├── reftest.list │ ├── root-scroll-ref.yaml │ ├── root-scroll.yaml │ ├── scale-offsets-ref.yaml │ ├── scale-offsets.yaml │ ├── scroll-frame-order-ref.yaml │ ├── scroll-frame-order.yaml │ ├── scroll-generation-1.yaml │ ├── scroll-generation-2.yaml │ ├── scroll-generation-3.yaml │ ├── scroll-generation-4.yaml │ ├── scroll-generation-ref.yaml │ ├── scroll-layer-ref.yaml │ ├── scroll-layer.yaml │ ├── sibling-hidden-clip-ref.yaml │ ├── sibling-hidden-clip.yaml │ ├── simple-ref.yaml │ ├── simple.yaml │ ├── sticky-applied-ref.yaml │ ├── sticky-applied.yaml │ ├── sticky-nested.yaml │ ├── sticky-ref.yaml │ ├── sticky-transformed-ref.yaml │ ├── sticky-transformed.yaml │ ├── sticky.yaml │ ├── translate-nested-ref.yaml │ ├── translate-nested.yaml │ ├── viewport-offset-ref.yaml │ └── viewport-offset.yaml ├── snap │ ├── 1761299-ref.yaml │ ├── 1761299.yaml │ ├── fractional-filter-ref.yaml │ ├── fractional-filter.yaml │ ├── preserve-3d.png │ ├── preserve-3d.yaml │ ├── reftest.list │ ├── snap.png │ ├── snap.yaml │ ├── subpixel-raster-root-ref.yaml │ ├── subpixel-raster-root.yaml │ ├── transform.png │ └── transform.yaml ├── split │ ├── cross-ref.yaml │ ├── cross.yaml │ ├── filter-ref.yaml │ ├── filter.yaml │ ├── gradient-ref.yaml │ ├── gradient.yaml │ ├── intermediate-1-ref.yaml │ ├── intermediate-1.yaml │ ├── intermediate-2.yaml │ ├── mixed-order-ref.yaml │ ├── mixed-order.yaml │ ├── near-plane.png │ ├── near-plane.yaml │ ├── nested-coord-systems-ref.yaml │ ├── nested-coord-systems.yaml │ ├── nested-preserve3d-crash.yaml │ ├── nested-ref.yaml │ ├── nested.yaml │ ├── order-1-ref.yaml │ ├── order-1.yaml │ ├── order-2-ref.yaml │ ├── order-2.yaml │ ├── order-3-ref.yaml │ ├── order-3.yaml │ ├── ordering-ref.yaml │ ├── ordering.yaml │ ├── perspective-clipping-ref.yaml │ ├── perspective-clipping.yaml │ ├── reftest.list │ ├── same-plane.png │ ├── same-plane.yaml │ ├── simple-ref.yaml │ ├── simple.yaml │ ├── split-intersect1-ref.yaml │ └── split-intersect1.yaml ├── text │ ├── 1658-ref.yaml │ ├── 1658.yaml │ ├── Ahem.ttf │ ├── FreeSans.ttf │ ├── Proggy-License.txt │ ├── Proggy.ttf │ ├── VeraBd.ttf │ ├── ahem-ref.yaml │ ├── ahem.yaml │ ├── allow-subpixel-ref.yaml │ ├── allow-subpixel.yaml │ ├── alpha-transform.png │ ├── alpha-transform.yaml │ ├── blank.yaml │ ├── blurred-shadow-local-clip-rect-ref.png │ ├── blurred-shadow-local-clip-rect.yaml │ ├── border-radius-alpha.png │ ├── border-radius-subpx.png │ ├── border-radius.yaml │ ├── clipped-transform.png │ ├── clipped-transform.yaml │ ├── color-bitmap-shadow-ref.yaml │ ├── color-bitmap-shadow.yaml │ ├── colors-alpha.png │ ├── colors-subpx.png │ ├── colors.yaml │ ├── decorations-ref.yaml │ ├── decorations-suite.png │ ├── decorations-suite.yaml │ ├── decorations.yaml │ ├── diacritics-ref.yaml │ ├── diacritics.yaml │ ├── embedded-bitmaps.png │ ├── embedded-bitmaps.yaml │ ├── intermediate-transform.yaml │ ├── isolated-text.png │ ├── isolated-text.yaml │ ├── large-glyphs.yaml │ ├── large-line-decoration.yaml │ ├── long-text.yaml │ ├── mix-blend-layers-ref.yaml │ ├── mix-blend-layers.yaml │ ├── negative-pos.yaml │ ├── non-opaque-notref.yaml │ ├── non-opaque.yaml │ ├── perspective-clip.png │ ├── perspective-clip.yaml │ ├── raster-space-snap-ref.yaml │ ├── raster-space-snap.yaml │ ├── raster-space.png │ ├── raster-space.yaml │ ├── raster_root_C_8192.yaml │ ├── raster_root_C_ref.yaml │ ├── reftest.list │ ├── rotate-snap-clip-ref.yaml │ ├── rotate-snap-clip.yaml │ ├── rotate-snap-filter-ref.yaml │ ├── rotate-snap-filter.yaml │ ├── shadow-atomic-ref.yaml │ ├── shadow-atomic.yaml │ ├── shadow-border.yaml │ ├── shadow-clip-rect.yaml │ ├── shadow-clip-ref.yaml │ ├── shadow-clip.yaml │ ├── shadow-clipped-text.yaml │ ├── shadow-complex.yaml │ ├── shadow-cover-1.yaml │ ├── shadow-cover-2.yaml │ ├── shadow-fast-clip-ref.yaml │ ├── shadow-fast-clip.yaml │ ├── shadow-grey-ref.yaml │ ├── shadow-grey-transparent.yaml │ ├── shadow-grey.yaml │ ├── shadow-huge-ref.yaml │ ├── shadow-huge.yaml │ ├── shadow-image.yaml │ ├── shadow-many.yaml │ ├── shadow-ordering-ref.yaml │ ├── shadow-ordering.yaml │ ├── shadow-partial-glyph-ref.yaml │ ├── shadow-partial-glyph.yaml │ ├── shadow-red-ref.yaml │ ├── shadow-red.yaml │ ├── shadow-ref.yaml │ ├── shadow-rotate.yaml │ ├── shadow-single.yaml │ ├── shadow-solid-ref.yaml │ ├── shadow-transforms.png │ ├── shadow-transforms.yaml │ ├── shadow.yaml │ ├── snap-clip-ref.yaml │ ├── snap-clip.yaml │ ├── snap-text-offset-ref.yaml │ ├── snap-text-offset.yaml │ ├── split-batch-ref.yaml │ ├── split-batch.yaml │ ├── subpixel-rotate.png │ ├── subpixel-rotate.yaml │ ├── subpixel-scale.png │ ├── subpixel-scale.yaml │ ├── subpixel-skew.png │ ├── subpixel-skew.yaml │ ├── subpixel-translate-ref.yaml │ ├── subpixel-translate.yaml │ ├── subpx-bg-mask-ref.yaml │ ├── subpx-bg-mask.yaml │ ├── subtle-shadow-ref.yaml │ ├── subtle-shadow.yaml │ ├── synthetic-bold-not-ref.yaml │ ├── synthetic-bold-transparent-ref.yaml │ ├── synthetic-bold-transparent.yaml │ ├── synthetic-bold.yaml │ ├── synthetic-italics-custom.yaml │ ├── synthetic-italics-ref.yaml │ ├── synthetic-italics.yaml │ ├── text-fixed-slice-fast.png │ ├── text-fixed-slice-slow.png │ ├── text-fixed-slice.yaml │ ├── text.yaml │ ├── transparent-no-aa-ref.yaml │ ├── transparent-no-aa.yaml │ ├── two-shadows.png │ ├── two-shadows.yaml │ ├── white-opacity.png │ ├── white-opacity.yaml │ ├── writing-modes-ref.yaml │ └── writing-modes.yaml ├── tiles │ ├── complex-shared-clip-root-ref.yaml │ ├── complex-shared-clip-root.yaml │ ├── mix-blend-clip-ref.yaml │ ├── mix-blend-clip.yaml │ ├── prim-suite.yaml │ ├── rect.yaml │ ├── reftest.list │ ├── simple-gradient.yaml │ ├── tile-cache-raster-root.png │ └── tile-cache-raster-root.yaml └── transforms │ ├── big-axis-aligned-scale-ref.yaml │ ├── big-axis-aligned-scale.yaml │ ├── blank.yaml │ ├── border-scale-2.png │ ├── border-scale-2.yaml │ ├── border-scale-3.png │ ├── border-scale-3.yaml │ ├── border-scale-4.png │ ├── border-scale-4.yaml │ ├── border-scale.png │ ├── border-scale.yaml │ ├── border-zoom.png │ ├── border-zoom.yaml │ ├── clip-translate-ref.yaml │ ├── clip-translate.yaml │ ├── complex-preserve-3d.yaml │ ├── computed-rotation-yflip.png │ ├── computed-rotation-yflip.yaml │ ├── content-offset.png │ ├── content-offset.yaml │ ├── coord-system.png │ ├── coord-system.yaml │ ├── corner-scale-2.yaml │ ├── corner-scale.yaml │ ├── firefox.png │ ├── flatten-all-flat-ref.yaml │ ├── flatten-all-flat.yaml │ ├── flatten-preserve-3d-root-ref.yaml │ ├── flatten-preserve-3d-root.yaml │ ├── flatten-twice-ref.yaml │ ├── flatten-twice.yaml │ ├── image-rotated-clip.png │ ├── image-rotated-clip.yaml │ ├── image.png │ ├── large-raster-root.yaml │ ├── local-clip.png │ ├── local-clip.yaml │ ├── near-plane-clip.png │ ├── near-plane-clip.yaml │ ├── nested-local-scale-ref.yaml │ ├── nested-local-scale.yaml │ ├── nested-preserve-3d.png │ ├── nested-preserve-3d.yaml │ ├── nested-rotate-x-flat.png │ ├── nested-rotate-x-flat.yaml │ ├── nested-rotate-x.png │ ├── nested-rotate-x.yaml │ ├── non-inversible-world-rect.yaml │ ├── perspective-border-radius.png │ ├── perspective-border-radius.yaml │ ├── perspective-box-shadow-ref.yaml │ ├── perspective-box-shadow.yaml │ ├── perspective-clip-1.png │ ├── perspective-clip-1.yaml │ ├── perspective-clip.png │ ├── perspective-clip.yaml │ ├── perspective-mask.png │ ├── perspective-mask.yaml │ ├── perspective-origin.png │ ├── perspective-origin.yaml │ ├── perspective-shadow.png │ ├── perspective-shadow.yaml │ ├── perspective-surface-scale.png │ ├── perspective-surface-scale.yaml │ ├── perspective.png │ ├── perspective.yaml │ ├── prim-suite.png │ ├── prim-suite.yaml │ ├── raster-root-huge-scale.yaml │ ├── raster-root-large-mask.yaml │ ├── raster-root-scaling-2-ref.yaml │ ├── raster-root-scaling-2.yaml │ ├── raster-root-scaling-ref.yaml │ ├── raster-root-scaling.yaml │ ├── raster_root_A_8192.yaml │ ├── raster_root_A_ref.yaml │ ├── raster_root_B_8192.yaml │ ├── raster_root_B_ref.yaml │ ├── reftest.list │ ├── rotate-clip-ref.yaml │ ├── rotate-clip.yaml │ ├── rotated-clip-large.png │ ├── rotated-clip-large.yaml │ ├── rotated-clip.png │ ├── rotated-clip.yaml │ ├── rotated-image.png │ ├── rotated-image.yaml │ ├── screen-space-blit-trivial.png │ ├── screen-space-blit-trivial.yaml │ ├── screen-space-blit.png │ ├── screen-space-blit.yaml │ ├── screen-space-blur.png │ ├── screen-space-blur.yaml │ ├── segments-bug-ref.yaml │ ├── segments-bug.yaml │ ├── singular-ref.yaml │ ├── singular.yaml │ ├── snapped-preserve-3d-ref.yaml │ ├── snapped-preserve-3d.yaml │ ├── strange-w-ref.yaml │ └── strange-w.yaml ├── res └── wrench.exe.manifest ├── script ├── benchmark_server.py ├── gen-many-images.py ├── headless.py ├── reftest-analyzer.xhtml ├── reftest-debugger.py └── wrench_with_renderer.py └── src ├── angle.rs ├── args.yaml ├── blob.rs ├── egl.rs ├── main.rs ├── parse_function.rs ├── perf.rs ├── png.rs ├── premultiply.rs ├── rawtest.rs ├── reftest.rs ├── test_invalidation.rs ├── test_shaders.rs ├── wrench.rs ├── yaml_frame_reader.rs └── yaml_helper.rs /.gitignore: -------------------------------------------------------------------------------- 1 | target/ 2 | *~ 3 | *# 4 | 5 | # WR internals 6 | captures 7 | wrench/json_frames 8 | wrench/ron_frames 9 | 10 | # Editors 11 | *.swp 12 | *.swo 13 | 14 | # IntelliJ 15 | .idea 16 | *.iws 17 | *.iml 18 | 19 | # Gradle 20 | .gradle 21 | 22 | # VSCode 23 | .vscode 24 | .vs 25 | 26 | # System 27 | .fuse_hidden* 28 | -------------------------------------------------------------------------------- /ci-scripts/docker-image/Dockerfile: -------------------------------------------------------------------------------- 1 | FROM debian:bullseye-20221205 2 | 3 | COPY setup.sh /root 4 | RUN cd /root && ./setup.sh 5 | 6 | RUN useradd -d /home/worker -s /bin/bash -m worker 7 | USER worker 8 | WORKDIR /home/worker 9 | CMD /bin/bash 10 | -------------------------------------------------------------------------------- /ci-scripts/etc/wr-darwin.meson: -------------------------------------------------------------------------------- 1 | [binaries] 2 | llvm-config = '/builds/worker/fetches/clang-mac/clang/bin/llvm-config' 3 | 4 | [host_machine] 5 | system = 'darwin' 6 | cpu_family = 'x86_64' 7 | cpu = 'i686' 8 | endian = 'little' 9 | -------------------------------------------------------------------------------- /ci-scripts/requirements.txt: -------------------------------------------------------------------------------- 1 | mako==1.2.4 2 | six 3 | -------------------------------------------------------------------------------- /example-compositor/compositor-wayland/Cargo.toml: -------------------------------------------------------------------------------- 1 | [package] 2 | name = "compositor-wayland" 3 | version = "0.1.0" 4 | authors = ["Glenn Watson ", 5 | "Robert Mader "] 6 | edition = "2018" 7 | license = "MPL-2.0" 8 | 9 | [build-dependencies] 10 | cc = "1.0" 11 | pkg-config = "^0.3.17" 12 | -------------------------------------------------------------------------------- /example-compositor/compositor-windows/Cargo.toml: -------------------------------------------------------------------------------- 1 | [package] 2 | name = "compositor-windows" 3 | version = "0.1.0" 4 | authors = ["Glenn Watson "] 5 | edition = "2018" 6 | license = "MPL-2.0" 7 | 8 | [build-dependencies] 9 | cc = "1.0" 10 | -------------------------------------------------------------------------------- /examples/README.md: -------------------------------------------------------------------------------- 1 | # Examples 2 | 3 | This directory contains a collection of examples which uses the WebRender API. 4 | 5 | To run an example e.g. `basic`, try: 6 | ``` 7 | cargo run --bin basic 8 | ``` 9 | -------------------------------------------------------------------------------- /fog/Cargo.toml: -------------------------------------------------------------------------------- 1 | [package] 2 | name = "firefox-on-glean" 3 | version = "0.1.0" 4 | edition = "2018" 5 | license = "MPL-2.0" 6 | 7 | # This is a dummy crate for non-gecko builds. 8 | 9 | [dependencies] 10 | -------------------------------------------------------------------------------- /fog/src/main.rs: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | fn main() { 6 | println!("Hello, world!"); 7 | } 8 | -------------------------------------------------------------------------------- /glsl-to-cxx/Cargo.toml: -------------------------------------------------------------------------------- 1 | [package] 2 | name = "glsl-to-cxx" 3 | version = "0.1.0" 4 | license = "MPL-2.0" 5 | authors = ["The Mozilla Project Developers", "Dimitri Sabadie"] 6 | edition = "2018" 7 | 8 | # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html 9 | 10 | [dependencies] 11 | glsl = "6.0" 12 | -------------------------------------------------------------------------------- /glsl-to-cxx/src/main.rs: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | use glsl_to_cxx::translate; 6 | fn main() { 7 | println!("{}", translate(&mut std::env::args())); 8 | } 9 | -------------------------------------------------------------------------------- /rustfmt.toml: -------------------------------------------------------------------------------- 1 | reorder_imports = false 2 | reorder_imports_in_group = true 3 | reorder_imported_names = true 4 | error_on_line_overflow_comments = false 5 | max_width = 100 6 | spaces_around_ranges = true 7 | -------------------------------------------------------------------------------- /swgl/Cargo.toml: -------------------------------------------------------------------------------- 1 | [package] 2 | name = "swgl" 3 | version = "0.1.0" 4 | license = "MPL-2.0" 5 | authors = ["The Mozilla Project Developers"] 6 | build = "build.rs" 7 | description = "Software OpenGL implementation for WebRender." 8 | 9 | [build-dependencies] 10 | cc = "1.0.46" 11 | glsl-to-cxx = { path = "../glsl-to-cxx" } 12 | webrender_build = { path = "../webrender_build" } 13 | 14 | [dependencies] 15 | gleam = "0.15" 16 | -------------------------------------------------------------------------------- /swgl/src/lib.rs: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | #![crate_name = "swgl"] 6 | #![crate_type = "lib"] 7 | 8 | extern crate gleam; 9 | 10 | mod swgl_fns; 11 | 12 | pub use crate::swgl_fns::*; 13 | -------------------------------------------------------------------------------- /webrender/res/Proggy.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/webrender/res/Proggy.ttf -------------------------------------------------------------------------------- /webrender/res/area-lut.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/webrender/res/area-lut.tga -------------------------------------------------------------------------------- /webrender/src/compositor/mod.rs: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | #[cfg(feature = "sw_compositor")] 6 | pub mod sw_compositor; 7 | -------------------------------------------------------------------------------- /webrender/src/device/mod.rs: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | mod gl; 6 | pub mod query_gl; 7 | 8 | pub use self::gl::*; 9 | pub use self::query_gl as query; 10 | -------------------------------------------------------------------------------- /wr_glyph_rasterizer/README.md: -------------------------------------------------------------------------------- 1 | # A glyph rasterizer for webrender 2 | 3 | ## Benchmark 4 | -------------------------------------------------------------------------------- /wr_malloc_size_of/Cargo.toml: -------------------------------------------------------------------------------- 1 | [package] 2 | authors = ["The Servo Project Developers"] 3 | description = "Internal utility to measure memory usage in WebRender." 4 | name = "wr_malloc_size_of" 5 | version = "0.0.2" 6 | license = "MIT OR Apache-2.0" 7 | edition = "2018" 8 | 9 | [lib] 10 | path = "lib.rs" 11 | 12 | [dependencies] 13 | app_units = "0.7" 14 | euclid = "0.22" 15 | -------------------------------------------------------------------------------- /wrench/.gitignore: -------------------------------------------------------------------------------- 1 | Cargo.lock 2 | target/ 3 | *# 4 | *~ 5 | yaml_frames/ 6 | json_frames/ 7 | bin_frames/ 8 | -------------------------------------------------------------------------------- /wrench/benchmarks/benchmarks.list: -------------------------------------------------------------------------------- 1 | aligned-gradient.yaml 2 | unaligned-gradient.yaml 3 | simple-batching.yaml 4 | large-boxshadow-ellipse.yaml 5 | large-boxshadow-ellipse-2.yaml 6 | large-clip-rect.yaml 7 | transforms-simple.yaml 8 | text-rendering.yaml 9 | many-images.yaml 10 | large-blur-radius.yaml 11 | 12 | -------------------------------------------------------------------------------- /wrench/benchmarks/large-blur-radius.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: 100 100 1024 1024 6 | filters: blur(100, 100) 7 | items: 8 | - type: rect 9 | bounds: 0 0 1024 1024 10 | color: red 11 | -------------------------------------------------------------------------------- /wrench/benchmarks/large-boxshadow-ellipse-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: box-shadow 5 | bounds: [ 0, 0, 1024, 1024 ] 6 | color: green 7 | clip-mode: inset 8 | blur-radius: 10000 9 | border-radius: { 10 | top-left: [500, 700], 11 | top-right: [500, 700], 12 | bottom-left: [600, 400], 13 | bottom-right: [600, 400], 14 | } 15 | 16 | -------------------------------------------------------------------------------- /wrench/benchmarks/large-boxshadow-ellipse.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: box-shadow 5 | bounds: [ 0, 0, 1024, 1024 ] 6 | color: green 7 | clip-mode: outset 8 | blur-radius: 10 9 | border-radius: { 10 | top-left: [10, 30], 11 | top-right: [10, 30], 12 | bottom-left: [30, 10], 13 | bottom-right: [30, 10], 14 | } 15 | 16 | -------------------------------------------------------------------------------- /wrench/examples/animated.anim: -------------------------------------------------------------------------------- 1 | --- 2 | anim.color: 3 | - red 4 | - green 5 | - blue 6 | rect.pos: 7 | - [100, 100, 100, 100] 8 | - [100, 100, 120, 100] 9 | - [100, 100, 140, 100] 10 | bs.offset: 11 | - [0, 0] 12 | - [2, 0] 13 | - [4, 0] 14 | -------------------------------------------------------------------------------- /wrench/examples/animated.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: key(rect.pos) 6 | color: key(anim.color) 7 | - type: box-shadow 8 | bounds: [ 100, 300, 100, 100 ] 9 | blur-radius: 3 10 | border-radius: 10 11 | color: blue 12 | clip-mode: outset 13 | offset: key(bs.offset) 14 | -------------------------------------------------------------------------------- /wrench/invalidation/basic.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | color: red 6 | bounds: 100 100 500 100 7 | -------------------------------------------------------------------------------- /wrench/invalidation/composite_nop_1.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | color: red 6 | bounds: 100 100 100 100 7 | -------------------------------------------------------------------------------- /wrench/invalidation/composite_nop_2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | color: red 6 | bounds: 100 120 100 100 7 | -------------------------------------------------------------------------------- /wrench/reftests/aa/aa-dist-bug-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | color: red 6 | bounds: [340, 184, 50, 20] 7 | -------------------------------------------------------------------------------- /wrench/reftests/aa/fractional-nine-patch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/aa/fractional-nine-patch.png -------------------------------------------------------------------------------- /wrench/reftests/aa/fractional-radii-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: 20 50 100 100 6 | color: blue 7 | 8 | - type: rect 9 | bounds: 140 50 100 100 10 | color: blue 11 | 12 | - type: rect 13 | bounds: 260 50 100 100 14 | color: blue 15 | 16 | - type: rect 17 | bounds: 380 50 100 100 18 | color: blue 19 | -------------------------------------------------------------------------------- /wrench/reftests/aa/indirect-rotate.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/aa/indirect-rotate.png -------------------------------------------------------------------------------- /wrench/reftests/aa/rotated-line.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/aa/rotated-line.png -------------------------------------------------------------------------------- /wrench/reftests/aa/rotated-line.yaml: -------------------------------------------------------------------------------- 1 | # Ensure that under certain transformations with single pixel width 2 | # lines, the AA is applied correctly along the primitive 3 | --- 4 | root: 5 | items: 6 | - 7 | type: stacking-context 8 | transform-origin: 200 200 9 | transform: rotate(45) 10 | items: 11 | - type: rect 12 | bounds: 200 200 1 200 13 | color: black 14 | -------------------------------------------------------------------------------- /wrench/reftests/aa/rounded-rects-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/aa/rounded-rects-ref.png -------------------------------------------------------------------------------- /wrench/reftests/backface/backface-both-sides-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | items: 6 | - type: rect 7 | color: red 8 | bounds: 100 0 100 100 9 | -------------------------------------------------------------------------------- /wrench/reftests/backface/backface-leaf-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | color: red 6 | bounds: 0 0 1024 768 7 | - type: stacking-context 8 | bounds: 0 0 1024 768 9 | items: 10 | - type: rect 11 | bounds: 0 568 200 200 12 | color: green 13 | -------------------------------------------------------------------------------- /wrench/reftests/backface/backface-picture-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | color: red 6 | bounds: 0 0 100 100 7 | -------------------------------------------------------------------------------- /wrench/reftests/backface/backface-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | color: red 6 | bounds: 0 0 1024 768 7 | -------------------------------------------------------------------------------- /wrench/reftests/backface/blank.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | -------------------------------------------------------------------------------- /wrench/reftests/blend/backdrop-filter-blend-container-ref.yaml: -------------------------------------------------------------------------------- 1 | # verify that the results of a root-level mix-blend are available as 2 | # input to a backdrop-filter following that follows the blend container 3 | --- 4 | root: 5 | items: 6 | - type: rect 7 | bounds: 0 0 100 100 8 | color: cyan 9 | -------------------------------------------------------------------------------- /wrench/reftests/blend/backdrop-filter-preceding-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: 0 0 100 100 6 | color: cyan 7 | - type: rect 8 | bounds: 100 0 100 100 9 | color: magenta 10 | -------------------------------------------------------------------------------- /wrench/reftests/blend/blank.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | -------------------------------------------------------------------------------- /wrench/reftests/blend/darken-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 100, 100] 6 | color: [10, 20, 10] 7 | -------------------------------------------------------------------------------- /wrench/reftests/blend/difference-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 100, 100] 6 | color: [0, 0, 0] 7 | -------------------------------------------------------------------------------- /wrench/reftests/blend/isolated-premultiplied-2-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 100, 100] 6 | color: [229, 239, 229] 7 | -------------------------------------------------------------------------------- /wrench/reftests/blend/isolated-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 100, 100] 6 | color: [255, 255, 0] 7 | -------------------------------------------------------------------------------- /wrench/reftests/blend/large-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: 0 0 2000 2000 6 | items: 7 | - type: rect 8 | bounds: 0 0 2000 2000 9 | color: [0, 128, 0, 1] 10 | -------------------------------------------------------------------------------- /wrench/reftests/blend/large.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: 0 0 2000 2000 6 | blend-container: true 7 | items: 8 | - type: stacking-context 9 | bounds: 0 0 2000 2000 10 | mix-blend-mode: screen 11 | items: 12 | - type: rect 13 | bounds: 0 0 2000 2000 14 | color: [0, 128, 0, 1] 15 | -------------------------------------------------------------------------------- /wrench/reftests/blend/lighten-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 100, 100] 6 | color: [30, 20, 30] 7 | -------------------------------------------------------------------------------- /wrench/reftests/blend/mix-blend-complex-transform.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/blend/mix-blend-complex-transform.png -------------------------------------------------------------------------------- /wrench/reftests/blend/mix-blend-invalid-backdrop-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 100, 100] 6 | color: red 7 | -------------------------------------------------------------------------------- /wrench/reftests/blend/multi-mix-blend-mode-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: 0 0 800 200 6 | color: [255, 0, 0, 1] 7 | 8 | - type: rect 9 | bounds: 50 50 100 100 10 | color: [255, 255, 0, 1] 11 | 12 | - type: rect 13 | bounds: 300 50 400 100 14 | color: [255, 0, 255, 1] 15 | -------------------------------------------------------------------------------- /wrench/reftests/blend/multiply-2-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 100, 100] 6 | color: [0, 128, 0] 7 | -------------------------------------------------------------------------------- /wrench/reftests/blend/multiply-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 100, 100] 6 | color: green 7 | -------------------------------------------------------------------------------- /wrench/reftests/blend/raster-roots-1-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | color: black 6 | bounds: [0, 100, 100, 100] 7 | -------------------------------------------------------------------------------- /wrench/reftests/blend/repeated-difference-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: [0, 0, 100, 100] 6 | type: rect 7 | color: [0, 255, 0] 8 | -------------------------------------------------------------------------------- /wrench/reftests/blend/transparent-composite-1-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: [0, 0, 100, 100] 6 | start: [0, 0] 7 | end: [0, 100] 8 | stops: [0.0, [0,0,0,0], 1.0, green] 9 | -------------------------------------------------------------------------------- /wrench/reftests/blend/transparent-composite-1.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 100, 100] 6 | mix-blend-mode: darken 7 | items: 8 | - type: gradient 9 | bounds: [0, 0, 100, 100] 10 | start: [0, 0] 11 | end: [0, 100] 12 | stops: [0.0, [0,0,0,0], 1.0, green] 13 | -------------------------------------------------------------------------------- /wrench/reftests/blend/transparent-composite-2-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: [0, 0, 100, 100] 6 | start: [0, 0] 7 | end: [0, 100] 8 | stops: [0.0, [0,0,0,0], 1.0, green] 9 | -------------------------------------------------------------------------------- /wrench/reftests/blend/transparent-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/blend/transparent-white.png -------------------------------------------------------------------------------- /wrench/reftests/border/blank.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | 4 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-clamp-corner-radius.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/border-clamp-corner-radius.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-dashed-dotted-caching.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/border-dashed-dotted-caching.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-double-1px.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | items: 6 | - type: border 7 | bounds: [ 10, 10, 100, 20 ] 8 | width: 3 9 | border-type: normal 10 | style: double 11 | color: red 12 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-double-simple-2-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 500, 500] 6 | items: 7 | - type: border 8 | bounds: [ 0, 0, 500, 500 ] 9 | width: [ 1 ] 10 | border-type: normal 11 | style: [ solid ] 12 | color: [ black ] 13 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-double-simple-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 500, 500] 6 | items: 7 | - type: border 8 | bounds: [ 0, 0, 500, 500 ] 9 | width: [ 1 ] 10 | border-type: normal 11 | style: [ double ] 12 | color: [ black ] 13 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-double-simple.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 500, 500] 6 | items: 7 | - type: border 8 | bounds: [ 0, 0, 50, 50 ] 9 | width: [ 12, 12, 12, 12 ] 10 | border-type: normal 11 | style: [ double, double, double, double ] 12 | color: [ blue, blue, blue, blue ] 13 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-gradient-nine-patch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/border-gradient-nine-patch.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-gradient-nine-patch.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: border 5 | bounds: [ 0, 0, 200, 200 ] 6 | width: 30 7 | border-type: gradient 8 | start: [ 0, 200 ] 9 | end: [ 200, 0 ] 10 | stops: [ 0.0, red, 0.177, red, 0.177, yellow, 0.50, yellow, 0.50, red ] 11 | slice: [ 50 ] 12 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-gradient-simple.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 50, 50] 6 | items: 7 | - type: border 8 | bounds: [ 0, 0, 50, 50 ] 9 | width: [ 10, 10, 10, 10 ] 10 | border-type: gradient 11 | start: [ 25, 0 ] 12 | end: [ 25, 50 ] 13 | stops: [ 0.0, red, 1.0, green ] 14 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-groove-simple.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 500, 500] 6 | items: 7 | - type: border 8 | bounds: [ 0, 0, 50, 50 ] 9 | width: [ 12, 12, 12, 12 ] 10 | border-type: normal 11 | style: [ groove, groove, groove, groove ] 12 | color: [ blue, blue, blue, blue ] 13 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-image-empty-slice-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/border-image-empty-slice-ref.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-image-fill-2-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/border-image-fill-2-ref.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-image-fill-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/border-image-fill-ref.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-image-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/border-image-ref.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-image-round-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/border-image-round-ref.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-image-src-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/border-image-src-2.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-image-src.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/border-image-src.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-invisible-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 100, 100] 6 | items: 7 | - type: rect 8 | bounds: [99, 10, 1, 90] 9 | color: black 10 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-no-bogus-line-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/border-no-bogus-line-ref.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-no-bogus-line.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 100, 100] 6 | items: 7 | - type: border 8 | bounds: [ 10, 10, 90, 80 ] 9 | width: 3 10 | border-type: normal 11 | style: solid 12 | color: [ black, black, black, black ] 13 | radius: 40.5 14 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-none-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 500, 500] 6 | items: 7 | - type: rect 8 | bounds: [ 0, 0, 500, 12 ] 9 | color: black 10 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-none.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 500, 500] 6 | items: 7 | - type: border 8 | bounds: [ 0, 0, 500, 500 ] 9 | width: [ 12, 12, 12, 12 ] 10 | border-type: normal 11 | style: [ solid, none, none, none ] 12 | color: [ black ] 13 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-overlapping-edge-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 40] 6 | items: 7 | - type: rect 8 | bounds: [ 10, 10, 100, 20 ] 9 | color: [ 0, 0, 255, 0.5 ] 10 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-radial-gradient-nine-patch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/border-radial-gradient-nine-patch.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-radial-gradient-nine-patch.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: border 5 | bounds: [ 0, 0, 200, 200 ] 6 | width: 20 7 | border-type: radial-gradient 8 | center: [ 100, 100 ] 9 | radius: [ 200, 200 ] 10 | stops: [ 0.0, red, 0.5, red, 0.5, green ] 11 | slice: [ 50 ] 12 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-radii.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/border-radii.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-ridge-simple.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 500, 500] 6 | items: 7 | - type: border 8 | bounds: [ 0, 0, 50, 50 ] 9 | width: [ 12, 12, 12, 12 ] 10 | border-type: normal 11 | style: [ ridge, ridge, ridge, ridge ] 12 | color: [ blue, blue, blue, blue ] 13 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-suite-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/border-suite-2.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-suite-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/border-suite-3.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-suite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/border-suite.png -------------------------------------------------------------------------------- /wrench/reftests/border/degenerate-curve.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/degenerate-curve.png -------------------------------------------------------------------------------- /wrench/reftests/border/discontinued-dash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/discontinued-dash.png -------------------------------------------------------------------------------- /wrench/reftests/border/discontinued-dash.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 500, 500] 6 | items: 7 | - type: border 8 | bounds: [ 10, 10, 300, 300] 9 | width: [ 10, 10, 10, 10 ] 10 | border-type: normal 11 | style: [ dashed, solid, solid, solid ] 12 | color: [ black, black, black, black ] 13 | -------------------------------------------------------------------------------- /wrench/reftests/border/dotted-corner-small-radius.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/dotted-corner-small-radius.png -------------------------------------------------------------------------------- /wrench/reftests/border/dotted-corner-small-radius.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - bounds: [5, 5, 490, 490] 5 | "clip-rect": [5, 5, 490, 490] 6 | "backface-visible": true 7 | type: border 8 | width: 25 9 | "border-type": normal 10 | color: black 11 | style: dotted 12 | -------------------------------------------------------------------------------- /wrench/reftests/border/green-square.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 500, 500] 6 | items: 7 | - type: rect 8 | bounds: [ 0, 0, 400, 400 ] 9 | color: green 10 | -------------------------------------------------------------------------------- /wrench/reftests/border/max-scale-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: border 5 | bounds: [ 0, 0, 4000, 1 ] 6 | width: [ 1, 0, 0, 0 ] 7 | border-type: normal 8 | style: solid 9 | color: red 10 | -------------------------------------------------------------------------------- /wrench/reftests/border/max-scale.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | transform: scale(3000, 1) 6 | items: 7 | - type: border 8 | bounds: [ 0, 0, 100, 100 ] 9 | width: [ 1, 0, 0, 0 ] 10 | border-type: normal 11 | style: solid 12 | color: red 13 | -------------------------------------------------------------------------------- /wrench/reftests/border/overlapping.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/overlapping.png -------------------------------------------------------------------------------- /wrench/reftests/border/small-dotted-border.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/border/small-dotted-border.png -------------------------------------------------------------------------------- /wrench/reftests/border/small-inset-outset-notref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 500, 500] 6 | items: 7 | - type: border 8 | bounds: [ 0, 0, 200, 200 ] 9 | width: 1 10 | border-type: normal 11 | style: solid 12 | color: black 13 | -------------------------------------------------------------------------------- /wrench/reftests/border/small-inset-outset.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 500, 500] 6 | items: 7 | - type: border 8 | bounds: [ 0, 0, 200, 200 ] 9 | width: 1 10 | border-type: normal 11 | style: inset 12 | color: black 13 | -------------------------------------------------------------------------------- /wrench/reftests/border/zero-width.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0, 0, 500, 500] 5 | items: 6 | - type: border 7 | bounds: [ 0, 0, 50, 50 ] 8 | width: [ 0, 0, 0, 0 ] 9 | border-type: normal 10 | style: [ solid, solid, solid, solid ] 11 | color: [ blue, blue, blue, blue ] 12 | 13 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/blank.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-border-radii.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/box-shadow-border-radii.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-cache.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/box-shadow-cache.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-clipped-corners-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [ 40, 100, 10, 100 ] 6 | color: red 7 | - type: rect 8 | bounds: [ 250, 100, 10, 100 ] 9 | color: red 10 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-huge-radius.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/box-shadow-huge-radius.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-large-blur-radius-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/box-shadow-large-blur-radius-2.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-large-blur-radius-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/box-shadow-large-blur-radius-3.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-non-uniform-corner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/box-shadow-non-uniform-corner.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-non-uniform-corner.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: box-shadow 5 | bounds: [ 50, 50, 500, 200 ] 6 | color: red 7 | clip-mode: outset 8 | blur-radius: 0 9 | spread-radius: 10 10 | border-radius: { 11 | top-left: 32, 12 | } 13 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-spread.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/box-shadow-spread.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-stretch-mode-x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/box-shadow-stretch-mode-x.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-stretch-mode-x.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: box-shadow 5 | bounds: [ 50, 50, 100, 800 ] 6 | color: red 7 | blur-radius: 16 8 | border-radius: 32 9 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-stretch-mode-y.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/box-shadow-stretch-mode-y.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-stretch-mode-y.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: box-shadow 5 | bounds: [ 50, 50, 800, 100 ] 6 | color: green 7 | clip-mode: inset 8 | blur-radius: 16 9 | border-radius: 32 10 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-suite-blur.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/box-shadow-suite-blur.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-suite-no-blur.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/box-shadow-suite-no-blur.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/boxshadow-spread-only-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/boxshadow-spread-only-ref.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-alpha.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/inset-alpha.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-border-radius.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/inset-border-radius.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-border-radius.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 100, 100] 6 | items: 7 | - type: box-shadow 8 | bounds: [ 10, 10, 80, 80 ] 9 | blur-radius: 25 10 | clip-mode: inset 11 | border-radius: 10 12 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-downscale.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/inset-downscale.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-downscale.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [50, 50, 400, 200] 6 | items: 7 | - type: box-shadow 8 | bounds: [ 10, 10, 400, 200 ] 9 | blur-radius: 50 10 | clip-mode: inset 11 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-large-offset-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/inset-large-offset-ref.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-mask-region.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/inset-mask-region.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-mask-region.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | items: 6 | - type: box-shadow 7 | bounds: [ 50, 50, 400.1, 400.1 ] 8 | color: red 9 | blur-radius: 10 10 | clip-mode: inset 11 | border-radius: 185 12 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-neg-offset.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/inset-neg-offset.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-no-blur-radius-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/inset-no-blur-radius-ref.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-offset.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/inset-offset.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-simple-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [50, 50, 100, 100] 6 | items: 7 | - type: rect 8 | bounds: [ 10, 10, 80, 80 ] 9 | color: [0, 255, 0] 10 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-spread-large-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [50, 50, 100, 100] 6 | items: 7 | - type: rect 8 | bounds: [ 10, 10, 80, 80 ] 9 | color: [255, 0, 0] 10 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-spread-large.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [50, 50, 100, 100] 6 | items: 7 | - type: box-shadow 8 | bounds: [ 10, 10, 80, 80 ] 9 | blur-radius: 5 10 | clip-mode: inset 11 | spread-radius: 200 12 | color: [255, 0, 0] 13 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-spread-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [50, 50, 100, 100] 6 | items: 7 | - type: rect 8 | bounds: [ 10, 10, 80, 80 ] 9 | color: [255, 255, 255] 10 | 11 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-spread.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [50, 50, 100, 100] 6 | items: 7 | - type: box-shadow 8 | bounds: [ 10, 10, 80, 80 ] 9 | blur-radius: 5 10 | clip-mode: inset 11 | spread-radius: 20 12 | color: [0, 0, 0] 13 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-subpx.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/inset-subpx.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-subpx.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 1000, 1000] 6 | items: 7 | - type: box-shadow 8 | bounds: [ 76, 67.5, 59.016666, 39 ] 9 | offset: [30, 9] 10 | blur-radius: 7 11 | color: blue 12 | clip-mode: inset 13 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/invalid-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 1000, 1000] 6 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/invalid.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 1000, 1000] 6 | items: 7 | - type: box-shadow 8 | bounds: [ 100, 100, 200, 10 ] 9 | blur-radius: 10.5 10 | offset: [15, 15] 11 | spread-radius: -15 12 | color: red 13 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/no-stretch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/no-stretch.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/overlap1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/overlap1.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/overlap2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/overlap2.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/scale.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/boxshadow/scale.png -------------------------------------------------------------------------------- /wrench/reftests/clip/blank.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | -------------------------------------------------------------------------------- /wrench/reftests/clip/blend-container-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [ 50, 50, 100, 100 ] 6 | color: blue 7 | -------------------------------------------------------------------------------- /wrench/reftests/clip/border-with-rounded-clip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/clip/border-with-rounded-clip.png -------------------------------------------------------------------------------- /wrench/reftests/clip/clip-2d-z-rotations.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/clip/clip-2d-z-rotations.png -------------------------------------------------------------------------------- /wrench/reftests/clip/clip-3d-transform-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: [0, 0, 200, 200] 6 | "clip-rect": [0, 0, 200, 200] 7 | type: rect 8 | color: green 9 | -------------------------------------------------------------------------------- /wrench/reftests/clip/clip-45-degree-rotation-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/clip/clip-45-degree-rotation-ref.png -------------------------------------------------------------------------------- /wrench/reftests/clip/clip-between-picclip-and-lca.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/clip/clip-between-picclip-and-lca.png -------------------------------------------------------------------------------- /wrench/reftests/clip/clip-ellipse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/clip/clip-ellipse.png -------------------------------------------------------------------------------- /wrench/reftests/clip/clip-mode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/clip/clip-mode.png -------------------------------------------------------------------------------- /wrench/reftests/clip/clip-rectangle-redundant-sc-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: [0, 0, 100, 100] 6 | type: rect 7 | color: blue 8 | -------------------------------------------------------------------------------- /wrench/reftests/clip/clipped-occlusion-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | type: rect 6 | bounds: [0, 0, 500, 500] 7 | color: red 8 | -------------------------------------------------------------------------------- /wrench/reftests/clip/custom-clip-chain-node-ancestors-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: [10, 10, 100, 100] 6 | "clip-rect": [10, 10, 100, 100] 7 | "backface-visible": true 8 | type: rect 9 | color: 0 255 0 1 10 | -------------------------------------------------------------------------------- /wrench/reftests/clip/fixed-position-clipping-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: [10, 10, 100, 100] 6 | clip-rect: [10, 10, 100, 100] 7 | type: rect 8 | color: 0 255 0 1.0 9 | - 10 | bounds: [110, 10, 100, 100] 11 | clip-rect: [110, 10, 100, 100] 12 | type: rect 13 | color: 0 255 0 1.0 14 | id: [0, 1] 15 | pipelines: [] 16 | -------------------------------------------------------------------------------- /wrench/reftests/clip/iframe-nested-in-stacking-context-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [50, 50, 50, 100] 6 | color: red 7 | -------------------------------------------------------------------------------- /wrench/reftests/clip/inverted-ellipse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/clip/inverted-ellipse.png -------------------------------------------------------------------------------- /wrench/reftests/clip/raster-roots-tiled-mask-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 8, 128] 6 | color: [255, 0, 0, 0.5] 7 | -------------------------------------------------------------------------------- /wrench/reftests/clip/sc-mask-with-blur.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/clip/sc-mask-with-blur.png -------------------------------------------------------------------------------- /wrench/reftests/clip/segmentation-across-rotation-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | color: [0, 255, 0, 1] 6 | bounds: [100, 100, 100, 100] 7 | -------------------------------------------------------------------------------- /wrench/reftests/clip/segmentation-with-other-coordinate-system-clip-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | type: rect 6 | color: green 7 | bounds: [0, 0, 100, 100] 8 | "clip-rect": [0, 0, 100, 100] 9 | -------------------------------------------------------------------------------- /wrench/reftests/clip/segmentation-with-other-coordinate-system-clip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/clip/segmentation-with-other-coordinate-system-clip.png -------------------------------------------------------------------------------- /wrench/reftests/clip/snapping-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: clip 5 | id: 2 6 | complex: 7 | - rect: [50, 50, 100, 100] 8 | radius: 16 9 | - type: rect 10 | bounds: 50 50 100 100 11 | color: red 12 | clip-chain: [2] 13 | 14 | - type: rect 15 | bounds: 200 50 100 100 16 | color: green 17 | 18 | -------------------------------------------------------------------------------- /wrench/reftests/clip/snapping.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: clip 5 | id: 2 6 | complex: 7 | - rect: [50.3, 50.3, 100, 100] 8 | radius: 16 9 | - type: rect 10 | bounds: 50.3 50.3 100 100 11 | color: red 12 | clip-chain: [2] 13 | 14 | - type: rect 15 | bounds: 200.3 50.3 100 100 16 | color: green 17 | 18 | -------------------------------------------------------------------------------- /wrench/reftests/compositor-surface/FreeSans.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/compositor-surface/FreeSans.ttf -------------------------------------------------------------------------------- /wrench/reftests/compositor-surface/barn-u.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/compositor-surface/barn-u.png -------------------------------------------------------------------------------- /wrench/reftests/compositor-surface/barn-v.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/compositor-surface/barn-v.png -------------------------------------------------------------------------------- /wrench/reftests/compositor-surface/barn-y.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/compositor-surface/barn-y.png -------------------------------------------------------------------------------- /wrench/reftests/compositor-surface/blank.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | -------------------------------------------------------------------------------- /wrench/reftests/compositor-surface/filter-overlay-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - image: checkerboard(2,16,16) 5 | bounds: [50, 50, 262, 262] 6 | - type: stacking-context 7 | filters: [opacity(0.5)] 8 | items: 9 | - type: rect 10 | bounds: [100, 100, 162, 162] 11 | color: green 12 | -------------------------------------------------------------------------------- /wrench/reftests/compositor-surface/mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/compositor-surface/mask.png -------------------------------------------------------------------------------- /wrench/reftests/compositor-surface/multiple-underlays-with-mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/compositor-surface/multiple-underlays-with-mask.png -------------------------------------------------------------------------------- /wrench/reftests/compositor-surface/transparent-opaque-image-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [50, 50, 362, 362] 6 | color: green 7 | - image: checkerboard(2,16,16) 8 | bounds: [100, 100, 262, 262] 9 | -------------------------------------------------------------------------------- /wrench/reftests/compositor-surface/underlay-mask-on-translucent-slice.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/compositor-surface/underlay-mask-on-translucent-slice.png -------------------------------------------------------------------------------- /wrench/reftests/compositor-surface/underlay.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/compositor-surface/underlay.png -------------------------------------------------------------------------------- /wrench/reftests/crash/blank.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | -------------------------------------------------------------------------------- /wrench/reftests/crash/reftest.list: -------------------------------------------------------------------------------- 1 | != iframe-dup.yaml blank.yaml 2 | != many-segments.yaml blank.yaml 3 | -------------------------------------------------------------------------------- /wrench/reftests/filters/backdrop-filter-across-tiles.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/backdrop-filter-across-tiles.png -------------------------------------------------------------------------------- /wrench/reftests/filters/backdrop-filter-across-tiles.yaml: -------------------------------------------------------------------------------- 1 | # Verify that resolves across tile boundaries do correct readbacks 2 | --- 3 | root: 4 | items: 5 | - type: stacking-context 6 | backdrop-root: true 7 | items: 8 | - image: xy-gradient(640,640) 9 | bounds: 0 0 640 640 10 | - type: backdrop-filter 11 | bounds: 20 20 600 600 12 | filters: [invert(1)] 13 | -------------------------------------------------------------------------------- /wrench/reftests/filters/backdrop-filter-basic-ref.yaml: -------------------------------------------------------------------------------- 1 | 2 | # Tests that a basic invert backdrop-filter works 3 | --- 4 | root: 5 | items: 6 | - type: stacking-context 7 | bounds: 0 0 0 0 8 | items: 9 | - type: rect 10 | color: [0, 255, 255, 1] 11 | bounds: 0 0 256 256 12 | -------------------------------------------------------------------------------- /wrench/reftests/filters/backdrop-filter-blur-across-tiles.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/backdrop-filter-blur-across-tiles.png -------------------------------------------------------------------------------- /wrench/reftests/filters/backdrop-filter-blur-edge-mode-ref.yaml: -------------------------------------------------------------------------------- 1 | # Verify that blurs on backdrop-filters use edgeMode=duplicate 2 | --- 3 | root: 4 | items: 5 | - type: rect 6 | bounds: 0 0 400 400 7 | color: red 8 | - type: rect 9 | bounds: 100 100 200 200 10 | color: blue 11 | -------------------------------------------------------------------------------- /wrench/reftests/filters/backdrop-filter-chain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/backdrop-filter-chain.png -------------------------------------------------------------------------------- /wrench/reftests/filters/backdrop-filter-clip-mask-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: 0 0 256 256 6 | color: red 7 | - type: rect 8 | bounds: 64 64 128 128 9 | color: cyan -------------------------------------------------------------------------------- /wrench/reftests/filters/backdrop-filter-culled-filter-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - image: checkerboard(2,14,14,14,14) 5 | bounds: 0 0 200 200 6 | -------------------------------------------------------------------------------- /wrench/reftests/filters/backdrop-filter-drop-shadow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/backdrop-filter-drop-shadow.png -------------------------------------------------------------------------------- /wrench/reftests/filters/backdrop-filter-half-opacity-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: rect 4 | bounds: [20, 20, 100, 100] 5 | color: [128, 128, 128, 1] 6 | -------------------------------------------------------------------------------- /wrench/reftests/filters/backdrop-filter-on-child-surface-ref.yaml: -------------------------------------------------------------------------------- 1 | # Tests that a basic invert backdrop-filter works on a child surface 2 | --- 3 | root: 4 | items: 5 | - type: rect 6 | bounds: 0 0 256 256 7 | color: cyan 8 | -------------------------------------------------------------------------------- /wrench/reftests/filters/backdrop-filter-overlap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/backdrop-filter-overlap.png -------------------------------------------------------------------------------- /wrench/reftests/filters/backdrop-filter-perspective.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/backdrop-filter-perspective.png -------------------------------------------------------------------------------- /wrench/reftests/filters/backdrop-filter-transformed-filter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/backdrop-filter-transformed-filter.png -------------------------------------------------------------------------------- /wrench/reftests/filters/blank.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | -------------------------------------------------------------------------------- /wrench/reftests/filters/blend-clipped-raster-root.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/blend-clipped-raster-root.png -------------------------------------------------------------------------------- /wrench/reftests/filters/blend-clipped.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/blend-clipped.png -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-blur-downscale-fractional.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/filter-blur-downscale-fractional.png -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-blur-downscale-fractional.yaml: -------------------------------------------------------------------------------- 1 | # verify that we correctly size an image to a power of two when 2 | # using downscale passes to avoid blur artifacts 3 | --- 4 | root: 5 | items: 6 | - type: stacking-context 7 | bounds: [100, 100, 300, 300] 8 | filters: blur(16.4, 16.4) 9 | items: 10 | - image: "firefox.png" 11 | bounds: 20 20 200 200 12 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-blur-huge.yaml: -------------------------------------------------------------------------------- 1 | # Don't crash on very large blur radius! 2 | --- 3 | root: 4 | items: 5 | - type: stacking-context 6 | bounds: [10, 10, 260, 260] 7 | filters: blur(1000000, 1000000) 8 | items: 9 | - image: checkerboard(2, 16, 16) 10 | bounds: [10, 10, 260, 260] 11 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-blur-scaled-ref.yaml: -------------------------------------------------------------------------------- 1 | # Ensure scales from enclosing SCs get applied to blurs 2 | --- 3 | root: 4 | items: 5 | - type: stacking-context 6 | bounds: [0, 0, 500, 500] 7 | filters: blur(10, 10) 8 | items: 9 | - type: rect 10 | bounds: [50, 50, 250, 250] 11 | color: 0 255 0 1.0 12 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-blur-scaled-xonly.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/filter-blur-scaled-xonly.png -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-blur.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/filter-blur.png -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-blur.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [100, 100, 300, 300] 6 | filters: blur(10, 10) 7 | items: 8 | - image: "firefox.png" 9 | bounds: 20 20 256 256 10 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-brightness-2-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [10, 10, 100, 100] 9 | color: [0, 0, 0, 1] 10 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-brightness-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: stacking-context 8 | bounds: [10, 10, 100, 100] 9 | filters: brightness(0) 10 | items: 11 | - type: rect 12 | bounds: [0, 0, 100, 100] 13 | color: [255, 0, 0, 1] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-brightness-3-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [10, 10, 100, 100] 9 | color: [0, 128, 0, 1] 10 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-brightness-3.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: stacking-context 8 | bounds: [10, 10, 100, 100] 9 | filters: brightness(4) 10 | items: 11 | - type: rect 12 | bounds: [0, 0, 100, 100] 13 | color: [0, 32, 0, 1] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-brightness-4-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [10, 10, 100, 100] 9 | color: [0, 64, 0, 1] 10 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-brightness-4.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: stacking-context 8 | bounds: [10, 10, 100, 100] 9 | filters: brightness(0.25) 10 | items: 11 | - type: rect 12 | bounds: [0, 0, 100, 100] 13 | color: [0, 255, 0, 1] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-brightness-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [0, 0, 120, 120] 9 | color: [0, 0, 0, 1] 10 | 11 | - type: rect 12 | bounds: [10, 10, 100, 100] 13 | color: [64, 64, 64, 1] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-contrast-gray-alpha-1-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [0, 0, 120, 120] 9 | color: [255, 255, 255, 1] 10 | 11 | - type: rect 12 | bounds: [10, 10, 100, 100] 13 | color: [223, 223, 223, 1] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-drop-shadow-clip-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/filter-drop-shadow-clip-2.png -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-drop-shadow-clip-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/filter-drop-shadow-clip-3.png -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-drop-shadow-clip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/filter-drop-shadow-clip.png -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-drop-shadow-fractional.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/filter-drop-shadow-fractional.png -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-drop-shadow-fractional.yaml: -------------------------------------------------------------------------------- 1 | # Verify that drop shadows with fractional blur radii are correctly centered 2 | --- 3 | root: 4 | items: 5 | - type: stacking-context 6 | bounds: [20, 20, 0, 0] 7 | filters: drop-shadow([0, 0], 5.01, [255, 0, 0, 1]) 8 | items: 9 | - type: rect 10 | bounds: 0 0 100 100 11 | color: black 12 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-drop-shadow-huge.yaml: -------------------------------------------------------------------------------- 1 | # Don't crash on very large blur radius! 2 | --- 3 | root: 4 | items: 5 | - type: stacking-context 6 | bounds: [10, 10, 260, 260] 7 | filters: drop-shadow([73, 73], 10000000, [255, 0, 0, 1]) 8 | items: 9 | - image: checkerboard(2, 16, 16) 10 | bounds: [10, 10, 260, 260] 11 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-drop-shadow-on-viewport-edge.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/filter-drop-shadow-on-viewport-edge.png -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-drop-shadow-on-viewport-edge.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [10, 10, 400, 400] 6 | filters: drop-shadow([10, 10], 20, [255, 0, 0, 1]) 7 | items: 8 | - type: rect 9 | bounds: 0 0 256 256 10 | color: green 11 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-drop-shadow-scaled-ref.yaml: -------------------------------------------------------------------------------- 1 | # Ensure scales from enclosing SCs get applied to drop-shadows 2 | --- 3 | root: 4 | items: 5 | - type: stacking-context 6 | bounds: [0, 0, 500, 500] 7 | filters: drop-shadow([0, 0], 10, [255, 0, 0, 1]) 8 | items: 9 | - type: rect 10 | bounds: [50, 50, 250, 250] 11 | color: 0 255 0 1.0 12 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-drop-shadow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/filter-drop-shadow.png -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-drop-shadow.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [100, 100, 400, 400] 6 | filters: drop-shadow([73, 73], 20, [255, 0, 0, 1]) 7 | items: 8 | - image: "firefox.png" 9 | bounds: 0 0 256 256 10 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-grayscale-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [10, 10, 200, 200] 6 | color: [182, 182, 182] 7 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-grayscale.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [10, 10, 200, 200] 6 | filters: grayscale(1) 7 | items: 8 | - type: rect 9 | bounds: [0, 0, 200, 200] 10 | color: [0, 255, 0] 11 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-invert-2-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [0, 0, 120, 120] 9 | color: [0, 0, 255, 1] 10 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-invert-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [10, 10, 100, 100] 9 | color: [0, 0, 0, 0.25] 10 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-invert.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: stacking-context 8 | bounds: [10, 10, 100, 100] 9 | filters: invert(1) 10 | items: 11 | - type: rect 12 | bounds: [0, 0, 100, 100] 13 | color: [255, 255, 255, 0.25] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-large-blur-radius.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/filter-large-blur-radius.png -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-large-blur-radius.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: 100 100 512 512 6 | filters: blur(100, 100) 7 | items: 8 | - type: rect 9 | bounds: 0 0 512 512 10 | color: red 11 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-long-chain.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/filter-long-chain.png -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-mix-blend-mode-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | color: [128, 128, 127, 1] 6 | bounds: 100 100 100 100 7 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-mix-blend-scaling-ref.yaml: -------------------------------------------------------------------------------- 1 | 2 | # Tests that mix-blend mode content renders correctly when in a scaled surface. 3 | # See bug 1642549 4 | --- 5 | root: 6 | items: 7 | - type: stacking-context 8 | bounds: 0 0 0 0 9 | items: 10 | - rect: 0 0 150 150 11 | color: green 12 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-saturate-blue-1-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [0, 0, 120, 120] 9 | color: [0, 0, 0, 1] 10 | 11 | - type: rect 12 | bounds: [10, 10, 100, 100] 13 | color: [18, 18, 18, 1] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-saturate-blue-2-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [0, 0, 120, 120] 9 | color: [0, 0, 0, 1] 10 | 11 | - type: rect 12 | bounds: [10, 10, 100, 100] 13 | color: [9, 9, 137, 1] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-saturate-blue-3-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [0, 0, 120, 120] 9 | color: [0, 0, 0, 1] 10 | 11 | - type: rect 12 | bounds: [10, 10, 100, 100] 13 | color: [0, 0, 255, 1] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-saturate-blue-alpha-1-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [0, 0, 120, 120] 9 | color: [0, 0, 0, 1] 10 | 11 | - type: rect 12 | bounds: [10, 10, 100, 100] 13 | color: [5, 5, 69, 1] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-saturate-green-1-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [0, 0, 120, 120] 9 | color: [0, 0, 0, 1] 10 | 11 | - type: rect 12 | bounds: [10, 10, 100, 100] 13 | color: [182, 182, 182, 1] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-saturate-green-2-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [0, 0, 120, 120] 9 | color: [0, 0, 0, 1] 10 | 11 | - type: rect 12 | bounds: [10, 10, 100, 100] 13 | color: [91, 219, 91, 1] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-saturate-green-3-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [0, 0, 120, 120] 9 | color: [0, 0, 0, 1] 10 | 11 | - type: rect 12 | bounds: [10, 10, 100, 100] 13 | color: [0, 255, 0, 1] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-saturate-green-alpha-1-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [0, 0, 120, 120] 9 | color: [0, 0, 0, 1] 10 | - type: rect 11 | bounds: [10, 10, 100, 100] 12 | color: [46, 110, 46, 1] 13 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-saturate-red-1-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [0, 0, 120, 120] 9 | color: [0, 0, 0, 1] 10 | 11 | - type: rect 12 | bounds: [10, 10, 100, 100] 13 | color: [54, 54, 54, 1] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-saturate-red-2-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [0, 0, 120, 120] 9 | color: [0, 0, 0, 1] 10 | 11 | - type: rect 12 | bounds: [10, 10, 100, 100] 13 | color: [155, 27, 27, 1] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-saturate-red-3-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [0, 0, 120, 120] 9 | color: [0, 0, 0, 1] 10 | 11 | - type: rect 12 | bounds: [10, 10, 100, 100] 13 | color: [255, 0, 0, 1] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-saturate-red-alpha-1-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [0, 0, 120, 120] 9 | color: [0, 0, 0, 1] 10 | - type: rect 11 | bounds: [10, 10, 100, 100] 12 | color: [78, 14, 14, 1] 13 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-small-blur-radius.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/filter-small-blur-radius.png -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-small-blur-radius.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: 100 100 512 512 6 | filters: blur(2, 2) 7 | items: 8 | - type: rect 9 | bounds: 0 0 512 512 10 | color: red 11 | -------------------------------------------------------------------------------- /wrench/reftests/filters/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/firefox.png -------------------------------------------------------------------------------- /wrench/reftests/filters/invisible-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [10, 10, 50, 50] 6 | color: green 7 | -------------------------------------------------------------------------------- /wrench/reftests/filters/isolated-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 100, 100] 6 | color: [0, 0, 0] 7 | - type: stacking-context 8 | bounds: [0, 0, 100, 100] 9 | filters: opacity(0.5) 10 | items: 11 | - type: rect 12 | bounds: [0, 0, 100, 100] 13 | color: [0, 255, 0] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/opacity-combined-ref.yaml: -------------------------------------------------------------------------------- 1 | # this tests that opacity combination respets pre-multiplied alpha 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [10, 10, 500, 500] 6 | filters: [opacity(0.25)] 7 | items: 8 | - type: rect 9 | bounds: [10, 10, 100, 100] 10 | color: green 11 | -------------------------------------------------------------------------------- /wrench/reftests/filters/opacity-combined.yaml: -------------------------------------------------------------------------------- 1 | # this tests that opacity combination respects pre-multiplied alpha 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [10, 10, 500, 500] 6 | filters: [opacity(0.50), opacity(0.50)] 7 | items: 8 | - type: rect 9 | bounds: [10, 10, 100, 100] 10 | color: green 11 | -------------------------------------------------------------------------------- /wrench/reftests/filters/opacity-overlap-ref.yaml: -------------------------------------------------------------------------------- 1 | # this tests opacity rectangle overlapping with opaque one 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [10, 10, 500, 500] 6 | items: 7 | - type: rect 8 | bounds: [10, 10, 100, 100] 9 | color: [32, 0, 96] 10 | -------------------------------------------------------------------------------- /wrench/reftests/filters/opacity-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [10, 10, 500, 500] 5 | items: 6 | - type: rect 7 | bounds: [10, 10, 100, 100] 8 | color: [255, 255, 209, 1.0] 9 | -------------------------------------------------------------------------------- /wrench/reftests/filters/opacity.yaml: -------------------------------------------------------------------------------- 1 | # this tests opacity pre-multiplied color 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [10, 10, 500, 500] 6 | filters: [opacity(0.9)] 7 | items: 8 | - type: rect 9 | bounds: [10, 10, 100, 100] 10 | color: [255, 255, 0, 0.2] 11 | -------------------------------------------------------------------------------- /wrench/reftests/filters/svg-filter-blur-transforms.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/svg-filter-blur-transforms.png -------------------------------------------------------------------------------- /wrench/reftests/filters/svg-filter-blur.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [100, 100, 300, 300] 6 | filter-primitives: 7 | - type: blur 8 | width: 10 9 | height: 10 10 | in: previous 11 | color-space: srgb 12 | items: 13 | - image: "firefox.png" 14 | bounds: 20 20 256 256 15 | -------------------------------------------------------------------------------- /wrench/reftests/filters/svg-filter-drop-shadow-on-viewport-edge.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/svg-filter-drop-shadow-on-viewport-edge.png -------------------------------------------------------------------------------- /wrench/reftests/filters/svg-filter-drop-shadow-perspective.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/svg-filter-drop-shadow-perspective.png -------------------------------------------------------------------------------- /wrench/reftests/filters/svg-filter-drop-shadow-rotate-ref.yaml: -------------------------------------------------------------------------------- 1 | # Tests SVG drop shadows with transforms 2 | --- 3 | root: 4 | items: 5 | - type: stacking-context 6 | bounds: [100, 100, 400, 400] 7 | filters: drop-shadow([73, 73], 20, [255, 0, 0, 1]) 8 | transform: rotate-z(45) 9 | items: 10 | - image: "firefox.png" 11 | bounds: 0 0 256 256 12 | -------------------------------------------------------------------------------- /wrench/reftests/filters/svg-filter-drop-shadow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/filters/svg-filter-drop-shadow.png -------------------------------------------------------------------------------- /wrench/reftests/filters/svg-filter-flood-ref.yaml: -------------------------------------------------------------------------------- 1 | # Test that flood filter is equivalent to drawing a rect with the same size and color 2 | --- 3 | root: 4 | items: 5 | - type: stacking-context 6 | bounds: [100, 100, 400, 400] 7 | items: 8 | - type: rect 9 | bounds: [20, 20, 256, 256] 10 | color: [0, 255.0, 0, 0.4] 11 | -------------------------------------------------------------------------------- /wrench/reftests/filters/svg-filter-flood.yaml: -------------------------------------------------------------------------------- 1 | # Test that flood filter is equivalent to drawing a rect with the same size and color 2 | --- 3 | root: 4 | items: 5 | - type: stacking-context 6 | bounds: [100, 100, 400, 400] 7 | filters: flood([0, 255.0, 0, 0.4]) 8 | items: 9 | - image: "firefox.png" 10 | bounds: 20 20 256 256 11 | -------------------------------------------------------------------------------- /wrench/reftests/filters/svg-filter-offset-ref.yaml: -------------------------------------------------------------------------------- 1 | # Tests the SVG offset filter primitive 2 | # An offset filter should have the same effect as changing the origin of the rectangle. 3 | --- 4 | root: 5 | items: 6 | - type: stacking-context 7 | bounds: 0 0 0 0 8 | items: 9 | - type: rect 10 | bounds: 20 20 100 100 11 | color: red 12 | -------------------------------------------------------------------------------- /wrench/reftests/filters/svgfe-blenddarken-linear-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [10, 10, 100, 100] 9 | color: [164, 82, 95, 1] 10 | -------------------------------------------------------------------------------- /wrench/reftests/filters/svgfe-blendmultiply-linear-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [10, 10, 100, 100] 9 | color: [153, 70, 93, 1] 10 | -------------------------------------------------------------------------------- /wrench/reftests/filters/svgfe-blendnormal-linear-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [10, 10, 100, 100] 9 | color: [164, 82, 95, 1] 10 | -------------------------------------------------------------------------------- /wrench/reftests/filters/svgfe-colormatrix-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [10, 10, 100, 100] 9 | # note: this is sRGB converted to match linear result of sRGB 64*2,32*2,16*2 10 | color: [90, 47, 26, 1] 11 | -------------------------------------------------------------------------------- /wrench/reftests/filters/svgfe-opacity-linear-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 120] 6 | items: 7 | - type: rect 8 | bounds: [10, 10, 100, 100] 9 | color: [128, 64, 32, 0.5] 10 | -------------------------------------------------------------------------------- /wrench/reftests/filters/svgfe-opacity-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 100, 100] 6 | items: 7 | - type: rect 8 | bounds: [0, 0, 100, 100] 9 | color: [128, 0, 0, 0.5] 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/conic-angle-wraparound-negative.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 300 300 6 | center: 150 150 7 | angle: -5.497787143782138 8 | stops: [0.0, red, 1.0, yellow] -------------------------------------------------------------------------------- /wrench/reftests/gradient/conic-angle-wraparound.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 300 300 6 | center: 150 150 7 | angle: 7.0685834705770345 8 | stops: [0.0, red, 1.0, yellow] -------------------------------------------------------------------------------- /wrench/reftests/gradient/conic-angle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/conic-angle.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/conic-angle.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 300 300 6 | center: 150 150 7 | angle: 0.7853981633974483 8 | stops: [0.0, red, 1.0, yellow] -------------------------------------------------------------------------------- /wrench/reftests/gradient/conic-backdrop-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: 0 0 800 450 6 | color: red 7 | - type: conic-gradient 8 | bounds: 0 0 800 450 9 | center: 400 225 10 | angle: 0.0 11 | stops: [ 0.0, [255, 255, 255, 1], 1.0, [0,0,0,1] ] 12 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/conic-backdrop-with-spacing-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: 0 0 800 450 6 | color: red 7 | - type: conic-gradient 8 | bounds: 0 0 800 450 9 | center: 100 100 10 | angle: 0.0 11 | stops: [ 0.0, [255, 255, 255, 1], 1.0, [0,0,0,1] ] 12 | tile-size: 100 100 13 | tile-spacing: 20 20 14 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/conic-center.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/conic-center.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/conic-center.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 200 200 6 | center: 50 50 7 | angle: 0.0 8 | stops: [0.0, red, 0.25, red, 9 | 0.25, green, 0.5, green, 10 | 0.5, blue, 0.75, blue, 11 | 0.75, black, 1.0, black] -------------------------------------------------------------------------------- /wrench/reftests/gradient/conic-color-wheel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/conic-color-wheel.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/conic-large-hard-stop-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 250 250 6 | center: 100 100 7 | angle: 0 8 | stops: [0.0, red, 0.2, red, 0.2, yellow, 1.0, yellow] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/conic-large-hard-stop.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 2048 2048 6 | center: 100 100 7 | angle: 0 8 | stops: [0.0, red, 0.2, red, 0.2, yellow, 1.0, yellow] 9 | - type: rect 10 | bounds: 0 300 2048 2048 11 | color: white 12 | - type: rect 13 | bounds: 300 0 2048 2048 14 | color: white 15 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/conic-large-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: 50 50 2000 300 6 | color: blue 7 | 8 | - type: conic-gradient 9 | bounds: 50 50 2000 300 10 | center: 150 150 11 | angle: 0.0 12 | stops: [0.0, red, 13 | 0.125, blue, 14 | 0.375, blue, 15 | 0.5, yellow, 16 | 1.0, red] -------------------------------------------------------------------------------- /wrench/reftests/gradient/conic-large.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 2000 300 6 | center: 150 150 7 | angle: 0.0 8 | stops: [0.0, red, 9 | 0.125, blue, 10 | 0.375, blue, 11 | 0.5, yellow, 12 | 1.0, red] -------------------------------------------------------------------------------- /wrench/reftests/gradient/conic-simple.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/conic-simple.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/conic-simple.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 300 300 6 | center: 150 150 7 | angle: 0.0 8 | stops: [0.0, red, 1.0, yellow] -------------------------------------------------------------------------------- /wrench/reftests/gradient/conic.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 200 200 6 | center: 100 100 7 | angle: 0.0 8 | stops: [0.0, red, 0.25, red, 9 | 0.25, green, 0.5, green, 10 | 0.5, blue, 0.75, blue, 11 | 0.75, black, 1.0, black] -------------------------------------------------------------------------------- /wrench/reftests/gradient/gradient_cache_5stops.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 0 0 960 540 6 | start: 0 0 7 | end: 960 0 8 | stops: [0.0, red, 9 | 0.25, green, 10 | 0.5, blue, 11 | 0.75, [40,40,40,1], 12 | 1.0, [100,200,50,1]] 13 | 14 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/gradient_cache_5stops_vertical.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 0 0 960 540 6 | start: 0 0 7 | end: 0 540 8 | stops: [0.0, red, 9 | 0.25, green, 10 | 0.5, blue, 11 | 0.75, [40,40,40,1], 12 | 1.0, [100,200,50,1]] 13 | 14 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-adjust-tile-size-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 15.47998046875 18 684.39990234375 643.199951171875 6 | start: 10.286011695861816 653.47998046875 7 | end: 143.13165283203125 520.7279663085938 8 | stops: [0.0, red, 1.0, blue] 9 | repeat: true 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-adjust-tile-size.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 15.47998046875 18 684.39990234375 643.199951171875 6 | tile-size: 684.4000244140625 643.2000122070313 7 | start: 10.286011695861816 653.47998046875 8 | end: 143.13165283203125 520.7279663085938 9 | stops: [0.0, red, 1.0, blue] 10 | repeat: true 11 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-aligned-border-radius.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/linear-aligned-border-radius.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-aligned-clip.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | # an aligned gradient from [0, 400] and clipped to [100, 300] 5 | - type: gradient 6 | bounds: 0 100 200 200 7 | start: 100 -100 8 | end: 100 300 9 | stops: [0.0, green, 1.0, blue] 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-backdrop-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: 0 0 800 450 6 | color: red 7 | - type: gradient 8 | bounds: 0 0 800 450 9 | start: 100 100 10 | end: 700 350 11 | stops: [ 0.0, [255, 255, 255, 1], 1.0, [0,0,0,1] ] 12 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-backdrop-with-spacing-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: 0 0 800 450 6 | color: red 7 | - type: gradient 8 | bounds: 0 0 800 450 9 | start: 20 20 10 | end: 80 50 11 | stops: [ 0.0, [255, 255, 255, 1], 1.0, [0,0,0,1] ] 12 | tile-size: 100 100 13 | tile-spacing: 20 20 14 | 15 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-bug-1703141.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: -8396 465 9136 3 6 | tile-size: 10498.667 3 7 | start: 9448.5 1.5 8 | end: 10498.333 1.5 9 | repeat: true 10 | stops: [0.0, [0,0,0,0], 0.5, [0,0,0,0], 11 | 0.5, red, 0.75, red, 12 | 0.75, [0,0,0,0], 1.0, [0,0,0,0]] 13 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-clamp-1-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 100 7 | end: 200 100 8 | stops: [0.0, blue, 0.5, blue, 0.5, red, 1.0, red] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-clamp-1a.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 100 7 | end: 100 100 8 | stops: [0.0, blue, 1.0, blue, 1.0, red] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-clamp-1b.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 100 100 7 | end: 200 100 8 | stops: [0.0, blue, 0.0, red, 1.0, red] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-clamp-2-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 100 7 | end: 200 100 8 | stops: [0.0, blue, 0.25, blue, 0.25, green, 0.75, green, 0.75, red, 1.0, red] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-clamp-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 50 100 7 | end: 150 100 8 | stops: [0.0, blue, 0.0, green, 1.0, green, 1.0, red] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-double.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 300 50 200 200 6 | start: 0 100 7 | end: 200 100 8 | stops: [0.0, blue, 1.0, red] 9 | - type: gradient 10 | bounds: 50 50 200 200 11 | start: 0 100 12 | end: 200 100 13 | stops: [0.0, green, 1.0, blue] 14 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-far-endpoints.yaml: -------------------------------------------------------------------------------- 1 | # Axis-aligned linear gradient with very far endpoints. It goes through the gradient 2 | # decomposition path which should not choke on overflow or casting failure. 3 | --- 4 | root: 5 | items: 6 | - type: gradient 7 | bounds: 50 50 500 500 8 | start: -19958788096 0 9 | end: 19958788096 0 10 | stops: [0.0, red, 1.0, blue] 11 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-hard-stop-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/linear-hard-stop-ref.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-hard-stop-repeat-large-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 0 0 800 200 6 | tile-size: 200 200 7 | clip-rect: 0 0 800 200 8 | start: 0 0 9 | end: 20 0 10 | stops: [0.0, black, 0.1, black, 0.2, white, 1.0, white] 11 | repeat: true 12 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-hard-stop-repeat-large.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 0 0 4000 200 6 | tile-size: 200 200 7 | clip-rect: 0 0 4000 200 8 | start: 0 0 9 | end: 20 0 10 | stops: [0.0, black, 0.1, black, 0.2, white, 1.0, white] 11 | repeat: true 12 | - type: rect 13 | bounds: 800 0 4000 200 14 | color: white 15 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-hard-stop.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 0 7 | end: 0 100 8 | stops: [0.0, blue, 0.5 , red, 0.5, green] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-large-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: 50 50 2000 300 6 | color: blue 7 | 8 | - type: gradient 9 | bounds: 50 50 400 300 10 | start: 0 0 11 | end: 100 20 12 | stops: [0.0, red, 1.0, blue] 13 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-large.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 2000 300 6 | start: 0 0 7 | end: 100 20 8 | stops: [0.0, red, 1.0, blue] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/linear-ref.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-repeat-clip-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 0 0 500 500 6 | start: 0 -20 7 | end: 0 520 8 | stops: [0.0, green, 0.5, blue, 1.0, red] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-reverse-2-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 50 100 7 | end: 150 100 8 | stops: [0.0, green, 0.5, blue, 9 | 0.5, blue, 1.0, red] 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-reverse-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 150 100 7 | end: 50 100 8 | stops: [0.0, red, 0.5, blue, 9 | 0.5, blue, 1.0, green] 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-reverse-3-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 100 100 6 | start: 0 0 7 | end: 110 0 8 | stops: [0.0, white, 1.0, black] 9 | - type: gradient 10 | bounds: 150 50 100 100 11 | start: 0 0 12 | end: 110 0 13 | stops: [0.0, black, 1.0, white] 14 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-reverse-3.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 100 100 6 | start: 0 0 7 | end: 110 0 8 | stops: [0.0, white, 1.0, black] 9 | - type: gradient 10 | bounds: 150 50 100 100 11 | start: 110 0 12 | end: 0 0 13 | stops: [0.0, white, 1.0, black] 14 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-reverse.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 200 100 7 | end: 000 100 8 | stops: [0.0, black, 0.25, black, 9 | 0.25, blue, 0.5, blue, 10 | 0.5, green, 0.75, green, 11 | 0.75, red, 1.0, red] 12 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-stops-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/linear-stops-ref.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-stops.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: gradient 4 | bounds: [0, 0, 200, 200] 5 | start: 0 100 6 | end: 200 100 7 | stops: [0.0, red, 0.5, green, 1.0, blue] 8 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 100 7 | end: 200 100 8 | stops: [0.0, red, 0.25, red, 9 | 0.25, green, 0.5, green, 10 | 0.5, blue, 0.75, blue, 11 | 0.75, black, 1.0, black] 12 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-conic-1-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 200 200 6 | angle: 0.0 7 | center: 100 100 8 | stops: [0.0, green, 0.5, green, 9 | 0.5, blue, 1.0, blue] 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-conic-1.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 200 200 6 | angle: 0.0 7 | center: 100 100 8 | stops: [0.25, green, 0.5, green, 9 | 0.5, blue, 0.75, blue] 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-conic-2-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 200 200 6 | angle: 0.0 7 | center: 100 100 8 | stops: [0.0, green, 0.5, green, 9 | 0.5, blue, 1.0, blue] 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-conic-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 200 200 6 | angle: 0.0 7 | center: 100 100 8 | stops: [0.5, green, 9 | 0.5, blue] 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-conic-3-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 200 200 6 | angle: 0.0 7 | center: 100 100 8 | stops: [0.0, blue, 1.0, blue] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-conic-3.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 200 200 6 | angle: 0.0 7 | center: 100 100 8 | stops: [-0.5, green, 9 | -0.5, blue] 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-conic-4-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 200 200 6 | angle: 0.0 7 | center: 100 100 8 | stops: [0.0, green, 1.0, green] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-conic-4.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 200 200 6 | angle: 0.0 7 | center: 100 100 8 | stops: [1.5, green, 9 | 1.5, blue] 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-conic-degenerate-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 300 300 6 | angle: 0.0 7 | center: 150 150 8 | stops: [0.0, red, 1.0, red] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-linear-1-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 100 7 | end: 200 100 8 | stops: [0.0, green, 0.5, green, 9 | 0.5, blue, 1.0, blue] 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-linear-1.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 100 7 | end: 200 100 8 | stops: [0.25, green, 0.5, green, 9 | 0.5, blue, 0.75, blue] 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-linear-2-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 100 7 | end: 200 100 8 | stops: [0.0, green, 0.5, green, 9 | 0.5, blue, 1.0, blue] 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-linear-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 100 7 | end: 200 100 8 | stops: [0.5, green, 9 | 0.5, blue] 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-linear-3-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 100 7 | end: 200 100 8 | stops: [0.0, blue, 1.0, blue] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-linear-3.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 100 7 | end: 200 100 8 | stops: [-0.5, green, 9 | -0.5, blue] 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-linear-4-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 100 7 | end: 200 100 8 | stops: [0.0, green, 1.0, green] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-linear-4.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 100 7 | end: 200 100 8 | stops: [1.5, green, 9 | 1.5, blue] 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-linear-degenerate-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 300 300 6 | start: 0 150 7 | end: 300 150 8 | stops: [0.0, red, 1.0, red] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-radial-1-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 300 300 6 | center: 150 150 7 | radius: 200 200 8 | stops: [0.0, red, 0.5, red, 0.5, blue, 1.0, blue] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-radial-1.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 300 300 6 | center: 150 150 7 | radius: 200 200 8 | stops: [0.5, red, 0.5, blue] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-radial-2-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 300 300 6 | center: 150 150 7 | radius: 200 200 8 | stops: [0.0, blue, 1.0, blue] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-radial-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 300 300 6 | center: 150 150 7 | radius: 200 200 8 | stops: [-0.5, red, -0.5, blue] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-radial-3-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 300 300 6 | center: 150 150 7 | radius: 200 200 8 | stops: [0.0, red, 1.0, red] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-radial-3.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 300 300 6 | center: 150 150 7 | radius: 200 200 8 | stops: [1.5, red, 1.5, blue] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/norm-radial-degenerate-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 300 300 6 | center: 150 150 7 | radius: 150 150 8 | stops: [0.0, red, 1.0, red] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/premultiplied-aligned-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/premultiplied-aligned-2.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/premultiplied-aligned-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 100 7 | end: 200 100 8 | stops: [0.0, [255.0, 0.0, 0.0, 0.5], 0.5, [0.0, 255.0, 0.0, 0.5], 1.0, [0.0, 0.0, 255.0, 0.5]] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/premultiplied-aligned.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/premultiplied-aligned.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/premultiplied-aligned.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 100 7 | end: 200 100 8 | stops: [0.0, red, 0.5, [0.0, 0.0, 0.0, 0.0], 1.0, green] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/premultiplied-angle-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/premultiplied-angle-2.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/premultiplied-angle-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 0 7 | end: 200 200 8 | stops: [0.0, [255.0, 0.0, 0.0, 0.5], 0.5, [0.0, 255.0, 0.0, 0.5], 1.0, [0.0, 0.0, 255.0, 0.5]] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/premultiplied-angle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/premultiplied-angle.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/premultiplied-angle.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 200 200 6 | start: 0 0 7 | end: 200 200 8 | stops: [0.0, red, 0.5, [0.0, 0.0, 0.0, 0.0], 1.0, green] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/premultiplied-conic-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/premultiplied-conic-2.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/premultiplied-conic-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 200 200 6 | angle: 0.0 7 | center: 100 100 8 | stops: [0.0, [255.0, 0.0, 0.0, 0.5], 0.5, [0.0, 255.0, 0.0, 0.5], 1.0, [0.0, 0.0, 255.0, 0.5]] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/premultiplied-conic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/premultiplied-conic.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/premultiplied-conic.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 200 200 6 | angle: 0.0 7 | center: 100 100 8 | stops: [0.0, red, 0.5, [0.0, 0.0, 0.0, 0.0], 1.0, green] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/premultiplied-radial-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/premultiplied-radial-2.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/premultiplied-radial-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 200 200 6 | center: 100 100 7 | radius: 100 100 8 | stops: [0.0, [255.0, 0.0, 0.0, 0.5], 0.5, [0.0, 255.0, 0.0, 0.5], 1.0, [0.0, 0.0, 255.0, 0.5]] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/premultiplied-radial.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/premultiplied-radial.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/premultiplied-radial.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 200 200 6 | center: 100 100 7 | radius: 100 100 8 | stops: [0.0, red, 0.5, [0.0, 0.0, 0.0, 0.0], 1.0, green] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/radial-backdrop-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: 0 0 800 450 6 | color: red 7 | - type: radial-gradient 8 | bounds: 0 0 800 450 9 | center: 400 225 10 | radius: 200 200 11 | stops: [ 0.0, [255, 255, 255, 1], 1.0, [0,0,0,1] ] 12 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/radial-backdrop-with-spacing-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: 0 0 800 450 6 | color: red 7 | - type: radial-gradient 8 | bounds: 0 0 800 450 9 | center: 50 50 10 | radius: 60 60 11 | stops: [ 0.0, [255, 255, 255, 1], 1.0, [0,0,0,1] ] 12 | tile-size: 100 100 13 | tile-spacing: 20 20 14 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/radial-border-radius-large-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/radial-border-radius-large-ref.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/radial-circle-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/radial-circle-ref.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/radial-circle.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 300 300 6 | center: 150 150 7 | radius: 200 200 8 | stops: [0, red, 1, blue] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/radial-ellipse-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/radial-ellipse-ref.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/radial-ellipse.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 300 300 6 | center: 150 150 7 | radius: 100 200 8 | stops: [0, red, 1, blue] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/radial-large-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/radial-large-ref.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/radial-large.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 2000 300 6 | center: 1000 150 7 | radius: 900 200 8 | stops: [0, red, 1, blue] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/radial-optimized-2-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 500 500 6 | center: 150 150 7 | radius: 80 160 8 | stops: [0, red, 1, [0,0,0,0]] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/radial-optimized-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 500 500 6 | center: 150 150 7 | radius: 20 40 8 | stops: [0, red, 4, [0,0,0,0]] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/radial-zero-size-1.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 200 200 6 | center: 100 100 7 | radius: 100 0 8 | stops: [0.0, blue, 1.0, red] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/radial-zero-size-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 200 200 6 | center: 100 100 7 | radius: 0 100 8 | stops: [0.0, blue, 1.0, red] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/radial-zero-size-3.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: 50 50 200 200 6 | color: red 7 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/radial-zero-size-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 200 200 6 | center: 100 100 7 | radius: 100 100 8 | stops: [0.0, red, 1.0, red] 9 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/repeat-border-radius.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/gradient/repeat-border-radius.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/repeat-conic-negative.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 300 300 6 | angle: -0.62831853 7 | center: 150 150 8 | stops: [0.1, red, 0.2, red, 0.2, blue, 0.3, blue] 9 | repeat: true 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/repeat-conic.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: conic-gradient 5 | bounds: 50 50 300 300 6 | angle: 0.0 7 | center: 150 150 8 | stops: [0.1, blue, 0.2, blue, 0.2, red, 0.3, red] 9 | repeat: true 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/repeat-linear-reverse.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 300 300 6 | start: 300 150 7 | end: 0 150 8 | stops: [0.1, red, 0.2, red, 0.2, blue, 0.3, blue] 9 | repeat: true 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/repeat-linear.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: 50 50 300 300 6 | start: 0 150 7 | end: 300 150 8 | stops: [0.1, blue, 0.2, blue, 0.2, red, 0.3, red] 9 | repeat: true 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/repeat-radial-negative.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 300 300 6 | center: 150 150 7 | radius: 150 150 8 | stops: [-0.3, blue, -0.2, blue, -0.2, red, -0.1, red] 9 | repeat: true 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/repeat-radial.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: radial-gradient 5 | bounds: 50 50 300 300 6 | center: 150 150 7 | radius: 150 150 8 | stops: [0.1, blue, 0.2, blue, 0.2, red, 0.3, red] 9 | repeat: true 10 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/tiling-conic-1.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | # basic - 4 tiles spaced out with no clipping 5 | - type: conic-gradient 6 | bounds: 50 50 500 500 7 | angle: 0.0 8 | center: 100 100 9 | stops: [0, red, 1, blue] 10 | tile-size: 200 200 11 | tile-spacing: 100 100 12 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/tiling-conic-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | # slightly clip the last tile 5 | - type: conic-gradient 6 | bounds: 50 50 400 400 7 | angle: 0.0 8 | center: 100 100 9 | stops: [0, red, 1, blue] 10 | tile-size: 200 200 11 | tile-spacing: 100 100 12 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/tiling-conic-3.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | # no spacing with a clip 5 | - type: conic-gradient 6 | bounds: 50 50 400 300 7 | angle: 0.0 8 | center: 100 100 9 | stops: [0, red, 1, blue] 10 | tile-size: 200 200 11 | tile-spacing: 0 0 12 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/tiling-linear-1.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | # basic - 4 tiles spaced out with no clipping 5 | - type: gradient 6 | bounds: 50 50 500 500 7 | start: 0 100 8 | end: 200 100 9 | stops: [0, red, 1, blue] 10 | tile-size: 200 200 11 | tile-spacing: 100 100 12 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/tiling-linear-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | # slightly clip the last tile 5 | - type: gradient 6 | bounds: 50 50 400 400 7 | start: 0 100 8 | end: 200 100 9 | stops: [0, red, 1, blue] 10 | tile-size: 200 200 11 | tile-spacing: 100 100 12 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/tiling-linear-3.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | # no spacing with a clip 5 | - type: gradient 6 | bounds: 50 50 400 300 7 | start: 0 100 8 | end: 200 100 9 | stops: [0, red, 1, blue] 10 | tile-size: 200 200 11 | tile-spacing: 0 0 12 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/tiling-radial-1.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | # basic - 4 tiles spaced out with no clipping 5 | - type: radial-gradient 6 | bounds: 50 50 500 500 7 | center: 100 100 8 | radius: 100 100 9 | stops: [0, red, 1, blue] 10 | tile-size: 200 200 11 | tile-spacing: 100 100 12 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/tiling-radial-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | # slightly clip the last tile 5 | - type: radial-gradient 6 | bounds: 50 50 400 400 7 | center: 100 100 8 | radius: 100 100 9 | stops: [0, red, 1, blue] 10 | tile-size: 200 200 11 | tile-spacing: 100 100 12 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/tiling-radial-3.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | # no spacing with a clip 5 | - type: radial-gradient 6 | bounds: 50 50 400 300 7 | center: 100 100 8 | radius: 200 100 9 | stops: [0, red, 1, blue] 10 | tile-size: 200 200 11 | tile-spacing: 0 0 12 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/tiling-radial-4.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | # make sure the ellipse transformation retains square tiles 5 | - type: radial-gradient 6 | bounds: 50 50 500 500 7 | center: 100 100 8 | radius: 200 100 9 | stops: [0, red, 1, blue] 10 | tile-size: 200 200 11 | tile-spacing: 100 100 12 | -------------------------------------------------------------------------------- /wrench/reftests/image/colorrect.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/image/colorrect.png -------------------------------------------------------------------------------- /wrench/reftests/image/downscale.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/image/downscale.png -------------------------------------------------------------------------------- /wrench/reftests/image/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/image/firefox.png -------------------------------------------------------------------------------- /wrench/reftests/image/green-alpha-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - image: solid-color(0, 255, 0, 127, 400, 400) 4 | bounds: 0 0 400 400 5 | -------------------------------------------------------------------------------- /wrench/reftests/image/image-alpha-stretch-tile.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - image: solid-color(0, 255, 0, 255, 40, 4097) 4 | bounds: 0 0 400 400 5 | alpha: premultiplied-alpha 6 | color: 255 255 255 0.5 7 | stretch-size: 200 200 8 | tile-spacing: 0 0 9 | -------------------------------------------------------------------------------- /wrench/reftests/image/image-alpha-stretch.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - image: solid-color(0, 255, 0, 255, 40, 4097) 4 | bounds: 0 0 400 400 5 | alpha: premultiplied-alpha 6 | color: 255 255 255 0.5 7 | -------------------------------------------------------------------------------- /wrench/reftests/image/image-filter-stretch-tile.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0, 0, 400, 400] 5 | filters: [opacity(0.5)] 6 | items: 7 | - image: solid-color(0, 255, 0, 255, 40, 4097) 8 | bounds: 0 0 400 400 9 | stretch-size: 200 200 10 | tile-spacing: 0 0 11 | -------------------------------------------------------------------------------- /wrench/reftests/image/image-filter-stretch.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0, 0, 400, 400] 5 | filters: [opacity(0.5)] 6 | items: 7 | - image: solid-color(0, 255, 0, 255, 40, 4097) 8 | bounds: 0 0 400 400 9 | -------------------------------------------------------------------------------- /wrench/reftests/image/occlusion.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/image/occlusion.png -------------------------------------------------------------------------------- /wrench/reftests/image/rgb_composite.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [50, 50, 100, 100] 6 | transform: scale(1.5) 7 | items: 8 | - image: colorrect.png 9 | bounds: [0, 0, 100, 100] 10 | prefer-compositor-surface: true 11 | -------------------------------------------------------------------------------- /wrench/reftests/image/rgb_composite_ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [50, 50, 100, 100] 6 | transform: scale(1.5) 7 | items: 8 | - image: colorrect.png 9 | bounds: [0, 0, 100, 100] 10 | -------------------------------------------------------------------------------- /wrench/reftests/image/segments.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/image/segments.png -------------------------------------------------------------------------------- /wrench/reftests/image/segments.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: clip 4 | id: 2 5 | complex: 6 | - rect: [10, 10, 260, 260] 7 | radius: 32 8 | - image: checkerboard(2, 16, 16) 9 | clip-chain: [2] 10 | bounds: [10, 10, 260, 260] 11 | - image: checkerboard(2, 16, 16) 12 | bounds: [10, 290, 260, 260] 13 | -------------------------------------------------------------------------------- /wrench/reftests/image/spacex-u.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/image/spacex-u.png -------------------------------------------------------------------------------- /wrench/reftests/image/spacex-uv.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/image/spacex-uv.png -------------------------------------------------------------------------------- /wrench/reftests/image/spacex-v.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/image/spacex-v.png -------------------------------------------------------------------------------- /wrench/reftests/image/spacex-y.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/image/spacex-y.png -------------------------------------------------------------------------------- /wrench/reftests/image/spacex-yuv.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/image/spacex-yuv.png -------------------------------------------------------------------------------- /wrench/reftests/image/texture-rect.yaml: -------------------------------------------------------------------------------- 1 | # Test to ensure external images using the textureRect sampler mode work correctly. 2 | root: 3 | items: 4 | - image: colorrect.png 5 | bounds: [0, 0, 100, 100] 6 | external: true 7 | external-target: rect -------------------------------------------------------------------------------- /wrench/reftests/image/tile-repeat-prim-or-decompose-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - image: xy-gradient(500, 50) 4 | bounds: 0 0 800 800 5 | stretch-size: 50 50 6 | - image: xy-gradient(50, 500) 7 | bounds: 800 0 800 800 8 | stretch-size: 50 50 9 | -------------------------------------------------------------------------------- /wrench/reftests/image/tile-with-spacing-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - image: solid-color(255, 0, 0, 255, 300, 300) 4 | bounds: 0 0 800 800 5 | stretch-size: 200 200 6 | tile-spacing: 10 10 7 | -------------------------------------------------------------------------------- /wrench/reftests/image/tiled-clip-chain-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - image: checkerboard(2, 16, 16) 4 | bounds: [10, 10, 260, 260] 5 | - type: rect 6 | bounds: [10, 110, 200, 200] 7 | color: white 8 | - type: rect 9 | bounds: [110, 10, 200, 270] 10 | color: white -------------------------------------------------------------------------------- /wrench/reftests/image/tiled-clip-chain.yaml: -------------------------------------------------------------------------------- 1 | # Test that local clip rects from clip-chains are correctly 2 | # propagated into the local clip rect for tiled images. 3 | root: 4 | items: 5 | - type: clip 6 | id: 2 7 | bounds: [10, 10, 100, 100] 8 | - image: checkerboard(2, 16, 16) 9 | clip-chain: [2] 10 | bounds: [10, 10, 260, 260] 11 | tile-size: 64 -------------------------------------------------------------------------------- /wrench/reftests/image/tiled-complex-clip-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: clip 4 | id: 2 5 | complex: 6 | - rect: [10, 10, 100, 100] 7 | radius: 32 8 | - image: checkerboard(2, 16, 16) 9 | clip-chain: [2] 10 | bounds: [10, 10, 260, 260] 11 | -------------------------------------------------------------------------------- /wrench/reftests/image/very-big-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: rect 4 | bounds: 0 0 500 500 5 | color: red 6 | -------------------------------------------------------------------------------- /wrench/reftests/image/very-big-tile-size-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: rect 4 | bounds: 0 0 500 500 5 | color: red 6 | -------------------------------------------------------------------------------- /wrench/reftests/image/very-big-tile-size.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: rect 4 | bounds: 0 0 500 500 5 | color: green 6 | - image: solid-color(255, 0, 0, 255, 100000, 1000) 7 | bounds: 0 0 500 500 8 | stretch-size: 1000000 1000 9 | tile-size: 60000 10 | -------------------------------------------------------------------------------- /wrench/reftests/image/very-big.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - image: solid-color(255, 0, 0, 255, 100000, 1000) 4 | bounds: 0 0 500 500 5 | stretch-size: 1000000 1000 6 | -------------------------------------------------------------------------------- /wrench/reftests/image/yuv.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/image/yuv.png -------------------------------------------------------------------------------- /wrench/reftests/mask/aligned-layer-rect-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | items: 6 | - type: rect 7 | bounds: [9, 9, 10, 10] 8 | color: blue 9 | -------------------------------------------------------------------------------- /wrench/reftests/mask/checkerboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/mask/checkerboard.png -------------------------------------------------------------------------------- /wrench/reftests/mask/checkerboard.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: clip 5 | id: 2 6 | image-mask: 7 | image: transparent-checkerboard(2, 16, 16) 8 | rect: [0, 0, 200, 200] 9 | repeat: false 10 | - type: stacking-context 11 | clip-chain: [2] 12 | items: 13 | - type: rect 14 | bounds: [0, 0, 200, 200] 15 | color: blue 16 | -------------------------------------------------------------------------------- /wrench/reftests/mask/circle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/mask/circle.png -------------------------------------------------------------------------------- /wrench/reftests/mask/green.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 95, 88] 6 | color: green 7 | -------------------------------------------------------------------------------- /wrench/reftests/mask/mask-multiple-coord-systems.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/mask/mask-multiple-coord-systems.png -------------------------------------------------------------------------------- /wrench/reftests/mask/mask-perspective.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/mask/mask-perspective.png -------------------------------------------------------------------------------- /wrench/reftests/mask/mask-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 95, 88] 6 | items: 7 | - type: rect 8 | bounds: [9, 9, 10, 10] 9 | color: blue 10 | -------------------------------------------------------------------------------- /wrench/reftests/mask/mask-tiling.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: clip 5 | id: 2 6 | image-mask: 7 | image: "mask.png" 8 | rect: [0, 0, 35, 35] 9 | repeat: false 10 | tile-size: 5 11 | - type: stacking-context 12 | clip-chain: [2] 13 | items: 14 | - type: rect 15 | bounds: [0, 0, 95, 88] 16 | color: blue 17 | -------------------------------------------------------------------------------- /wrench/reftests/mask/mask-transformed-to-empty-rect-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 100, 100] 6 | color: 0 255 0 1.0 7 | -------------------------------------------------------------------------------- /wrench/reftests/mask/mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/mask/mask.png -------------------------------------------------------------------------------- /wrench/reftests/mask/mask.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: clip 5 | id: 2 6 | image-mask: 7 | image: "mask.png" 8 | rect: [0, 0, 35, 35] 9 | repeat: false 10 | - type: stacking-context 11 | clip-chain: [2] 12 | items: 13 | - type: rect 14 | bounds: [0, 0, 95, 88] 15 | color: blue 16 | -------------------------------------------------------------------------------- /wrench/reftests/mask/missing-mask-ref.yaml: -------------------------------------------------------------------------------- 1 | # Don't crash when supplied an invalid image key for the mask! 2 | --- 3 | root: 4 | items: 5 | - type: rect 6 | bounds: [0, 0, 35, 35] 7 | color: blue 8 | -------------------------------------------------------------------------------- /wrench/reftests/mask/missing-mask.yaml: -------------------------------------------------------------------------------- 1 | # Don't crash when supplied an invalid image key for the mask! 2 | --- 3 | root: 4 | items: 5 | - type: clip 6 | id: 2 7 | image-mask: 8 | image: invalid 9 | rect: [0, 0, 35, 35] 10 | repeat: false 11 | - type: rect 12 | bounds: [0, 0, 95, 88] 13 | color: blue 14 | clip-chain: [2] 15 | -------------------------------------------------------------------------------- /wrench/reftests/mask/nested-mask-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 95, 88] 6 | items: 7 | - type: rect 8 | bounds: [13, 13, 6, 6] 9 | color: blue 10 | -------------------------------------------------------------------------------- /wrench/reftests/mask/rounded-corners.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/mask/rounded-corners.png -------------------------------------------------------------------------------- /wrench/reftests/mask/scaled-filter-raster-root.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/mask/scaled-filter-raster-root.png -------------------------------------------------------------------------------- /wrench/reftests/mask/tiny-check-mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/mask/tiny-check-mask.png -------------------------------------------------------------------------------- /wrench/reftests/performance/compositor-surface-opaque-slice-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - 4 | bounds: [0, 0, 200, 200] 5 | image: checkerboard(2, 16, 12) 6 | stretch-size: 200 200 7 | - type: rect 8 | bounds: [0, 0, 200, 200] 9 | color: [255, 0, 0, 0.5] 10 | -------------------------------------------------------------------------------- /wrench/reftests/performance/compositor-surface-opaque-slice.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - 4 | bounds: [0, 0, 200, 200] 5 | image: checkerboard(2, 16, 12) 6 | stretch-size: 200 200 7 | prefer-compositor-surface: true 8 | - type: rect 9 | bounds: [0, 0, 200, 200] 10 | color: [255, 0, 0, 0.5] 11 | -------------------------------------------------------------------------------- /wrench/reftests/performance/no-clip-mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/performance/no-clip-mask.png -------------------------------------------------------------------------------- /wrench/reftests/performance/reftest.list: -------------------------------------------------------------------------------- 1 | skip_on(android) == color_targets(2) alpha_targets(0) no-clip-mask.yaml no-clip-mask.png # Too wide for Android 2 | platform(linux,mac) == compositor-surface-opaque-slice.yaml compositor-surface-opaque-slice-ref.yaml 3 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/blank.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/clip-and-scroll-property-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: rect 4 | bounds: [0, 0, 200, 200] 5 | color: green 6 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/empty-mask-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: rect 4 | bounds: [0, 0, 100, 100] 5 | color: green 6 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/ext-scroll-offset-1-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: scroll-frame 4 | bounds: [0, 0, 100, 100] 5 | content-size: [100, 1000] 6 | scroll-offset: [0, -50] 7 | items: 8 | - type: rect 9 | color: green 10 | bounds: [0, 0, 100, 100] 11 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/ext-scroll-offset-rounded-clip-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: clip 4 | id: 3 5 | complex: 6 | - rect: [0, 50, 100, 100] 7 | radius: 32 8 | - type: rect 9 | color: green 10 | bounds: [0, 50, 100, 100] 11 | clip-chain: [3] 12 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/fixed-position-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: rect 4 | bounds: [0, 0, 50, 50] 5 | color: green 6 | - type: rect 7 | bounds: [60, 0, 50, 50] 8 | color: green 9 | - type: rect 10 | bounds: [120, 0, 50, 50] 11 | color: green 12 | - type: rect 13 | bounds: [180, 0, 50, 50] 14 | color: green 15 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/fixed-position-scrolling-clip-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: rect 4 | bounds: [10, 10, 50, 50] 5 | color: green 6 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/scrolling/mask.png -------------------------------------------------------------------------------- /wrench/reftests/scrolling/nested-scroll-offset-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: rect 4 | bounds: [0, 0, 50, 50] 5 | color: green 6 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/out-of-bounds-scroll-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: rect 4 | bounds: [10, 10, 50, 50] 5 | color: green 6 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/out-of-bounds-scroll.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: scroll-frame 4 | bounds: [10, 10, 50, 100] 5 | content-size: [50, 200] 6 | scroll-offset: [0, 50] 7 | items: 8 | - type: rect 9 | bounds: [10, 60, 50, 50] 10 | color: green 11 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/root-scroll-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | bounds: [0, 0, 1024, 10000] 3 | items: 4 | - type: rect 5 | bounds: [10, 10, 50, 50] 6 | color: green 7 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/root-scroll.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | bounds: [0, 0, 1024, 10000] 3 | scroll-offset: [0, 100] 4 | items: 5 | - type: rect 6 | bounds: [10, 110, 50, 50] 7 | color: green 8 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/scale-offsets-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: rect 4 | color: green 5 | bounds: [50, 50, 50, 50] 6 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/scroll-generation-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: scroll-frame 4 | bounds: [0, 0, 100, 100] 5 | content-size: [100, 1000] 6 | external-scroll-offset: [0, 60] 7 | items: 8 | - type: rect 9 | color: green 10 | bounds: [0, 60, 100, 100] 11 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/scroll-layer-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: rect 4 | bounds: [0, 0, 50, 50] 5 | color: green 6 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/scroll-layer.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: scroll-frame 4 | bounds: [0, 0, 100, 100] 5 | content-size: [1000, 1000] 6 | scroll-offset: [50, 50] 7 | items: 8 | - type: rect 9 | bounds: [50, 50, 50, 50] 10 | color: green 11 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/sibling-hidden-clip-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [10, 10, 40, 70] 6 | color: red 7 | id: [0, 0] 8 | pipelines: [] 9 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/simple-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: rect 4 | bounds: [10, 10, 50, 50] 5 | color: green 6 | - type: rect 7 | bounds: [70, 10, 50, 50] 8 | color: green 9 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/sticky-transformed-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: rect 4 | bounds: [10, 30, 10, 10] 5 | color: green 6 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/translate-nested-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: [8, 8, 500, 500] 6 | clip: [0, 0, 0, 0] 7 | type: "stacking-context" 8 | items: 9 | - 10 | bounds: [0, 0, 200, 200] 11 | type: rect 12 | color: green 13 | id: [0, 0] 14 | pipelines: [] 15 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/viewport-offset-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: 0 0 0 0 6 | items: 7 | - type: rect 8 | color: red 9 | bounds: 0 100 1000 50 10 | -------------------------------------------------------------------------------- /wrench/reftests/snap/1761299-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 512, 128] 6 | color: red 7 | -------------------------------------------------------------------------------- /wrench/reftests/snap/1761299.yaml: -------------------------------------------------------------------------------- 1 | # verify that the raster spatial node selected when a surface is too large 2 | # is correct propagated to the picture render task 3 | --- 4 | root: 5 | items: 6 | - type: stacking-context 7 | filters: [identity] 8 | transform: scale(0.5,1,1) 9 | items: 10 | - type: rect 11 | bounds: [0, 0, 1024, 128] 12 | color: red 13 | -------------------------------------------------------------------------------- /wrench/reftests/snap/fractional-filter-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0, 0, 1920, 1200] 5 | transform: translate(-45, 7) 6 | items: 7 | - type: stacking-context 8 | filters: [opacity(0.9)] 9 | items: 10 | - text: "This should be pixel aligned!" 11 | origin: 416.543499 160.008325 12 | size: 16 13 | 14 | -------------------------------------------------------------------------------- /wrench/reftests/snap/preserve-3d.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/snap/preserve-3d.png -------------------------------------------------------------------------------- /wrench/reftests/snap/reftest.list: -------------------------------------------------------------------------------- 1 | platform(linux,mac) == snap.yaml snap.png 2 | == transform.yaml transform.png 3 | platform(linux,mac) == preserve-3d.yaml preserve-3d.png 4 | fuzzy(128,200) == subpixel-raster-root.yaml subpixel-raster-root-ref.yaml 5 | platform(linux,mac) == fractional-filter.yaml fractional-filter-ref.yaml 6 | max_surface_size(256) == 1761299.yaml 1761299.yaml 7 | -------------------------------------------------------------------------------- /wrench/reftests/snap/snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/snap/snap.png -------------------------------------------------------------------------------- /wrench/reftests/snap/snap.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [ 1, 1, 5, 5 ] 6 | color: green 7 | - type: rect 8 | bounds: [ 10.4, 1.8, 5, 5 ] 9 | color: green 10 | - type: rect 11 | bounds: [ 21.5, 1.5, 5, 5 ] 12 | color: green 13 | - type: rect 14 | bounds: [ 31.2, 1.6, 4.3, 5.5 ] 15 | color: green 16 | -------------------------------------------------------------------------------- /wrench/reftests/snap/subpixel-raster-root-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: [0, 111, 200, 1] 6 | type: rect 7 | color: green 8 | -------------------------------------------------------------------------------- /wrench/reftests/snap/subpixel-raster-root.yaml: -------------------------------------------------------------------------------- 1 | # Verify that we don't incorrectly snap surface rects with fractional pixel offsets 2 | --- 3 | root: 4 | items: 5 | - 6 | type: "stacking-context" 7 | transform: translate(0, 100.5, 0) 8 | transform-style: preserve-3d 9 | items: 10 | - 11 | bounds: [0, 10.5, 200, 1] 12 | type: rect 13 | color: green 14 | -------------------------------------------------------------------------------- /wrench/reftests/snap/transform.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/snap/transform.png -------------------------------------------------------------------------------- /wrench/reftests/split/filter-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 200, 200] 6 | transform-style: preserve-3d 7 | items: 8 | - type: rect 9 | bounds: [0, 0, 200, 200] 10 | color: [255, 0, 0, 0.5] 11 | -------------------------------------------------------------------------------- /wrench/reftests/split/intermediate-1-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: 8 36 100 100 6 | color: green 7 | - type: rect 8 | bounds: 108 36 100 100 9 | color: blue 10 | - type: rect 11 | bounds: 208 36 100 100 12 | color: yellow 13 | -------------------------------------------------------------------------------- /wrench/reftests/split/near-plane.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/split/near-plane.png -------------------------------------------------------------------------------- /wrench/reftests/split/nested-coord-systems-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: 0 0 150 200 6 | color: green 7 | -------------------------------------------------------------------------------- /wrench/reftests/split/nested-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 1024, 1024] 6 | items: 7 | - type: rect 8 | bounds: [150, 0, 300, 600] 9 | color: red 10 | - type: rect 11 | bounds: [150, 0, 300, 200] 12 | color: green 13 | -------------------------------------------------------------------------------- /wrench/reftests/split/order-1-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0, 0, 100, 100] 5 | items: 6 | - type: rect 7 | bounds: [0, 0, 100, 100] 8 | color: green 9 | -------------------------------------------------------------------------------- /wrench/reftests/split/order-2-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0, 0, 100, 100] 5 | items: 6 | - type: rect 7 | bounds: [0, 0, 100, 100] 8 | color: green 9 | -------------------------------------------------------------------------------- /wrench/reftests/split/order-3-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | type: rect 6 | bounds: [8, 8, 200, 200] 7 | color: blue 8 | - 9 | type: rect 10 | bounds: [8, 208, 200, 200] 11 | color: blue 12 | - 13 | type: rect 14 | bounds: [8, 408, 200, 200] 15 | color: blue 16 | -------------------------------------------------------------------------------- /wrench/reftests/split/ordering-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: [15, 15, 150, 300] 6 | type: rect 7 | color: 255 0 0 1.0000 8 | - 9 | bounds: [203, 15, 150, 300] 10 | type: rect 11 | color: 255 0 0 1.0000 12 | - 13 | bounds: [0, 0, 450, 150] 14 | type: rect 15 | color: 0 0 0 0.6667 16 | -------------------------------------------------------------------------------- /wrench/reftests/split/perspective-clipping-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: 0 0 1024 768 6 | items: 7 | - type: rect 8 | bounds: 0 0 1024 768 9 | color: green 10 | -------------------------------------------------------------------------------- /wrench/reftests/split/same-plane.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/split/same-plane.png -------------------------------------------------------------------------------- /wrench/reftests/split/simple-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 1024, 1024] 6 | items: 7 | - type: rect 8 | bounds: [150, 0, 150, 600] 9 | color: [191, 127, 63] 10 | - type: rect 11 | bounds: [300, 0, 150, 600] 12 | color: [127, 191, 63] 13 | -------------------------------------------------------------------------------- /wrench/reftests/text/Ahem.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/Ahem.ttf -------------------------------------------------------------------------------- /wrench/reftests/text/FreeSans.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/FreeSans.ttf -------------------------------------------------------------------------------- /wrench/reftests/text/Proggy.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/Proggy.ttf -------------------------------------------------------------------------------- /wrench/reftests/text/VeraBd.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/VeraBd.ttf -------------------------------------------------------------------------------- /wrench/reftests/text/allow-subpixel-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - text: "This should not be subpixel text" 5 | origin: 20 120 6 | size: 18 7 | color: black 8 | font: "VeraBd.ttf" 9 | -------------------------------------------------------------------------------- /wrench/reftests/text/alpha-transform.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/alpha-transform.png -------------------------------------------------------------------------------- /wrench/reftests/text/alpha-transform.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0, 0, 660, 210] 5 | transform: scale(1.5, 2.5) rotate(-10) 6 | items: 7 | - text: "a Bcd Efgh Ijklm Nopqrs Tuvwxyz" 8 | origin: 20 50 9 | size: 20 10 | font: "FreeSans.ttf" 11 | -------------------------------------------------------------------------------- /wrench/reftests/text/blank.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | -------------------------------------------------------------------------------- /wrench/reftests/text/blurred-shadow-local-clip-rect-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/blurred-shadow-local-clip-rect-ref.png -------------------------------------------------------------------------------- /wrench/reftests/text/border-radius-alpha.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/border-radius-alpha.png -------------------------------------------------------------------------------- /wrench/reftests/text/border-radius-subpx.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/border-radius-subpx.png -------------------------------------------------------------------------------- /wrench/reftests/text/clipped-transform.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/clipped-transform.png -------------------------------------------------------------------------------- /wrench/reftests/text/colors-alpha.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/colors-alpha.png -------------------------------------------------------------------------------- /wrench/reftests/text/colors-subpx.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/colors-subpx.png -------------------------------------------------------------------------------- /wrench/reftests/text/decorations-suite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/decorations-suite.png -------------------------------------------------------------------------------- /wrench/reftests/text/diacritics-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - text: "x" 4 | origin: 20 30 5 | size: 20 6 | font: "FreeSans.ttf" 7 | -------------------------------------------------------------------------------- /wrench/reftests/text/diacritics.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - text: "x̂" 4 | origin: 20 30 5 | size: 20 6 | font: "FreeSans.ttf" 7 | -------------------------------------------------------------------------------- /wrench/reftests/text/embedded-bitmaps.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/embedded-bitmaps.png -------------------------------------------------------------------------------- /wrench/reftests/text/isolated-text.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/isolated-text.png -------------------------------------------------------------------------------- /wrench/reftests/text/large-glyphs.yaml: -------------------------------------------------------------------------------- 1 | --- # Verify that large glyphs actually render at all. 2 | root: 3 | items: 4 | - text: "HI" 5 | origin: 0 1234 6 | size: 1234 7 | color: black 8 | font: "VeraBd.ttf" 9 | -------------------------------------------------------------------------------- /wrench/reftests/text/negative-pos.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: [14, 18, 205, 35] 6 | glyphs: [55] 7 | offsets: [-2, 43] 8 | size: 24 9 | color: black 10 | font: "VeraBd.ttf" 11 | -------------------------------------------------------------------------------- /wrench/reftests/text/non-opaque-notref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: [0, 0, 500, 500] 6 | glyphs: [55] 7 | offsets: [200, 200] 8 | size: 100 9 | color: [0, 0, 0] 10 | font: "VeraBd.ttf" 11 | -------------------------------------------------------------------------------- /wrench/reftests/text/non-opaque.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: [0, 0, 500, 500] 6 | glyphs: [55] 7 | offsets: [200, 200] 8 | size: 100 9 | color: [0, 0, 0, 0.5] 10 | font: "VeraBd.ttf" 11 | -------------------------------------------------------------------------------- /wrench/reftests/text/perspective-clip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/perspective-clip.png -------------------------------------------------------------------------------- /wrench/reftests/text/raster-space-snap-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0, 0, 480, 80] 5 | raster-space: screen 6 | items: 7 | - text: "a Bcd Efgh Ijklm Nopqrs Tuvwxyz" 8 | origin: 20.5 50 9 | size: 20 10 | font: "FreeSans.ttf" 11 | -------------------------------------------------------------------------------- /wrench/reftests/text/raster-space-snap.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0, 0, 480, 80] 5 | raster-space: local(1.0) 6 | items: 7 | - text: "a Bcd Efgh Ijklm Nopqrs Tuvwxyz" 8 | origin: 20.5 50 9 | size: 20 10 | font: "FreeSans.ttf" 11 | -------------------------------------------------------------------------------- /wrench/reftests/text/raster-space.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/raster-space.png -------------------------------------------------------------------------------- /wrench/reftests/text/shadow-clip-ref.yaml: -------------------------------------------------------------------------------- 1 | # Test that the clip-chain local rect is not applied 2 | # to the text run being drawn in the shadow. If it was 3 | # applied, the edges of the quad will be a slightly 4 | # different color, since the blur will include some 5 | # clipped out pixels. 6 | --- 7 | root: 8 | items: 9 | - type: rect 10 | bounds: [28, 28, 80, 80] 11 | color: [255, 127, 127, 1] 12 | -------------------------------------------------------------------------------- /wrench/reftests/text/shadow-grey-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - rect: [14, 10, 205, 38] 5 | color: [100, 100, 100, 1.0] 6 | 7 | -------------------------------------------------------------------------------- /wrench/reftests/text/shadow-image.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | type: "shadow" 6 | blur-radius: 25 7 | bounds: [0, 0, 90, 90] 8 | offset: [0, 0] 9 | color: [0, 0, 0, 0.8] 10 | - 11 | bounds: [ 30, 30, 30, 30 ] 12 | image: solid-color(0, 0, 255, 255, 30, 30) 13 | - 14 | type: "pop-all-shadows" 15 | -------------------------------------------------------------------------------- /wrench/reftests/text/shadow-red-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - rect: [14, 10, 205, 38] 5 | color: red 6 | -------------------------------------------------------------------------------- /wrench/reftests/text/shadow-solid-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | type: "shadow" 6 | blur-radius: 25 7 | bounds: [0, 0, 90, 90] 8 | offset: [0, 0] 9 | color: [0, 0, 0, 0.8] 10 | - 11 | bounds: [30, 30, 30, 30] 12 | type: rect 13 | style: solid 14 | color: blue 15 | - 16 | type: "pop-all-shadows" 17 | -------------------------------------------------------------------------------- /wrench/reftests/text/shadow-transforms.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/shadow-transforms.png -------------------------------------------------------------------------------- /wrench/reftests/text/snap-clip-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - bounds: [0, 0, 35, 35] 4 | glyphs: [50] 5 | offsets: [10, 30] 6 | size: 20 7 | font: "FreeSans.ttf" 8 | -------------------------------------------------------------------------------- /wrench/reftests/text/snap-clip.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - bounds: [0, 0, 35, 35] 4 | glyphs: [50] 5 | offsets: [10.3, 30] 6 | clip-rect: [0, 0, 29.7, 35] 7 | size: 20 8 | font: "FreeSans.ttf" 9 | -------------------------------------------------------------------------------- /wrench/reftests/text/subpixel-rotate.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/subpixel-rotate.png -------------------------------------------------------------------------------- /wrench/reftests/text/subpixel-rotate.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0, 0, 430, 330] 5 | transform: rotate(-30) 6 | items: 7 | - text: "a Bcd Efgh Ijklm Nopqrs Tuvwxyz" 8 | origin: 50 200 9 | size: 20 10 | font: "FreeSans.ttf" 11 | -------------------------------------------------------------------------------- /wrench/reftests/text/subpixel-scale.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/subpixel-scale.png -------------------------------------------------------------------------------- /wrench/reftests/text/subpixel-scale.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0, 0, 680, 80] 5 | transform: scale-x(1.5) 6 | items: 7 | - text: "a Bcd Efgh Ijklm Nopqrs Tuvwxyz" 8 | origin: 20 50 9 | size: 20 10 | font: "FreeSans.ttf" 11 | -------------------------------------------------------------------------------- /wrench/reftests/text/subpixel-skew.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/subpixel-skew.png -------------------------------------------------------------------------------- /wrench/reftests/text/subpixel-skew.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0, 0, 480, 80] 5 | transform: skew-x(30) 6 | items: 7 | - text: "a Bcd Efgh Ijklm Nopqrs Tuvwxyz" 8 | origin: 20 50 9 | size: 20 10 | font: "FreeSans.ttf" 11 | -------------------------------------------------------------------------------- /wrench/reftests/text/subpixel-translate-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0, 0, 500, 500] 5 | items: 6 | - 7 | bounds: [0, 0, 500, 500] 8 | glyphs: [80, 80, 80, 80, 80] 9 | offsets: [50, 100, 71.111, 100, 92.222, 100, 113.333, 100, 134.444, 100] 10 | origin: 0 0 11 | size: 20 12 | font: "FreeSans.ttf" 13 | -------------------------------------------------------------------------------- /wrench/reftests/text/subpx-bg-mask-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - text: "A" 5 | origin: 20 190 6 | size: 180 7 | color: black 8 | font: "FreeSans.ttf" 9 | -------------------------------------------------------------------------------- /wrench/reftests/text/synthetic-bold-not-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - text: "Fake bold is great" 4 | origin: 20 40 5 | size: 20 6 | -------------------------------------------------------------------------------- /wrench/reftests/text/synthetic-bold-transparent-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0, 0, 660, 210] 5 | filters: opacity(0.5) 6 | items: 7 | - text: "Fake bold is great" 8 | origin: 20 40 9 | size: 20 10 | synthetic-bold: true 11 | -------------------------------------------------------------------------------- /wrench/reftests/text/synthetic-bold-transparent.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - text: "Fake bold is great" 4 | origin: 20 40 5 | size: 20 6 | color: [0, 0, 0, 0.5] 7 | synthetic-bold: true 8 | -------------------------------------------------------------------------------- /wrench/reftests/text/synthetic-bold.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - text: "Fake bold is great" 4 | origin: 20 40 5 | size: 20 6 | synthetic-bold: true 7 | -------------------------------------------------------------------------------- /wrench/reftests/text/synthetic-italics-custom.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - text: "Fake italics are great" 4 | origin: 20 40 5 | size: 20 6 | synthetic-italics: 45 7 | 8 | -------------------------------------------------------------------------------- /wrench/reftests/text/synthetic-italics-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - text: "Fake italics are great" 4 | origin: 20 40 5 | size: 20 6 | -------------------------------------------------------------------------------- /wrench/reftests/text/synthetic-italics.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - text: "Fake italics are great" 4 | origin: 20 40 5 | size: 20 6 | synthetic-italics: true 7 | 8 | -------------------------------------------------------------------------------- /wrench/reftests/text/text-fixed-slice-fast.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/text-fixed-slice-fast.png -------------------------------------------------------------------------------- /wrench/reftests/text/text-fixed-slice-slow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/text-fixed-slice-slow.png -------------------------------------------------------------------------------- /wrench/reftests/text/transparent-no-aa.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | text: "hello everybody" 6 | origin: [10, 20] 7 | size: 18 8 | color: [0, 0, 0, 0.5] 9 | font: "VeraBd.ttf" 10 | -------------------------------------------------------------------------------- /wrench/reftests/text/two-shadows.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/two-shadows.png -------------------------------------------------------------------------------- /wrench/reftests/text/white-opacity.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/text/white-opacity.png -------------------------------------------------------------------------------- /wrench/reftests/text/writing-modes.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - text: "This is sideways-left" 4 | origin: 20 40 5 | size: 20 6 | transpose: true 7 | flip-x: true 8 | font: "FreeSans.ttf" 9 | - text: "This is sideways-right" 10 | origin: 70 300 11 | size: 20 12 | transpose: true 13 | flip-y: true 14 | font: "FreeSans.ttf" 15 | 16 | -------------------------------------------------------------------------------- /wrench/reftests/tiles/complex-shared-clip-root-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | type: clip 6 | id: 2 7 | complex: 8 | - rect: [50, 50, 200, 200] 9 | radius: 16 10 | - type: rect 11 | bounds: [50, 50, 200, 200] 12 | color: red 13 | clip-chain: [2] 14 | -------------------------------------------------------------------------------- /wrench/reftests/tiles/rect.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: 50 50 200 200 6 | color: red 7 | -------------------------------------------------------------------------------- /wrench/reftests/tiles/reftest.list: -------------------------------------------------------------------------------- 1 | ** rect.yaml 2 | fuzzy(1,2000) ** simple-gradient.yaml 3 | # TODO: Fix rasterizer inaccuracies so this is the same regardless of tile size! 4 | !* prim-suite.yaml 5 | == mix-blend-clip.yaml mix-blend-clip-ref.yaml 6 | platform(linux) == tile-cache-raster-root.yaml tile-cache-raster-root.png 7 | == complex-shared-clip-root.yaml complex-shared-clip-root-ref.yaml 8 | -------------------------------------------------------------------------------- /wrench/reftests/tiles/simple-gradient.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: gradient 5 | bounds: [ 0, 0, 1980, 1080] 6 | start: [ 0, -2000 ] 7 | end: [ 0, 4000 ] 8 | stops: [ 0.0, red, 1.0, green ] 9 | repeat: false 10 | -------------------------------------------------------------------------------- /wrench/reftests/tiles/tile-cache-raster-root.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/tiles/tile-cache-raster-root.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/big-axis-aligned-scale-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [ 0, 0, 200, 44 ] 6 | color: green 7 | -------------------------------------------------------------------------------- /wrench/reftests/transforms/big-axis-aligned-scale.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | transform-style: preserve-3d 6 | transform: scale(-2, 44, 1) 7 | items: 8 | - type: rect 9 | bounds: [ -100, -100, 200, 101 ] 10 | color: green 11 | -------------------------------------------------------------------------------- /wrench/reftests/transforms/blank.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | -------------------------------------------------------------------------------- /wrench/reftests/transforms/border-scale-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/border-scale-2.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/border-scale-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/border-scale-3.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/border-scale-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/border-scale-4.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/border-scale.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/border-scale.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/border-zoom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/border-zoom.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/clip-translate-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | color: red 6 | bounds: [6, 168, 18, 18] 7 | -------------------------------------------------------------------------------- /wrench/reftests/transforms/computed-rotation-yflip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/computed-rotation-yflip.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/content-offset.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/content-offset.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/coord-system.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/coord-system.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/firefox.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/flatten-preserve-3d-root-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - bounds: [100, 150, 150, 75] 5 | type: rect 6 | color: green 7 | -------------------------------------------------------------------------------- /wrench/reftests/transforms/flatten-twice-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [100, 100, 200, 100] 6 | color: green 7 | -------------------------------------------------------------------------------- /wrench/reftests/transforms/image-rotated-clip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/image-rotated-clip.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/image.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/local-clip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/local-clip.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/near-plane-clip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/near-plane-clip.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/nested-preserve-3d.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/nested-preserve-3d.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/nested-rotate-x-flat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/nested-rotate-x-flat.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/nested-rotate-x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/nested-rotate-x.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/perspective-border-radius.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/perspective-border-radius.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/perspective-clip-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/perspective-clip-1.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/perspective-clip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/perspective-clip.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/perspective-mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/perspective-mask.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/perspective-origin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/perspective-origin.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/perspective-shadow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/perspective-shadow.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/perspective-surface-scale.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/perspective-surface-scale.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/perspective.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/perspective.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/prim-suite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/prim-suite.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/raster-root-scaling-2-ref.yaml: -------------------------------------------------------------------------------- 1 | # Tests that the correct device pixel scale is propagated to child surfaces. 2 | # See bug 1639729 3 | --- 4 | root: 5 | items: 6 | - type: stacking-context 7 | bounds: [0, 0, 0, 0] 8 | filters: invert(1) 9 | items: 10 | - image: checkerboard(2, 16, 16) 11 | bounds: [0, 0, 260, 260] 12 | -------------------------------------------------------------------------------- /wrench/reftests/transforms/raster-root-scaling-ref.yaml: -------------------------------------------------------------------------------- 1 | 2 | # Tests that surfaces created by raster roots are scaled based on the surface to parent transform. 3 | --- 4 | root: 5 | items: 6 | - type: stacking-context 7 | bounds: [0, 0, 0, 0] 8 | items: 9 | - image: checkerboard(2, 16, 16) 10 | bounds: [0, 0, 260, 260] 11 | -------------------------------------------------------------------------------- /wrench/reftests/transforms/rotate-clip-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: [100, 146, 150, 107] 6 | type: rect 7 | color: 0 128 0 1.0000 8 | -------------------------------------------------------------------------------- /wrench/reftests/transforms/rotated-clip-large.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/rotated-clip-large.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/rotated-clip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/rotated-clip.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/rotated-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/rotated-image.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/screen-space-blit-trivial.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/screen-space-blit-trivial.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/screen-space-blit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/screen-space-blit.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/screen-space-blur.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/servo/webrender/c4bd5b47d8f5cd684334b445e67a1f945d106848/wrench/reftests/transforms/screen-space-blur.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/strange-w-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [50, 50, 600, 600] 6 | perspective: 20 7 | items: 8 | - type: stacking-context 9 | items: 10 | - type: rect 11 | bounds: [25, 25, 50, 50] 12 | color: red 13 | --------------------------------------------------------------------------------