├── .gitignore ├── .taskcluster.yml ├── .travis.yml ├── Cargo.lock ├── Cargo.toml ├── LICENSE ├── README.md ├── appveyor.yml ├── ci-scripts ├── docker-image │ ├── Dockerfile │ └── setup.sh ├── linux-debug-tests.sh ├── linux-release-tests.sh ├── macos-debug-tests.sh ├── macos-release-tests.sh ├── set-screenresolution.ps1 ├── windows-tests.cmd └── wrupdater │ ├── README.md │ ├── converter.py │ ├── docker-setup.sh │ ├── read-json.py │ ├── requirements.txt │ └── sync-to-github.sh ├── debugger ├── .babelrc ├── .editorconfig ├── .gitignore ├── README.md ├── dist │ ├── build.js │ └── build.js.map ├── index.html ├── package-lock.json ├── package.json ├── src │ ├── App.vue │ ├── components │ │ ├── ClipScrollTreeViewPage.vue │ │ ├── DocumentViewPage.vue │ │ ├── NavBar.vue │ │ ├── NavMenu.vue │ │ ├── OptionsPage.vue │ │ ├── PassViewPage.vue │ │ ├── RenderTaskViewPage.vue │ │ ├── ScreenshotPage.vue │ │ └── TreeView.vue │ ├── main.js │ └── store │ │ └── index.js └── webpack.config.js ├── direct-composition ├── Cargo.toml └── src │ ├── com.rs │ ├── egl.rs │ ├── lib.rs │ ├── main.rs │ └── main_windows.rs ├── examples ├── Cargo.toml ├── README.md ├── alpha_perf.rs ├── animation.rs ├── basic.rs ├── blob.rs ├── common │ ├── boilerplate.rs │ └── image_helper.rs ├── document.rs ├── frame_output.rs ├── iframe.rs ├── image_resize.rs ├── multiwindow.rs ├── scrolling.rs ├── texture_cache_stress.rs └── yuv.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 ├── webrender ├── Cargo.toml ├── build.rs ├── build_gfx.rs ├── doc │ ├── CLIPPING_AND_POSITIONING.md │ ├── blob.md │ ├── swizzling.md │ └── text-rendering.md ├── res │ ├── Proggy.ttf │ ├── area-lut.tga │ ├── base.glsl │ ├── base_gfx.glsl │ ├── base_old.glsl │ ├── blit.glsl │ ├── brush.glsl │ ├── brush_blend.glsl │ ├── brush_image.glsl │ ├── brush_image_old.glsl │ ├── brush_linear_gradient.glsl │ ├── brush_linear_gradient_old.glsl │ ├── brush_mix_blend.glsl │ ├── brush_old.glsl │ ├── brush_radial_gradient.glsl │ ├── brush_radial_gradient_old.glsl │ ├── brush_solid.glsl │ ├── brush_solid_old.glsl │ ├── brush_yuv_image.glsl │ ├── brush_yuv_image_old.glsl │ ├── clip_shared.glsl │ ├── composite.glsl │ ├── cs_blur.glsl │ ├── cs_blur_old.glsl │ ├── cs_border_segment.glsl │ ├── cs_border_solid.glsl │ ├── cs_clip_box_shadow.glsl │ ├── cs_clip_image.glsl │ ├── cs_clip_rectangle.glsl │ ├── cs_gradient.glsl │ ├── cs_line_decoration.glsl │ ├── cs_scale.glsl │ ├── cs_svg_filter.glsl │ ├── debug_color.glsl │ ├── debug_font.glsl │ ├── ellipse.glsl │ ├── gpu_cache.glsl │ ├── gpu_cache_gfx.glsl │ ├── gpu_cache_update.glsl │ ├── mem_config.ron │ ├── pf_vector_cover.glsl │ ├── pf_vector_stencil.glsl │ ├── pls_init.glsl │ ├── pls_resolve.glsl │ ├── prim_shared.glsl │ ├── prim_shared_old.glsl │ ├── ps_split_composite.glsl │ ├── ps_split_composite_old.glsl │ ├── ps_text_run.glsl │ ├── ps_text_run_old.glsl │ ├── rect.glsl │ ├── render_task.glsl │ ├── shared.glsl │ ├── shared_other.glsl │ └── transform.glsl ├── shaders.ron ├── src │ ├── batch.rs │ ├── border.rs │ ├── box_shadow.rs │ ├── capture.rs │ ├── clip.rs │ ├── clip_scroll_tree.rs │ ├── composite.rs │ ├── debug_colors.rs │ ├── debug_font_data.rs │ ├── debug_render.rs │ ├── debug_server.rs │ ├── device │ │ ├── gfx │ │ │ ├── blend_state.rs │ │ │ ├── buffer.rs │ │ │ ├── command.rs │ │ │ ├── descriptor.rs │ │ │ ├── device.rs │ │ │ ├── image.rs │ │ │ ├── mod.rs │ │ │ ├── program.rs │ │ │ ├── render_pass.rs │ │ │ └── vertex_types.rs │ │ ├── gl.rs │ │ ├── mod.rs │ │ ├── query_gfx.rs │ │ └── query_gl.rs │ ├── ellipse.rs │ ├── filterdata.rs │ ├── frame_builder.rs │ ├── freelist.rs │ ├── gamma_lut.rs │ ├── glyph_cache.rs │ ├── glyph_rasterizer │ │ └── mod.rs │ ├── gpu_cache.rs │ ├── gpu_types.rs │ ├── hit_test.rs │ ├── image.rs │ ├── intern.rs │ ├── internal_types.rs │ ├── lib.rs │ ├── picture.rs │ ├── platform │ │ ├── macos │ │ │ └── font.rs │ │ ├── unix │ │ │ └── font.rs │ │ └── windows │ │ │ └── font.rs │ ├── prim_store │ │ ├── backdrop.rs │ │ ├── borders.rs │ │ ├── gradient.rs │ │ ├── image.rs │ │ ├── interned.rs │ │ ├── line_dec.rs │ │ ├── mod.rs │ │ ├── picture.rs │ │ └── text_run.rs │ ├── print_tree.rs │ ├── profiler.rs │ ├── record.rs │ ├── render_backend.rs │ ├── render_target.rs │ ├── render_task.rs │ ├── render_task_cache.rs │ ├── render_task_graph.rs │ ├── renderer.rs │ ├── resource_cache.rs │ ├── scene.rs │ ├── scene_builder_thread.rs │ ├── scene_building.rs │ ├── screen_capture.rs │ ├── segment.rs │ ├── shade.rs │ ├── spatial_node.rs │ ├── storage.rs │ ├── texture_allocator.rs │ ├── texture_cache.rs │ └── util.rs ├── tests │ ├── angle_shader_validation.rs │ ├── bug_124.html │ ├── bug_134.html │ ├── bug_137.html │ ├── bug_143.html │ ├── bug_159.html │ ├── bug_166.html │ ├── bug_176.html │ ├── bug_177.html │ ├── bug_178.html │ ├── bug_203a.html │ ├── bug_203b.html │ ├── bug_servo_10136.html │ ├── bug_servo_10164.html │ ├── bug_servo_10307.html │ ├── bug_servo_11358.html │ ├── bug_servo_9983a.html │ ├── color_pattern_1.png │ ├── color_pattern_2.png │ ├── fixed-position.html │ ├── mix-blend-mode-2.html │ ├── mix-blend-mode.html │ ├── nav-1.html │ └── nav-2.html └── tools │ ├── glslang-validator-linux │ ├── glslang-validator-mac │ ├── glslang-validator-win.exe │ ├── spirv-val-linux │ ├── spirv-val-mac │ └── spirv-val-win.exe ├── webrender_api ├── Cargo.toml └── src │ ├── api.rs │ ├── channel.rs │ ├── channel_ipc.rs │ ├── channel_mpsc.rs │ ├── color.rs │ ├── display_item.rs │ ├── display_list.rs │ ├── font.rs │ ├── gradient_builder.rs │ ├── image.rs │ ├── lib.rs │ └── units.rs ├── webrender_build ├── Cargo.toml └── src │ ├── lib.rs │ └── shader.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 ├── reftests ├── aa │ ├── aa-dist-bug-ref.yaml │ ├── aa-dist-bug.yaml │ ├── reftest.list │ ├── 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-hidden.yaml │ ├── backface-leaf-ref.yaml │ ├── backface-leaf.yaml │ ├── backface-picture-ref.yaml │ ├── backface-picture.yaml │ ├── backface-ref.yaml │ ├── backface-sc.yaml │ ├── blank.yaml │ └── reftest.list ├── blend │ ├── blank.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 │ ├── 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 │ ├── 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-fill-ref.png │ ├── border-image-fill.yaml │ ├── border-image-ref.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-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-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 │ ├── border-with-rounded-clip.png │ ├── border-with-rounded-clip.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-corner-overlap-ref.yaml │ ├── clip-corner-overlap.yaml │ ├── clip-ellipse.png │ ├── clip-ellipse.yaml │ ├── clip-mode.png │ ├── clip-mode.yaml │ ├── clip-out-rotation.yaml │ ├── custom-clip-chain-node-ancestors-ref.yaml │ ├── custom-clip-chain-node-ancestors.yaml │ ├── custom-clip-chains-ref.yaml │ ├── custom-clip-chains.yaml │ ├── fixed-position-clipping-ref.yaml │ ├── fixed-position-clipping.yaml │ ├── reftest.list │ ├── 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 ├── filters │ ├── backdrop-filter-basic-ref.yaml │ ├── backdrop-filter-basic.yaml │ ├── backdrop-filter-perspective.png │ ├── backdrop-filter-perspective.yaml │ ├── blank.yaml │ ├── blend-clipped.png │ ├── blend-clipped.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-clip-2.png │ ├── filter-drop-shadow-clip-2.yaml │ ├── filter-drop-shadow-clip.png │ ├── filter-drop-shadow-clip.yaml │ ├── filter-drop-shadow-huge.yaml │ ├── filter-drop-shadow-on-viewport-edge.png │ ├── filter-drop-shadow-on-viewport-edge.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-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 ├── gradient │ ├── linear-aligned-border-radius.png │ ├── linear-aligned-border-radius.yaml │ ├── linear-aligned-clip-ref.yaml │ ├── linear-aligned-clip.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-ref.png │ ├── linear-ref.yaml │ ├── linear-reverse.yaml │ ├── linear-stops-ref.png │ ├── linear-stops.yaml │ ├── linear.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-radial-2.png │ ├── premultiplied-radial-2.yaml │ ├── premultiplied-radial.png │ ├── premultiplied-radial.yaml │ ├── radial-circle-ref.png │ ├── radial-circle.yaml │ ├── radial-ellipse-ref.png │ ├── radial-ellipse.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-linear-ref.yaml │ ├── repeat-linear-reverse.yaml │ ├── repeat-linear.yaml │ ├── repeat-radial-negative.yaml │ ├── repeat-radial-ref.yaml │ ├── repeat-radial.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 │ ├── reftest.list │ ├── 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.png │ └── yuv.yaml ├── invalidation │ ├── one-rounded-rect-green.yaml │ ├── one-rounded-rect.yaml │ ├── reftest.list │ ├── rounded-rects.yaml │ └── two-rounded-rects.yaml ├── mask │ ├── aligned-layer-rect-ref.yaml │ ├── aligned-layer-rect.yaml │ ├── checkerboard-tiling.yaml │ ├── checkerboard.png │ ├── checkerboard.yaml │ ├── green.yaml │ ├── mask-atomicity-ref.yaml │ ├── mask-atomicity-tiling.yaml │ ├── mask-atomicity.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 │ └── tiny-check-mask.png ├── performance │ ├── no-clip-mask.png │ ├── no-clip-mask.yaml │ └── reftest.list ├── reftest.list ├── scrolling │ ├── 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 │ ├── 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-layer-ref.yaml │ ├── scroll-layer-with-mask-ref.yaml │ ├── scroll-layer-with-mask.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 │ ├── preserve-3d.png │ ├── preserve-3d.yaml │ ├── reftest.list │ ├── snap.png │ ├── snap.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 │ ├── bg-color-ref.yaml │ ├── bg-color.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 │ ├── long-text.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 │ ├── reftest.list │ ├── 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 │ ├── 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-masking-alpha.png │ ├── text-masking-mask.png │ ├── text-masking-subpx.png │ ├── text-masking.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 └── 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 │ ├── content-offset.png │ ├── content-offset.yaml │ ├── coord-system.png │ ├── coord-system.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-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 │ ├── 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.png │ ├── perspective.yaml │ ├── prim-suite.png │ ├── prim-suite.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 ├── binary_frame_reader.rs ├── blob.rs ├── cgfont_to_data.rs ├── egl.rs ├── json_frame_writer.rs ├── main.rs ├── parse_function.rs ├── perf.rs ├── png.rs ├── premultiply.rs ├── rawtest.rs ├── reftest.rs ├── ron_frame_writer.rs ├── scene.rs ├── wrench.rs ├── yaml_frame_reader.rs ├── yaml_frame_writer.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 | 29 | # mac 30 | .DS_Store 31 | -------------------------------------------------------------------------------- /ci-scripts/docker-image/Dockerfile: -------------------------------------------------------------------------------- 1 | FROM debian:stretch-20181112 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/wrupdater/requirements.txt: -------------------------------------------------------------------------------- 1 | requests==2.21.0 2 | pygit2==0.27.0 # this requires libgit2 v0.27.* 3 | python-hglib==2.6.1 4 | -------------------------------------------------------------------------------- /debugger/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { "modules": false }], 4 | "stage-3" 5 | ] 6 | } 7 | -------------------------------------------------------------------------------- /debugger/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /debugger/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | npm-debug.log 4 | yarn-error.log 5 | 6 | # Editor directories and files 7 | .idea 8 | *.suo 9 | *.ntvs* 10 | *.njsproj 11 | *.sln 12 | -------------------------------------------------------------------------------- /debugger/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | WebRender Debugger 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /debugger/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue'; 2 | import Buefy from 'buefy'; 3 | import 'buefy/dist/buefy.css'; 4 | import "vue-material-design-icons/styles.css"; 5 | import App from './App.vue'; 6 | import store from './store'; 7 | 8 | Vue.use(Buefy); 9 | 10 | new Vue({ 11 | el: '#app', 12 | store, 13 | render: h => h(App) 14 | }) 15 | -------------------------------------------------------------------------------- /direct-composition/Cargo.toml: -------------------------------------------------------------------------------- 1 | [package] 2 | name = "direct-composition" 3 | version = "0.1.0" 4 | authors = ["Simon Sapin "] 5 | license = "MPL-2.0" 6 | edition = "2018" 7 | 8 | [target.'cfg(windows)'.dependencies] 9 | euclid = "0.20" 10 | gfx-backend-empty = "0.4.0" 11 | gleam = "0.6.2" 12 | mozangle = {version = "0.3.1", features = ["egl"]} 13 | webrender = {path = "../webrender", features = ["gl"] } 14 | winapi = {version = "0.3", features = ["winerror", "d3d11", "dcomp"]} 15 | winit = "0.19" 16 | -------------------------------------------------------------------------------- /direct-composition/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 | #[cfg(not(windows))] 6 | fn main() { 7 | println!("This demo only runs on Windows."); 8 | } 9 | 10 | #[cfg(windows)] 11 | include!("main_windows.rs"); 12 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /peek-poke/Cargo.toml: -------------------------------------------------------------------------------- 1 | [package] 2 | name = "peek-poke" 3 | version = "0.2.0" 4 | authors = ["Dan Glastonbury "] 5 | license = "MIT/Apache-2.0" 6 | edition = "2018" 7 | 8 | [dependencies] 9 | euclid = { version = "0.20.0", optional = true } 10 | peek-poke-derive = { version = "0.2", path = "./peek-poke-derive", optional = true } 11 | 12 | [features] 13 | default = ["derive"] 14 | derive = ["peek-poke-derive"] 15 | extras = ["derive", "euclid"] 16 | -------------------------------------------------------------------------------- /peek-poke/peek-poke-derive/Cargo.toml: -------------------------------------------------------------------------------- 1 | [package] 2 | name = "peek-poke-derive" 3 | version = "0.2.0" 4 | authors = ["Dan Glastonbury "] 5 | license = "MIT/Apache-2.0" 6 | edition = "2018" 7 | 8 | [lib] 9 | doctest = false 10 | proc-macro = true 11 | 12 | [dependencies] 13 | proc-macro2 = "1" 14 | quote = "1" 15 | syn = "1" 16 | synstructure = "0.12" 17 | unicode-xid = "0.1" 18 | -------------------------------------------------------------------------------- /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 | -------------------------------------------------------------------------------- /webrender/res/Proggy.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/webrender/res/Proggy.ttf -------------------------------------------------------------------------------- /webrender/res/area-lut.tga: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/webrender/res/area-lut.tga -------------------------------------------------------------------------------- /webrender/res/mem_config.ron: -------------------------------------------------------------------------------- 1 | ( 2 | linear: Some(( 3 | linear_size: 134217728, // 128 MB 4 | )), 5 | dynamic: Some(( 6 | min_device_allocation: 1048576, // 1 MB 7 | block_size_granularity: 256, 8 | max_chunk_size: 16777216, // 16 MB 9 | )), 10 | ) 11 | -------------------------------------------------------------------------------- /webrender/tests/bug_124.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |
5 | 6 | -------------------------------------------------------------------------------- /webrender/tests/bug_143.html: -------------------------------------------------------------------------------- 1 | 11 |
12 | -------------------------------------------------------------------------------- /webrender/tests/bug_159.html: -------------------------------------------------------------------------------- 1 |

