tests/rustdoc-gui/codeblock-tooltip.goml

   1 // Checking the colors of the codeblocks tooltips.
   2 goto: "file://" + |DOC_PATH| + "/test_docs/fn.foo.html"
   3 show-text: true
   4
   5 define-function: (
   6     "check-colors",
   7     (theme, background, color, border),
   8     block {
   9         // Setting the theme.
  10         local-storage: {"rustdoc-theme": |theme|, "rustdoc-use-system-theme": "false"}
  11         reload:
  12
  13         // compile_fail block
  14         assert-css: (
  15             ".docblock .example-wrap.compile_fail .tooltip",
  16             {"color": "rgba(255, 0, 0, 0.5)"},
  17         )
  18         assert-css: (
  19             ".docblock .example-wrap.compile_fail",
  20             {"border-left": "2px solid rgba(255, 0, 0, 0.5)"},
  21         )
  22
  23         move-cursor-to: ".docblock .example-wrap.compile_fail .tooltip"
  24
  25         assert-css: (
  26             ".docblock .example-wrap.compile_fail .tooltip",
  27             {"color": "rgb(255, 0, 0)"},
  28         )
  29         assert-css: (
  30             ".docblock .example-wrap.compile_fail",
  31             {"border-left": "2px solid rgb(255, 0, 0)"},
  32         )
  33         assert-css: (
  34             ".docblock .example-wrap.compile_fail .tooltip::after",
  35             {
  36                 "content": '"This example deliberately fails to compile"',
  37                 "padding": "5px 3px 3px",
  38                 "background-color": |background|,
  39                 "color": |color|,
  40                 "border": "1px solid " + |border|,
  41             },
  42         )
  43         assert-css: (
  44             ".docblock .example-wrap.compile_fail .tooltip::before",
  45             {
  46                 "border-width": "5px",
  47                 "border-style": "solid",
  48                 "border-color": "rgba(0, 0, 0, 0) " + |background| + " rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)",
  49             },
  50         )
  51
  52         // should_panic block
  53         assert-css: (
  54             ".docblock .example-wrap.should_panic .tooltip",
  55             {"color": "rgba(255, 0, 0, 0.5)"},
  56         )
  57         assert-css: (
  58             ".docblock .example-wrap.should_panic",
  59             {"border-left": "2px solid rgba(255, 0, 0, 0.5)"},
  60         )
  61
  62         move-cursor-to: ".docblock .example-wrap.should_panic .tooltip"
  63
  64         assert-css: (
  65             ".docblock .example-wrap.should_panic .tooltip",
  66             {"color": "rgb(255, 0, 0)"},
  67         )
  68         assert-css: (
  69             ".docblock .example-wrap.should_panic",
  70             {"border-left": "2px solid rgb(255, 0, 0)"},
  71         )
  72         assert-css: (
  73             ".docblock .example-wrap.should_panic .tooltip::after",
  74             {
  75                 "content": '"This example panics"',
  76                 "padding": "5px 3px 3px",
  77                 "background-color": |background|,
  78                 "color": |color|,
  79                 "border": "1px solid " + |border|,
  80             },
  81         )
  82         assert-css: (
  83             ".docblock .example-wrap.should_panic .tooltip::before",
  84             {
  85                 "border-width": "5px",
  86                 "border-style": "solid",
  87                 "border-color": "rgba(0, 0, 0, 0) " + |background| + " rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)",
  88             },
  89         )
  90
  91         // ignore block
  92         assert-css: (
  93             ".docblock .example-wrap.ignore .tooltip",
  94             {"color": "rgba(255, 142, 0, 0.6)"},
  95         )
  96         assert-css: (
  97             ".docblock .example-wrap.ignore",
  98             {"border-left": "2px solid rgba(255, 142, 0, 0.6)"},
  99         )
 100
 101         move-cursor-to: ".docblock .example-wrap.ignore .tooltip"
 102
 103         assert-css: (
 104             ".docblock .example-wrap.ignore .tooltip",
 105             {"color": "rgb(255, 142, 0)"},
 106         )
 107         assert-css: (
 108             ".docblock .example-wrap.ignore",
 109             {"border-left": "2px solid rgb(255, 142, 0)"},
 110         )
 111         assert-css: (
 112             ".docblock .example-wrap.ignore .tooltip::after",
 113             {
 114                 "content": '"This example is not tested"',
 115                 "padding": "5px 3px 3px",
 116                 "background-color": |background|,
 117                 "color": |color|,
 118                 "border": "1px solid " + |border|,
 119             },
 120         )
 121         assert-css: (
 122             ".docblock .example-wrap.ignore .tooltip::before",
 123             {
 124                 "border-width": "5px",
 125                 "border-style": "solid",
 126                 "border-color": "rgba(0, 0, 0, 0) " + |background| + " rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)",
 127             },
 128         )
 129     },
 130 )
 131
 132 call-function: ("check-colors", {
 133     "theme": "ayu",
 134     "background": "rgb(49, 69, 89)",
 135     "color": "rgb(197, 197, 197)",
 136     "border": "rgb(92, 103, 115)",
 137 })
 138 call-function: ("check-colors", {
 139     "theme": "dark",
 140     "background": "rgb(0, 0, 0)",
 141     "color": "rgb(255, 255, 255)",
 142     "border": "rgb(224, 224, 224)",
 143 })
 144 call-function: ("check-colors", {
 145     "theme": "light",
 146     "background": "rgb(0, 0, 0)",
 147     "color": "rgb(255, 255, 255)",
 148     "border": "rgb(224, 224, 224)",
 149 })