src/test/rustdoc-gui/search-result-display.goml

   1 // Checks that the search results have the expected width.
   2 goto: file://|DOC_PATH|/test_docs/index.html
   3 size: (900, 1000)
   4 write: (".search-input", "test")
   5 // To be SURE that the search will be run.
   6 press-key: 'Enter'
   7 wait-for: "#crate-search"
   8 // The width is returned by "getComputedStyle" which returns the exact number instead of the
   9 // CSS rule which is "50%"...
  10 assert-css: (".search-results div.desc", {"width": "295px"})
  11 size: (600, 100)
  12 // As counter-intuitive as it may seem, in this width, the width is "100%", which is why
  13 // when computed it's larger.
  14 assert-css: (".search-results div.desc", {"width": "570px"})
  15
  16 // Check that the crate filter `<select>` is correctly handled when it goes to next line.
  17 // To do so we need to update the length of one of its `<option>`.
  18 size: (900, 900)
  19
  20 // First we check the current width, height and position.
  21 assert-css: ("#crate-search", {"width": "223px"})
  22 assert-css: (".search-results-title", {"height": "44px", "width": "336px"})
  23
  24 // Then we update the text of one of the `<option>`.
  25 text: (
  26     "#crate-search option",
  27     "sdjfaksdjfaksjdbfkadsbfkjsadbfkdsbkfbsadkjfbkdsabfkadsfkjdsafa",
  28 )
  29
  30 // Then we compare again to confirm the height didn't change.
  31 assert-css: ("#crate-search", {"width": "527px"})
  32 assert-css: (".search-results-title", {"height": "44px", "width": "640px"})
  33 // And we check that the `<select>` isn't bigger than its container (".search-results-title").
  34 assert-css: ("#search", {"width": "640px"})