foobar

2 |
3 | -------------------------------------------------------------------------------- /webrender/tests/bug_166.html: -------------------------------------------------------------------------------- 1 | 8 | 9 |
FOOBAR
10 |
FOOBAR
11 | -------------------------------------------------------------------------------- /webrender/tests/bug_176.html: -------------------------------------------------------------------------------- 1 |
FOOBAR
2 | -------------------------------------------------------------------------------- /webrender/tests/bug_177.html: -------------------------------------------------------------------------------- 1 | 20 | 21 |
22 |
23 |
24 | -------------------------------------------------------------------------------- /webrender/tests/bug_178.html: -------------------------------------------------------------------------------- 1 | 21 | 22 |
23 |
24 |
25 | -------------------------------------------------------------------------------- /webrender/tests/bug_203a.html: -------------------------------------------------------------------------------- 1 | 13 | 14 | -------------------------------------------------------------------------------- /webrender/tests/bug_203b.html: -------------------------------------------------------------------------------- 1 | 11 | 12 |
13 |

content

14 | 15 | -------------------------------------------------------------------------------- /webrender/tests/bug_servo_10136.html: -------------------------------------------------------------------------------- 1 | 2 | 11 |
whoa
12 | -------------------------------------------------------------------------------- /webrender/tests/bug_servo_10164.html: -------------------------------------------------------------------------------- 1 | 16 | 17 |
18 |
19 |
20 | -------------------------------------------------------------------------------- /webrender/tests/bug_servo_10307.html: -------------------------------------------------------------------------------- 1 | 11 | There should be a red square with a black border around it. 12 |
13 | -------------------------------------------------------------------------------- /webrender/tests/bug_servo_11358.html: -------------------------------------------------------------------------------- 1 | 12 | 13 | -------------------------------------------------------------------------------- /webrender/tests/bug_servo_9983a.html: -------------------------------------------------------------------------------- 1 | 16 | Test passes if there is a single 100x100px orange square. 17 |
18 | -------------------------------------------------------------------------------- /webrender/tests/color_pattern_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/webrender/tests/color_pattern_1.png -------------------------------------------------------------------------------- /webrender/tests/color_pattern_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/webrender/tests/color_pattern_2.png -------------------------------------------------------------------------------- /webrender/tests/nav-1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nav1 5 | 11 | 12 | 13 | Goto nav2 14 | 15 | 16 | -------------------------------------------------------------------------------- /webrender/tests/nav-2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | nav2 5 | 11 | 12 | 13 | Goto nav1 14 | 15 | 16 | -------------------------------------------------------------------------------- /webrender/tools/glslang-validator-linux: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/webrender/tools/glslang-validator-linux -------------------------------------------------------------------------------- /webrender/tools/glslang-validator-mac: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/webrender/tools/glslang-validator-mac -------------------------------------------------------------------------------- /webrender/tools/glslang-validator-win.exe: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/webrender/tools/glslang-validator-win.exe -------------------------------------------------------------------------------- /webrender/tools/spirv-val-linux: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/webrender/tools/spirv-val-linux -------------------------------------------------------------------------------- /webrender/tools/spirv-val-mac: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/webrender/tools/spirv-val-mac -------------------------------------------------------------------------------- /webrender/tools/spirv-val-win.exe: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/webrender/tools/spirv-val-win.exe -------------------------------------------------------------------------------- /webrender_build/Cargo.toml: -------------------------------------------------------------------------------- 1 | [package] 2 | name = "webrender_build" 3 | authors = ["The Servo Project Developers"] 4 | version = "0.0.1" 5 | license = "MPL-2.0" 6 | repository = "https://github.com/servo/webrender" 7 | description = "Code shared between precompilation (build.rs) and the rest of WebRender" 8 | edition = "2018" 9 | 10 | [features] 11 | serialize_program = ["serde"] 12 | 13 | [dependencies] 14 | serde = { optional = true, version = "1.0", features = ["serde_derive"] } 15 | sha2 = "0.8" 16 | -------------------------------------------------------------------------------- /webrender_build/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 | #[cfg(any(feature = "serde"))] 6 | #[macro_use] 7 | extern crate serde; 8 | 9 | extern crate sha2; 10 | 11 | pub mod shader; 12 | -------------------------------------------------------------------------------- /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.1" 6 | license = "MIT/Apache-2.0" 7 | edition = "2018" 8 | 9 | [lib] 10 | path = "lib.rs" 11 | 12 | [dependencies] 13 | app_units = "0.7" 14 | euclid = "0.20" 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/box-shadow-large.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, 800, 800 ] 9 | blur-radius: 20 10 | border-radius: { 11 | top-left: [20, 20], 12 | top-right: [10, 10], 13 | bottom-left: [25, 25], 14 | bottom-right: [100, 100], 15 | } 16 | color: blue 17 | clip-mode: outset 18 | -------------------------------------------------------------------------------- /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) 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/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/reftest.list: -------------------------------------------------------------------------------- 1 | skip_on(android) == rounded-rects.yaml rounded-rects-ref.png # Too wide for Android 2 | == aa-dist-bug.yaml aa-dist-bug-ref.yaml 3 | -------------------------------------------------------------------------------- /wrench/reftests/aa/rounded-rects-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/backface/reftest.list: -------------------------------------------------------------------------------- 1 | == backface-leaf.yaml backface-leaf-ref.yaml 2 | == backface-3d-leaf.yaml backface-ref.yaml 3 | == backface-hidden.yaml backface-ref.yaml 4 | == backface-sc.yaml backface-ref.yaml 5 | == backface-picture.yaml backface-picture-ref.yaml 6 | == backface-double-flip.yaml blank.yaml 7 | == backface-both-sides.yaml backface-both-sides-ref.yaml 8 | -------------------------------------------------------------------------------- /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/darken.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 100, 100] 6 | color: [10, 20, 30] 7 | - type: stacking-context 8 | bounds: [0, 0, 100, 100] 9 | mix-blend-mode: darken 10 | items: 11 | - type: rect 12 | bounds: [0, 0, 100, 100] 13 | color: [30, 20, 10] 14 | -------------------------------------------------------------------------------- /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/difference.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 100, 100] 6 | color: green 7 | - type: stacking-context 8 | bounds: [0, 0, 100, 100] 9 | mix-blend-mode: difference 10 | items: 11 | - type: rect 12 | bounds: [0, 0, 100, 100] 13 | color: green 14 | -------------------------------------------------------------------------------- /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-premultiplied-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 100, 100] 6 | items: 7 | - type: stacking-context 8 | bounds: [0, 0, 100, 100] 9 | mix-blend-mode: lighten 10 | items: 11 | - type: rect 12 | bounds: [0, 0, 100, 100] 13 | color: [0, 100, 0, 0.1] 14 | -------------------------------------------------------------------------------- /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 | items: 7 | - type: stacking-context 8 | bounds: 0 0 2000 2000 9 | mix-blend-mode: screen 10 | items: 11 | - type: rect 12 | bounds: 0 0 2000 2000 13 | color: [0, 128, 0, 1] 14 | -------------------------------------------------------------------------------- /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/lighten.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 100, 100] 6 | color: [10, 20, 30] 7 | - type: stacking-context 8 | bounds: [0, 0, 100, 100] 9 | mix-blend-mode: lighten 10 | items: 11 | - type: rect 12 | bounds: [0, 0, 100, 100] 13 | color: [30, 20, 10] 14 | -------------------------------------------------------------------------------- /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-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 100, 100] 6 | color: [0, 255, 0] 7 | - type: stacking-context 8 | bounds: [0, 0, 100, 100] 9 | mix-blend-mode: multiply 10 | items: 11 | - type: rect 12 | bounds: [0, 0, 100, 100] 13 | color: [255, 128, 0] 14 | -------------------------------------------------------------------------------- /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/multiply.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 100, 100] 6 | color: green 7 | - type: stacking-context 8 | bounds: [25, 25, 50, 50] 9 | mix-blend-mode: multiply 10 | items: 11 | - type: rect 12 | bounds: [0, 0, 50, 50] 13 | color: green 14 | -------------------------------------------------------------------------------- /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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/border/border-clamp-corner-radius.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-dashed-dotted-caching.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/border/border-dashed-dotted-caching.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-double-1px-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | items: 6 | - type: border 7 | bounds: [ 10, 10, 100, 20 ] 8 | width: 1 9 | border-type: normal 10 | style: solid 11 | color: red 12 | - type: border 13 | bounds: [ 12, 12, 96, 16 ] 14 | width: 1 15 | border-type: normal 16 | style: solid 17 | color: red 18 | -------------------------------------------------------------------------------- /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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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 | outset: 0 13 | -------------------------------------------------------------------------------- /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 | outset: [ 0, 0, 0, 0 ] 15 | -------------------------------------------------------------------------------- /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-fill-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/border/border-image-fill-ref.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-image-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/border/border-image-ref.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-image-src.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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-overlapping-edge.yaml: -------------------------------------------------------------------------------- 1 | --- # Checks that segments are clipped correctly when opposite edges of the border overlap 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 120, 40] 6 | items: 7 | - type: border 8 | bounds: [ 10, 10, 100, 20 ] 9 | width: 15 10 | border-type: normal 11 | style: solid 12 | color: [ [0, 0, 255, 0.5] ] 13 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-radial-gradient-nine-patch.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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 | outset: 0 13 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-radial-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: radial-gradient 11 | center: [ 25, 25 ] 12 | radius: [ 50, 50 ] 13 | stops: [ 0.0, red, 1.0, green ] 14 | outset: [ 0, 0, 0, 0 ] 15 | -------------------------------------------------------------------------------- /wrench/reftests/border/border-radii.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/border/border-radii.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-radii.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, 90 ] 9 | width: 10 10 | border-type: normal 11 | style: solid 12 | radius: 13 | top-left: 16 14 | bottom-right: 16 15 | top-right: 8 16 | bottom-left: 8 17 | color: [ blue, blue, blue, blue ] 18 | -------------------------------------------------------------------------------- /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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/border/border-suite-2.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-suite-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/border/border-suite-3.png -------------------------------------------------------------------------------- /wrench/reftests/border/border-suite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/border/border-suite.png -------------------------------------------------------------------------------- /wrench/reftests/border/degenerate-curve.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/border/degenerate-curve.png -------------------------------------------------------------------------------- /wrench/reftests/border/discontinued-dash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/border/overlapping.png -------------------------------------------------------------------------------- /wrench/reftests/border/small-dotted-border.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/box-shadow-border-radii.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-cache.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/box-shadow-cache.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-empty.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [50, 50, 500, 500] 6 | items: 7 | - type: box-shadow 8 | bounds: [ 10, 10, 400, 400 ] 9 | blur-radius: 0 10 | clip-mode: outset 11 | offset: [0, 0] 12 | spread-radius: 0 13 | color: [255, 0, 0] 14 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-huge-radius.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/box-shadow-huge-radius.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-large-blur-radius-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/box-shadow-large-blur-radius-2.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-large-blur-radius-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [50, 50, 1500, 200] 6 | items: 7 | - type: box-shadow 8 | bounds: [ 10, 10, 900, 900 ] 9 | blur-radius: 5000 10 | clip-mode: outset 11 | offset: [10, 10] 12 | spread-radius: 10 13 | color: [255, 0, 0] 14 | border-radius: 10 15 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-large-blur-radius-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/box-shadow-large-blur-radius-3.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-large-blur-radius-3.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [50, 50, 1500, 200] 6 | items: 7 | - type: box-shadow 8 | bounds: [ 10, 10, 1500, 100 ] 9 | blur-radius: 200 10 | clip-mode: outset 11 | offset: [10, 100] 12 | spread-radius: 10 13 | color: [255, 0, 0] 14 | border-radius: 10 15 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-large-blur-radius-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [50, 50, 500, 500] 6 | items: 7 | - type: box-shadow 8 | bounds: [ 10, 10, 400, 400 ] 9 | blur-radius: 300 10 | clip-mode: outset 11 | offset: [0, 0] 12 | spread-radius: 0 13 | color: [255, 0, 0] 14 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-large-blur-radius.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [50, 50, 500, 500] 6 | items: 7 | - type: box-shadow 8 | bounds: [ 10, 10, 400, 400 ] 9 | blur-radius: 2000 10 | clip-mode: outset 11 | offset: [0, 0] 12 | spread-radius: 0 13 | color: [255, 0, 0] 14 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-spread.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/box-shadow-spread.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-stretch-mode-x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/box-shadow-suite-blur.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/box-shadow-suite-no-blur.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/box-shadow-suite-no-blur.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/boxshadow-spread-only-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/boxshadow-spread-only-ref.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/boxshadow-spread-only.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 600, 600] 6 | items: 7 | - type: box-shadow 8 | bounds: [ 40, 40, 400, 400 ] 9 | blur-radius: 0 10 | spread-radius: 20 11 | clip-mode: outset 12 | border-radius: 200 13 | color: black 14 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-alpha.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/inset-alpha.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-alpha.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: [0, 255, 0] 10 | - type: box-shadow 11 | bounds: [ 0, 0, 100, 100 ] 12 | clip-mode: inset 13 | color: [255, 255, 255, 0.1] 14 | blur-radius: 100 15 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-border-radius.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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-empty.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [50, 50, 500, 500] 6 | items: 7 | - type: box-shadow 8 | bounds: [ 10, 10, 400, 400 ] 9 | blur-radius: 0 10 | clip-mode: inset 11 | offset: [0, 0] 12 | spread-radius: 0 13 | color: [255, 0, 0] 14 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-large-offset-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/inset-large-offset-ref.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-large-offset.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [50, 50, 500, 500] 6 | items: 7 | - type: box-shadow 8 | bounds: [ 10, 10, 400, 400 ] 9 | blur-radius: 1 10 | clip-mode: inset 11 | offset: [0, 200] 12 | spread-radius: 0 13 | color: [255, 0, 0] 14 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-mask-region.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/inset-neg-offset.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-no-blur-radius-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/inset-no-blur-radius-ref.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-no-blur-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: 0 10 | clip-mode: inset 11 | border-radius: 10 12 | offset: 10 10 13 | color: [255, 0, 0] 14 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/inset-offset.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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-simple.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 | - type: box-shadow 11 | bounds: [ 10, 10, 80, 80 ] 12 | blur-radius: 25 13 | clip-mode: inset 14 | -------------------------------------------------------------------------------- /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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/no-stretch.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/overlap1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/overlap1.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/overlap2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/overlap2.png -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/rounding.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 1000, 1000] 6 | items: 7 | - type: rect 8 | bounds: [100, 100, 500, 500] 9 | color: black 10 | - type: box-shadow 11 | bounds: [100, 100, 500, 500] 12 | blur-radius: 20 13 | clip-mode: inset 14 | spread-radius: 200 15 | color: green 16 | -------------------------------------------------------------------------------- /wrench/reftests/boxshadow/scale.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/boxshadow/scale.png -------------------------------------------------------------------------------- /wrench/reftests/clip/blank.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | -------------------------------------------------------------------------------- /wrench/reftests/clip/border-with-rounded-clip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/clip/border-with-rounded-clip.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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/clip/clip-45-degree-rotation-ref.png -------------------------------------------------------------------------------- /wrench/reftests/clip/clip-ellipse.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/clip/clip-ellipse.png -------------------------------------------------------------------------------- /wrench/reftests/clip/clip-mode.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/clip/clip-mode.png -------------------------------------------------------------------------------- /wrench/reftests/clip/clip-mode.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [20, 20, 100, 100] 6 | color: red 7 | complex-clip: 8 | rect: [20, 20, 100, 100] 9 | radius: 32 10 | 11 | - type: rect 12 | bounds: [130, 20, 100, 100] 13 | color: green 14 | complex-clip: 15 | rect: [130, 20, 100, 100] 16 | radius: 32 17 | clip-mode: clip-out 18 | -------------------------------------------------------------------------------- /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/custom-clip-chains-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: clip 4 | id: 2 5 | bounds: [0, 0, 200, 200] 6 | complex: 7 | - rect: [0, 0, 200, 200] 8 | radius: { 9 | top-left: 20, 10 | top-right: 20, 11 | bottom-left: 20, 12 | bottom-right: 20, 13 | } 14 | items: 15 | - type: rect 16 | bounds: [0, 0, 200, 200] 17 | color: green 18 | -------------------------------------------------------------------------------- /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/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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 | bounds: [0, 0, 1000, 1000] 6 | complex: 7 | - rect: [50, 50, 100, 100] 8 | radius: 16 9 | items: 10 | - type: rect 11 | bounds: 50 50 100 100 12 | color: red 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 | bounds: [0, 0, 1000, 1000] 6 | complex: 7 | - rect: [50.3, 50.3, 100, 100] 8 | radius: 16 9 | items: 10 | - type: rect 11 | bounds: 50.3 50.3 100 100 12 | color: red 13 | 14 | - type: rect 15 | bounds: 200.3 50.3 100 100 16 | color: green 17 | 18 | -------------------------------------------------------------------------------- /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-perspective.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/filters/backdrop-filter-perspective.png -------------------------------------------------------------------------------- /wrench/reftests/filters/blank.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | -------------------------------------------------------------------------------- /wrench/reftests/filters/blend-clipped.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/filters/blend-clipped.png -------------------------------------------------------------------------------- /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) 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) 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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/filters/filter-blur-scaled-xonly.png -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-blur.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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) 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-brightness.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: stacking-context 12 | bounds: [10, 10, 100, 100] 13 | filters: brightness(2) 14 | items: 15 | - type: rect 16 | bounds: [0, 0, 100, 100] 17 | color: [255, 255, 255, 0.25] 18 | -------------------------------------------------------------------------------- /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-contrast-gray-alpha-1.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: contrast(0) 10 | items: 11 | - type: rect 12 | bounds: [0, 0, 100, 100] 13 | color: [128, 128, 128, 0.25] 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-drop-shadow-clip-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/filters/filter-drop-shadow-clip-2.png -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-drop-shadow-clip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/filters/filter-drop-shadow-clip.png -------------------------------------------------------------------------------- /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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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-2.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 | 11 | - type: stacking-context 12 | bounds: [10, 10, 100, 100] 13 | filters: invert(1) 14 | items: 15 | - type: rect 16 | bounds: [0, 0, 100, 100] 17 | color: [255, 255, 0, 0.5] 18 | -------------------------------------------------------------------------------- /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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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) 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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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-mode.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | color: [128, 128, 128, 1] 6 | bounds: 100 100 100 100 7 | - type: stacking-context 8 | bounds: [100, 100, 100, 100] 9 | filters: [invert(1)] 10 | mix-blend-mode: exclusion 11 | items: 12 | - type: rect 13 | color: yellow 14 | bounds: 0 0 100 100 15 | -------------------------------------------------------------------------------- /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-1.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: stacking-context 12 | bounds: [10, 10, 100, 100] 13 | filters: saturate(0) 14 | items: 15 | - type: rect 16 | bounds: [0, 0, 100, 100] 17 | color: [0, 0, 255, 1] 18 | -------------------------------------------------------------------------------- /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-2.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: stacking-context 12 | bounds: [10, 10, 100, 100] 13 | filters: saturate(0.5) 14 | items: 15 | - type: rect 16 | bounds: [0, 0, 100, 100] 17 | color: [0, 0, 255, 1] 18 | -------------------------------------------------------------------------------- /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-3.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: stacking-context 12 | bounds: [10, 10, 100, 100] 13 | filters: saturate(1) 14 | items: 15 | - type: rect 16 | bounds: [0, 0, 100, 100] 17 | color: [0, 0, 255, 1] 18 | -------------------------------------------------------------------------------- /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-1.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: stacking-context 12 | bounds: [10, 10, 100, 100] 13 | filters: saturate(0) 14 | items: 15 | - type: rect 16 | bounds: [0, 0, 100, 100] 17 | color: [0, 255, 0, 1] 18 | -------------------------------------------------------------------------------- /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-2.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: stacking-context 12 | bounds: [10, 10, 100, 100] 13 | filters: saturate(0.5) 14 | items: 15 | - type: rect 16 | bounds: [0, 0, 100, 100] 17 | color: [0, 255, 0, 1] 18 | -------------------------------------------------------------------------------- /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-3.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: stacking-context 12 | bounds: [10, 10, 100, 100] 13 | filters: saturate(1) 14 | items: 15 | - type: rect 16 | bounds: [0, 0, 100, 100] 17 | color: [0, 255, 0, 1] 18 | -------------------------------------------------------------------------------- /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-1.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: stacking-context 12 | bounds: [10, 10, 100, 100] 13 | filters: saturate(0) 14 | items: 15 | - type: rect 16 | bounds: [0, 0, 100, 100] 17 | color: [255, 0, 0, 1] 18 | -------------------------------------------------------------------------------- /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-2.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: stacking-context 12 | bounds: [10, 10, 100, 100] 13 | filters: saturate(0.5) 14 | items: 15 | - type: rect 16 | bounds: [0, 0, 100, 100] 17 | color: [255, 0, 0, 1] 18 | -------------------------------------------------------------------------------- /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-3.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: stacking-context 12 | bounds: [10, 10, 100, 100] 13 | filters: saturate(1) 14 | items: 15 | - type: rect 16 | bounds: [0, 0, 100, 100] 17 | color: [255, 0, 0, 1] 18 | -------------------------------------------------------------------------------- /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-saturate-red-alpha-1.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: stacking-context 12 | bounds: [10, 10, 100, 100] 13 | filters: saturate(0.5) 14 | items: 15 | - type: rect 16 | bounds: [0, 0, 100, 100] 17 | color: [255, 0, 0, 0.5] 18 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-segments-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: clip 5 | bounds: [10, 10, 256, 256] 6 | complex: 7 | - rect: [10, 10, 256, 256] 8 | radius: 16 9 | items: 10 | - type: rect 11 | color: [54, 54, 54] 12 | bounds: [10, 10, 512, 512] 13 | - type: rect 14 | color: red 15 | bounds: [0, 0, 300, 32] 16 | - type: rect 17 | color: red 18 | bounds: [0, 250, 300, 32] 19 | -------------------------------------------------------------------------------- /wrench/reftests/filters/filter-small-blur-radius.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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) 7 | items: 8 | - type: rect 9 | bounds: 0 0 512 512 10 | color: red 11 | -------------------------------------------------------------------------------- /wrench/reftests/filters/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/srgb-to-linear-2.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 300, 100] 6 | filters: [srgb-to-linear] 7 | items: 8 | - type: rect 9 | bounds: [100, 0, 100, 100] 10 | color: [200, 200, 200, 1.0] 11 | - type: rect 12 | bounds: [100, 0, 100, 100] 13 | color: [100, 100, 100, 1.0] 14 | - type: rect 15 | bounds: [200, 0, 100, 100] 16 | color: [50, 50, 50, 1.0] 17 | -------------------------------------------------------------------------------- /wrench/reftests/filters/srgb-to-linear-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 300, 100] 6 | items: 7 | - type: rect 8 | bounds: [100, 0, 100, 100] 9 | color: [200, 200, 200, 1.0] 10 | - type: rect 11 | bounds: [100, 0, 100, 100] 12 | color: [100, 100, 100, 1.0] 13 | - type: rect 14 | bounds: [200, 0, 100, 100] 15 | color: [50, 50, 50, 1.0] 16 | -------------------------------------------------------------------------------- /wrench/reftests/filters/svg-filter-blur-transforms.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/filters/svg-filter-blur-transforms.png -------------------------------------------------------------------------------- /wrench/reftests/filters/svg-filter-blur-transforms.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 100, 300, 300] 6 | transform: scale-x(0.1) rotate-z(45) 7 | filter-primitives: 8 | - type: blur 9 | radius: 10 10 | in: previous 11 | color-space: srgb 12 | items: 13 | - type: rect 14 | color: red 15 | bounds: 0 0 256 256 16 | -------------------------------------------------------------------------------- /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 | radius: 10 9 | in: previous 10 | color-space: srgb 11 | items: 12 | - image: "firefox.png" 13 | bounds: 20 20 256 256 14 | -------------------------------------------------------------------------------- /wrench/reftests/filters/svg-filter-drop-shadow-on-viewport-edge.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/filters/svg-filter-drop-shadow-on-viewport-edge.png -------------------------------------------------------------------------------- /wrench/reftests/filters/svg-filter-drop-shadow-on-viewport-edge.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [10, 10, 400, 400] 6 | filter-primitives: 7 | - type: drop-shadow 8 | offset: [10, 10] 9 | radius: 20 10 | color: [255, 0, 0, 1] 11 | in: previous 12 | color-space: srgb 13 | items: 14 | - type: rect 15 | bounds: 0 0 256 256 16 | color: green 17 | -------------------------------------------------------------------------------- /wrench/reftests/filters/svg-filter-drop-shadow-perspective.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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-rotate.yaml: -------------------------------------------------------------------------------- 1 | # Tests SVG drop shadows with transforms 2 | --- 3 | root: 4 | items: 5 | - type: stacking-context 6 | bounds: [100, 100, 400, 400] 7 | transform: rotate-z(45) 8 | filter-primitives: 9 | - type: drop-shadow 10 | in: previous 11 | offset: [73, 73] 12 | radius: 20 13 | color: [255, 0, 0, 1] 14 | color-space: srgb 15 | items: 16 | - image: "firefox.png" 17 | bounds: 0 0 256 256 18 | -------------------------------------------------------------------------------- /wrench/reftests/filters/svg-filter-drop-shadow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/filters/svg-filter-drop-shadow.png -------------------------------------------------------------------------------- /wrench/reftests/filters/svg-filter-drop-shadow.yaml: -------------------------------------------------------------------------------- 1 | # Tests that SVG drop shadows are working properly 2 | --- 3 | root: 4 | items: 5 | - type: stacking-context 6 | bounds: [100, 100, 400, 400] 7 | filter-primitives: 8 | - type: drop-shadow 9 | in: previous 10 | offset: [73, 73] 11 | radius: 20 12 | color: [255, 0, 0, 1] 13 | color-space: srgb 14 | items: 15 | - image: "firefox.png" 16 | bounds: 0 0 256 256 17 | -------------------------------------------------------------------------------- /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/svg-filter-offset.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 | filter-primitives: 9 | - type: offset 10 | offset: 10 10 11 | in: original 12 | items: 13 | - type: rect 14 | bounds: 10 10 100 100 15 | color: red 16 | -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-aligned-border-radius.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/gradient/linear-aligned-border-radius.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-aligned-clip-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | # an aligned gradient from [0, 400] 5 | - type: gradient 6 | bounds: 0 0 200 400 7 | start: 100 0 8 | end: 100 400 9 | stops: [0.0, green, 1.0, blue] 10 | # manual clipping 11 | - type: rect 12 | bounds: 0 0 200 100 13 | color: white 14 | - type: rect 15 | bounds: 0 300 200 100 16 | color: white 17 | -------------------------------------------------------------------------------- /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-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-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/gradient/linear-ref.png -------------------------------------------------------------------------------- /wrench/reftests/gradient/linear-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: 50 50 200 200 6 | items: 7 | - type: rect 8 | bounds: 0 0 50 200 9 | color: red 10 | - type: rect 11 | bounds: 50 0 50 200 12 | color: green 13 | - type: rect 14 | bounds: 100 0 50 200 15 | color: blue 16 | - type: rect 17 | bounds: 150 0 50 200 18 | color: black 19 | -------------------------------------------------------------------------------- /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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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-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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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-radial-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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-circle-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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-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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/gradient/repeat-border-radius.png -------------------------------------------------------------------------------- /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-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-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | # top left and bottom left 5 | - type: gradient 6 | bounds: 50 50 200 300 7 | start: 0 100 8 | end: 200 100 9 | stops: [0, red, 1, blue] 10 | # top right and bottom right 11 | - type: gradient 12 | bounds: 250 50 200 300 13 | start: 0 100 14 | end: 200 100 15 | stops: [0, red, 1, blue] 16 | -------------------------------------------------------------------------------- /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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/image/colorrect.png -------------------------------------------------------------------------------- /wrench/reftests/image/downscale.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/image/downscale.png -------------------------------------------------------------------------------- /wrench/reftests/image/downscale.yaml: -------------------------------------------------------------------------------- 1 | # Tests the image quality of using a very large A8 image 2 | # as a clip mask. It's currently not very good! 3 | # https://github.com/servo/webrender/issues/2023 4 | root: 5 | items: 6 | - type: clip 7 | bounds: [0, 0, 350, 90] 8 | image-mask: 9 | image: "firefox.png" 10 | rect: [0, 0, 350, 90] 11 | repeat: false 12 | items: 13 | - type: rect 14 | bounds: [0, 0, 350, 90] 15 | color: blue 16 | -------------------------------------------------------------------------------- /wrench/reftests/image/firefox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/image/firefox.png -------------------------------------------------------------------------------- /wrench/reftests/image/segments.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/image/segments.png -------------------------------------------------------------------------------- /wrench/reftests/image/segments.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: clip 4 | bounds: [10, 10, 260, 260] 5 | complex: 6 | - rect: [10, 10, 260, 260] 7 | radius: 32 8 | items: 9 | - image: checkerboard(2, 16, 16) 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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/image/spacex-u.png -------------------------------------------------------------------------------- /wrench/reftests/image/spacex-uv.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/image/spacex-uv.png -------------------------------------------------------------------------------- /wrench/reftests/image/spacex-v.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/image/spacex-v.png -------------------------------------------------------------------------------- /wrench/reftests/image/spacex-y.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/image/spacex-y.png -------------------------------------------------------------------------------- /wrench/reftests/image/spacex-yuv.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/image/spacex-yuv.png -------------------------------------------------------------------------------- /wrench/reftests/image/texture-rect-ref.yaml: -------------------------------------------------------------------------------- 1 | # Reference for test to ensure external images using the textureRect sampler mode work correctly. 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [0, 0, 50, 50] 6 | color: blue 7 | - type: rect 8 | bounds: [50, 0, 50, 50] 9 | color: red 10 | - type: rect 11 | bounds: [0, 50, 50, 50] 12 | color: green 13 | - type: rect 14 | bounds: [50, 50, 50, 50] 15 | color: white -------------------------------------------------------------------------------- /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-size-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - image: xy-gradient(512, 512) 4 | bounds: 0 0 512 512 5 | stretch-size: 512 512 6 | - image: xy-gradient(512, 512) 7 | bounds: 512 0 512 512 8 | stretch-size: 512 512 9 | - image: xy-gradient(512, 512) 10 | bounds: 0 512 512 512 11 | stretch-size: 512 512 12 | - image: xy-gradient(512, 512) 13 | bounds: 512 512 512 512 14 | stretch-size: 512 512 15 | -------------------------------------------------------------------------------- /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 | bounds: [10, 10, 100, 100] 7 | items: 8 | - image: checkerboard(2, 16, 16) 9 | bounds: [10, 10, 260, 260] 10 | tile-size: 64 -------------------------------------------------------------------------------- /wrench/reftests/image/tiled-complex-clip-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: clip 4 | bounds: [10, 10, 100, 100] 5 | complex: 6 | - rect: [10, 10, 100, 100] 7 | radius: 32 8 | items: 9 | - image: checkerboard(2, 16, 16) 10 | bounds: [10, 10, 260, 260] 11 | -------------------------------------------------------------------------------- /wrench/reftests/image/tiled-complex-clip.yaml: -------------------------------------------------------------------------------- 1 | # Test that complex clips from clip-chains are correctly 2 | # taken into account for tiled images. 3 | root: 4 | items: 5 | - type: clip 6 | bounds: [10, 10, 100, 100] 7 | complex: 8 | - rect: [10, 10, 100, 100] 9 | radius: 32 10 | items: 11 | - image: checkerboard(2, 16, 16) 12 | bounds: [10, 10, 260, 260] 13 | tile-size: 64 14 | -------------------------------------------------------------------------------- /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: green 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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/image/yuv.png -------------------------------------------------------------------------------- /wrench/reftests/image/yuv.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: yuv-image 4 | format: planar 5 | src-y: spacex-y.png 6 | src-u: spacex-u.png 7 | src-v: spacex-v.png 8 | bounds: [10, 10, 427, 640] 9 | 10 | - type: yuv-image 11 | format: interleaved 12 | src: spacex-yuv.png 13 | bounds: [447, 10, 427, 640] 14 | 15 | - type: yuv-image 16 | format: nv12 17 | src-y: spacex-y.png 18 | src-uv: spacex-uv.png 19 | bounds: [887, 10, 427, 640] 20 | -------------------------------------------------------------------------------- /wrench/reftests/invalidation/one-rounded-rect-green.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: 0 0 1000 1000 6 | type: stacking-context 7 | cache: true 8 | items: 9 | - type: clip 10 | bounds: [50, 50, 200, 200] 11 | complex: 12 | - rect: [50, 50, 200, 200] 13 | radius: 8 14 | items: 15 | - type: rect 16 | bounds: 50 50 200 200 17 | color: green 18 | -------------------------------------------------------------------------------- /wrench/reftests/invalidation/one-rounded-rect.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: 0 0 1000 1000 6 | type: stacking-context 7 | cache: true 8 | items: 9 | - type: clip 10 | bounds: [50, 50, 200, 200] 11 | complex: 12 | - rect: [50, 50, 200, 200] 13 | radius: 8 14 | items: 15 | - type: rect 16 | bounds: 50 50 200 200 17 | color: red 18 | -------------------------------------------------------------------------------- /wrench/reftests/invalidation/reftest.list: -------------------------------------------------------------------------------- 1 | #dirty([(50,50):256x256]) one-rounded-rect.yaml dirty([(50,50):256x256]) one-rounded-rect-green.yaml dirty([(50,50):256x256]) one-rounded-rect.yaml == one-rounded-rect.yaml 2 | -------------------------------------------------------------------------------- /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/aligned-layer-rect.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: scroll-frame 5 | bounds: [9, 9, 10, 10] 6 | content-size: [95, 88] 7 | items: 8 | - type: scroll-frame 9 | bounds: [0, 0, 100, 100] 10 | items: 11 | - type: rect 12 | bounds: [0, 0, 100, 100] 13 | color: blue 14 | -------------------------------------------------------------------------------- /wrench/reftests/mask/checkerboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/mask/checkerboard.png -------------------------------------------------------------------------------- /wrench/reftests/mask/checkerboard.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: clip 5 | bounds: [0, 0, 200, 200] 6 | image-mask: 7 | image: transparent-checkerboard(2, 16, 16) 8 | rect: [0, 0, 200, 200] 9 | repeat: false 10 | items: 11 | - type: rect 12 | bounds: [0, 0, 200, 200] 13 | color: blue 14 | -------------------------------------------------------------------------------- /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-atomicity-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [25, 25, 100, 100] 6 | color: red 7 | - type: stacking-context 8 | bounds: [0, 0, 200, 200] 9 | filters: 10 | - "opacity(0.5)" 11 | items: 12 | - type: rect 13 | bounds: [0, 0, 100, 100] 14 | color: blue 15 | - type: rect 16 | bounds: [50, 50, 100, 100] 17 | color: green 18 | -------------------------------------------------------------------------------- /wrench/reftests/mask/mask-perspective.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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 | bounds: [0, 0, 95, 88] 6 | image-mask: 7 | image: "mask.png" 8 | rect: [0, 0, 35, 35] 9 | repeat: false 10 | tile-size: 5 11 | items: 12 | - type: rect 13 | bounds: [0, 0, 95, 88] 14 | color: blue 15 | -------------------------------------------------------------------------------- /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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/mask/mask.png -------------------------------------------------------------------------------- /wrench/reftests/mask/mask.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: clip 5 | bounds: [0, 0, 95, 88] 6 | image-mask: 7 | image: "mask.png" 8 | rect: [0, 0, 35, 35] 9 | repeat: false 10 | items: 11 | - type: rect 12 | bounds: [0, 0, 95, 88] 13 | color: blue 14 | -------------------------------------------------------------------------------- /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 | bounds: [0, 0, 95, 88] 7 | image-mask: 8 | image: invalid 9 | rect: [0, 0, 35, 35] 10 | repeat: false 11 | items: 12 | - type: rect 13 | bounds: [0, 0, 95, 88] 14 | color: blue 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/out-of-bounds.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: clip 5 | bounds: [0, 0, 10000, 10000] 6 | complex: 7 | - rect: [0, 0, 10000, 10000] 8 | radius: 9 | top-left: [30, 30] 10 | top-right: [30, 30] 11 | bottom-right: [30, 30] 12 | bottom-left: [30, 30] 13 | items: 14 | - type: rect 15 | bounds: [0, 0, 10000, 10000] 16 | color: green 17 | -------------------------------------------------------------------------------- /wrench/reftests/mask/rounded-corners.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/mask/rounded-corners.png -------------------------------------------------------------------------------- /wrench/reftests/mask/tiny-check-mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/mask/tiny-check-mask.png -------------------------------------------------------------------------------- /wrench/reftests/performance/no-clip-mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/performance/no-clip-mask.png -------------------------------------------------------------------------------- /wrench/reftests/performance/reftest.list: -------------------------------------------------------------------------------- 1 | skip_on(android) == color_targets(4) alpha_targets(0) no-clip-mask.yaml no-clip-mask.png # Too wide for Android 2 | -------------------------------------------------------------------------------- /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/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/nested-scroll-offset.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: scroll-frame 4 | bounds: [0, 0, 500, 500] 5 | content-size: [1000, 1000] 6 | scroll-offset: [0, 300] 7 | items: 8 | - type: scroll-frame 9 | bounds: [0, 300, 50, 50] 10 | items: 11 | - type: scroll-frame 12 | bounds: [0, 300, 50, 50] 13 | items: 14 | - type: rect 15 | bounds: [0, 300, 50, 50] 16 | color: green 17 | -------------------------------------------------------------------------------- /wrench/reftests/scrolling/nested-stickys-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | # This is a scroll frame with an out-of-viewport rect that should be pushed into the 4 | # viewport by its "bottom" sticky constraint. 5 | - type: scroll-frame 6 | bounds: [10, 10, 50, 50] 7 | content-size: [200, 200] 8 | items: 9 | - type: rect 10 | bounds: [10, 20, 50, 50] 11 | color: green 12 | -------------------------------------------------------------------------------- /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-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-with-mask-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: rect 4 | bounds: [20, 20, 80, 80] 5 | color: green 6 | - type: rect 7 | bounds: [120, 20, 80, 80] 8 | color: green 9 | - type: rect 10 | bounds: [220, 20, 80, 80] 11 | color: green 12 | -------------------------------------------------------------------------------- /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/sibling-hidden-clip.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: [0, 0, 200, 200] 6 | type: "stacking-context" 7 | "scroll-policy": scrollable 8 | filters: [opacity(0.0)] 9 | items: 10 | - 11 | bounds: [0, 0, 50, 80] 12 | type: clip 13 | id: 2 14 | - type: rect 15 | bounds: [10, 10, 100, 100] 16 | color: red 17 | clip-and-scroll: 2 18 | 19 | id: [0, 0] 20 | pipelines: [] 21 | -------------------------------------------------------------------------------- /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/simple.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: scroll-frame 4 | bounds: [10, 10, 50, 50] 5 | content-size: [100, 100] 6 | items: 7 | - type: rect 8 | bounds: [10, 10, 500, 500] 9 | color: green 10 | - type: scroll-frame 11 | bounds: [70, 10, 50, 50] 12 | content-size: [100, 100] 13 | items: 14 | - type: rect 15 | bounds: [70, 10, 100, 100] 16 | color: green 17 | -------------------------------------------------------------------------------- /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/preserve-3d.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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 | -------------------------------------------------------------------------------- /wrench/reftests/snap/snap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/transform.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/split/split-intersect1-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | items: 6 | - type: stacking-context 7 | items: 8 | - type: rect 9 | bounds: 50 0 50 100 10 | color: red 11 | - type: stacking-context 12 | items: 13 | - type: rect 14 | bounds: 0 0 50 100 15 | color: green 16 | -------------------------------------------------------------------------------- /wrench/reftests/text/1658.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | type: "shadow" 6 | blur-radius: 5 7 | bounds: [14, 18, 205, 35] 8 | offset: [0, 0] 9 | color: black 10 | - 11 | bounds: [14, 18, 205, 35] 12 | glyphs: [55] 13 | offsets: [16, 43] 14 | size: 18 15 | color: [0, 0, 0, 1.0] 16 | font: "VeraBd.ttf" 17 | - 18 | type: "pop-all-shadows" 19 | 20 | -------------------------------------------------------------------------------- /wrench/reftests/text/Ahem.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/Ahem.ttf -------------------------------------------------------------------------------- /wrench/reftests/text/FreeSans.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/FreeSans.ttf -------------------------------------------------------------------------------- /wrench/reftests/text/Proggy.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/Proggy.ttf -------------------------------------------------------------------------------- /wrench/reftests/text/VeraBd.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/VeraBd.ttf -------------------------------------------------------------------------------- /wrench/reftests/text/ahem-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: rect 5 | bounds: [ 16, 16, 520, 280 ] 6 | color: 128 128 128 1.0 7 | - type: rect 8 | bounds: [ 56, 56, 440, 200 ] 9 | color: white 10 | - type: rect 11 | bounds: [ 56, 56, 80, 160 ] 12 | color: blue 13 | - type: rect 14 | bounds: [ 56, 216, 120, 40 ] 15 | color: black 16 | - type: rect 17 | bounds: [ 176, 56, 80, 160 ] 18 | color: 255 165 0 1.0000 19 | -------------------------------------------------------------------------------- /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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/bg-color-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - text: "A" 5 | origin: 30 220 6 | size: 200 7 | color: black 8 | font: "FreeSans.ttf" 9 | -------------------------------------------------------------------------------- /wrench/reftests/text/bg-color.yaml: -------------------------------------------------------------------------------- 1 | # verify that drawing a text run on an off-screen surface with a 2 | # specified background color gives the same result as drawing a 3 | # subpixel text run directly on the background. 4 | --- 5 | root: 6 | items: 7 | - type: stacking-context 8 | transform-style: preserve-3d 9 | items: 10 | - text: "A" 11 | origin: 30 220 12 | size: 200 13 | color: black 14 | font: "FreeSans.ttf" 15 | bg-color: white 16 | -------------------------------------------------------------------------------- /wrench/reftests/text/blank.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | -------------------------------------------------------------------------------- /wrench/reftests/text/blurred-shadow-local-clip-rect-ref.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/blurred-shadow-local-clip-rect-ref.png -------------------------------------------------------------------------------- /wrench/reftests/text/border-radius-alpha.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/border-radius-alpha.png -------------------------------------------------------------------------------- /wrench/reftests/text/border-radius-subpx.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/border-radius-subpx.png -------------------------------------------------------------------------------- /wrench/reftests/text/border-radius.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: clip 5 | bounds: [20, 20, 100, 100] 6 | complex: 7 | - rect: [20, 20, 100, 100] 8 | radius: 32 9 | items: 10 | - type: rect 11 | bounds: [20, 20, 100, 100] 12 | color: blue 13 | - text: "A" 14 | origin: 30 120 15 | size: 200 16 | color: red 17 | font: "FreeSans.ttf" 18 | -------------------------------------------------------------------------------- /wrench/reftests/text/clipped-transform.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/clipped-transform.png -------------------------------------------------------------------------------- /wrench/reftests/text/clipped-transform.yaml: -------------------------------------------------------------------------------- 1 | --- # checks that local clip rects don't inappropriately shear transformed glyphs 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 65, 70] 6 | transform: [0.7086478, 0.7055624, 0, 0, -0.7055624, 0.7086478, 0, 0, 0, 0, 1, 0, 40, 10, 0, 1] 7 | items: 8 | - text: "O" 9 | clip-rect: [0, 0, 44, 44] 10 | origin: 0 38 11 | size: 30 12 | font: "FreeSans.ttf" 13 | -------------------------------------------------------------------------------- /wrench/reftests/text/colors-alpha.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/colors-alpha.png -------------------------------------------------------------------------------- /wrench/reftests/text/colors-subpx.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/colors-subpx.png -------------------------------------------------------------------------------- /wrench/reftests/text/decorations-suite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/embedded-bitmaps.png -------------------------------------------------------------------------------- /wrench/reftests/text/embedded-bitmaps.yaml: -------------------------------------------------------------------------------- 1 | --- # checks that embedded bitmaps are rasterized and use a proper layout 2 | root: 3 | items: 4 | - text: "ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 {}[]()<>$*-+=/#_%^@\\&|~?'\"!,.;:" 5 | origin: 20 30 6 | bounds: [0, 0, 710, 50] 7 | size: 8.25 8 | font: "Proggy.ttf" 9 | embedded-bitmaps: true 10 | -------------------------------------------------------------------------------- /wrench/reftests/text/isolated-text.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/isolated-text.png -------------------------------------------------------------------------------- /wrench/reftests/text/isolated-text.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0, 0, 1000, 100] 5 | transform: perspective(1000) 6 | items: 7 | - type: stacking-context 8 | bounds: [0, 0, 1000, 100] 9 | transform-style: preserve-3d 10 | items: 11 | - text: "Cats making all the muffins knock over christmas tree" 12 | origin: 20 30 13 | size: 20 14 | font: "FreeSans.ttf" 15 | -------------------------------------------------------------------------------- /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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/raster-space.png -------------------------------------------------------------------------------- /wrench/reftests/text/shadow-border.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 | type: border 12 | bounds: [ 30, 30, 30, 30 ] 13 | width: [ 15, 15, 15, 15 ] 14 | border-type: normal 15 | style: solid 16 | color: blue 17 | radius: 0 18 | - 19 | type: "pop-all-shadows" 20 | -------------------------------------------------------------------------------- /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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/snap-text-offset-ref.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0, 0, 200, 100] 5 | transform: translate(0.5, 0.5) 6 | items: 7 | - bounds: [0, 0, 200, 100] 8 | glyphs: [68, 3, 37, 70, 71, 3, 40, 73, 74, 75] 9 | offsets: [20.3, 50, 35, 50, 43, 50.49, 61.2, 50, 75.4, 50, 90.6, 50, 98.8, 50, 116.7, 50, 124.1, 50, 139.5, 50] 10 | size: 20 11 | font: "FreeSans.ttf" 12 | -------------------------------------------------------------------------------- /wrench/reftests/text/snap-text-offset.yaml: -------------------------------------------------------------------------------- 1 | root: 2 | items: 3 | - type: stacking-context 4 | bounds: [0.5, 0.5, 200, 100] 5 | items: 6 | - bounds: [0, 0, 200, 100] 7 | glyphs: [68, 3, 37, 70, 71, 3, 40, 73, 74, 75] 8 | offsets: [20.3, 50, 35, 50, 43, 50.49, 61.2, 50, 75.4, 50, 90.6, 50, 98.8, 50, 116.7, 50, 124.1, 50, 139.5, 50] 9 | size: 20 10 | font: "FreeSans.ttf" 11 | -------------------------------------------------------------------------------- /wrench/reftests/text/split-batch-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | type: "shadow" 6 | bounds: [0, 0, 650, 670] 7 | blur-radius: 2 8 | offset: [10, 10] 9 | color: black 10 | - 11 | bounds: [0, 0, 650, 670] 12 | glyphs: [55, 45] 13 | offsets: [20, 500, 400, 500] 14 | size: 500 15 | color: [255, 0, 0, 1] 16 | font: "VeraBd.ttf" 17 | - 18 | type: "pop-all-shadows" 19 | -------------------------------------------------------------------------------- /wrench/reftests/text/split-batch.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | type: "shadow" 6 | bounds: [0, 0, 650, 670] 7 | blur-radius: 2 8 | offset: [10, 10] 9 | color: black 10 | - 11 | bounds: [0, 0, 650, 670] 12 | glyphs: [55, 45] 13 | offsets: [20, 500, 400, 500] 14 | size: 500 15 | color: [255, 0, 0, 1] 16 | font: "VeraBd.ttf" 17 | - 18 | type: "pop-all-shadows" 19 | -------------------------------------------------------------------------------- /wrench/reftests/text/subpixel-rotate.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/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-masking-alpha.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/text-masking-alpha.png -------------------------------------------------------------------------------- /wrench/reftests/text/text-masking-mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/text-masking-mask.png -------------------------------------------------------------------------------- /wrench/reftests/text/text-masking-subpx.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/text-masking-subpx.png -------------------------------------------------------------------------------- /wrench/reftests/text/text.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: [14, 18, 205, 35] 6 | glyphs: [55, 75, 76, 86, 3, 76, 86, 3, 87, 75, 72, 3, 69, 72, 86, 87] 7 | offsets: [16, 43, 35.533333, 43, 51.533333, 43, 60.4, 43, 72.833336, 43, 80.833336, 43, 89.7, 43, 102.13333, 43, 110.13333, 43, 119, 43, 135, 43, 149.2, 43, 157.2, 43, 173.2, 43, 187.4, 43, 196.26666, 43] 8 | size: 18 9 | color: black 10 | font: "VeraBd.ttf" 11 | -------------------------------------------------------------------------------- /wrench/reftests/text/transparent-no-aa-ref.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | type: "shadow" 6 | bounds: [0, 0, 200, 200] 7 | offset: [0, 0] 8 | blur-radius: 0 9 | color: [0, 0, 0, 0.5] 10 | - 11 | text: "hello everybody" 12 | origin: [10, 20] 13 | size: 18 14 | color: [0, 0, 0, 0] 15 | font: "VeraBd.ttf" 16 | - 17 | type: "pop-all-shadows" 18 | -------------------------------------------------------------------------------- /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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/text/two-shadows.png -------------------------------------------------------------------------------- /wrench/reftests/text/white-opacity.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/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, 44727) 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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/border-scale-2.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/border-scale-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/border-scale-3.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/border-scale-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/border-scale-4.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/border-scale.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/border-scale.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/border-zoom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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/content-offset.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/content-offset.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/coord-system.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/coord-system.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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/image-rotated-clip.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/image.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/large-raster-root.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - type: stacking-context 5 | bounds: [0, 0, 600, 600] 6 | perspective: 20 7 | items: 8 | - type: stacking-context 9 | transform: rotate-z(45) rotate-x(45) 10 | filters: drop-shadow([0, 0], 10000, blue) 11 | items: 12 | - type: rect 13 | bounds: [0, 0, 20000, 100] 14 | color: green 15 | -------------------------------------------------------------------------------- /wrench/reftests/transforms/local-clip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/local-clip.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/near-plane-clip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/near-plane-clip.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/nested-preserve-3d.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/nested-preserve-3d.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/nested-rotate-x-flat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/nested-rotate-x-flat.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/nested-rotate-x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/nested-rotate-x.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/perspective-border-radius.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/perspective-border-radius.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/perspective-clip-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/perspective-clip-1.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/perspective-clip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/perspective-clip.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/perspective-mask.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/perspective-mask.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/perspective-origin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/perspective-origin.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/perspective-origin.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: [0, 0, 1000, 1000] 6 | type: "stacking-context" 7 | perspective: 200 8 | items: 9 | - 10 | bounds: [0, 0, 1000, 1000] 11 | type: "stacking-context" 12 | transform: rotate-x(45) 13 | items: 14 | - 15 | bounds: [350, 400, 260, 260] 16 | image: checkerboard(2, 16, 16) 17 | -------------------------------------------------------------------------------- /wrench/reftests/transforms/perspective-shadow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/perspective-shadow.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/perspective.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/perspective.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/prim-suite.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/prim-suite.png -------------------------------------------------------------------------------- /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/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/rotated-clip-large.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/rotated-clip-large.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: 100 100 300 300 6 | items: 7 | - type: clip 8 | bounds: [20, 20, 200, 200] 9 | complex: 10 | - rect: [20, 20, 200, 200] 11 | radius: 32 12 | items: 13 | - type: rect 14 | bounds: 20 20 200 200 15 | color: blue 16 | type: stacking-context 17 | transform: rotate(33) 18 | -------------------------------------------------------------------------------- /wrench/reftests/transforms/rotated-clip.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/rotated-clip.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/rotated-clip.yaml: -------------------------------------------------------------------------------- 1 | --- 2 | root: 3 | items: 4 | - 5 | bounds: 100 100 100 100 6 | items: 7 | - type: clip 8 | bounds: [20, 20, 100, 100] 9 | complex: 10 | - rect: [20, 20, 100, 100] 11 | radius: 32 12 | items: 13 | - type: rect 14 | bounds: 20 20 100 100 15 | color: blue 16 | type: stacking-context 17 | transform: rotate(30) 18 | -------------------------------------------------------------------------------- /wrench/reftests/transforms/rotated-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/rotated-image.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/screen-space-blit-trivial.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/screen-space-blit-trivial.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/screen-space-blit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/wrench/reftests/transforms/screen-space-blit.png -------------------------------------------------------------------------------- /wrench/reftests/transforms/screen-space-blur.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/szeged/webrender/8f8c001255c5c24399ead2d2e79159624479c668/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 | -------------------------------------------------------------------------------- /wrench/reftests/transforms/strange-w.yaml: -------------------------------------------------------------------------------- 1 | # don't assume w=1 when checking if the transform is just a translation 2 | 3 | --- 4 | root: 5 | items: 6 | - type: stacking-context 7 | bounds: [50, 50, 600, 600] 8 | perspective: 20 9 | items: 10 | - type: stacking-context 11 | transform: [1,0,0,0, 0,1,0,0, 0,0,1,0, 0,0,0,2] 12 | items: 13 | - type: rect 14 | bounds: [50, 50, 100, 100] 15 | color: red 16 | --------------------------------------------------------------------------------