wdl-doc 0.15.2

Documentation generator for Workflow Description Language (WDL) documents.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93

//! Test for the light/dark theme toggle.

use std::path::Path;
use std::time::Duration;

use anyhow::bail;
use thirtyfour::By;
use thirtyfour::WebDriver;
use thirtyfour::WebElement;
use thirtyfour::prelude::ElementWaitable;

use crate::UiTest;
use crate::WebDriverExt;

// Colors from wdl-doc/theme/src/colors.css
/// The expected background color of the dark theme.
const BACKGROUND_DARK: &str = "rgba(7, 10, 26, 1)";
/// The expected background color of the light theme.
const BACKGROUND_LIGHT: &str = "rgba(248, 249, 252, 1)";
/// The localStorage key generated by alpine.js.
const THEME_LOCALSTORAGE_KEY: &str = "_x_theme";
/// The name of the dark theme as it appears in localStorage. Quoted twice since
/// alpine.js stores it as a JSON string.
const THEME_DARK: &str = "\"dark\"";
/// The name of the dark theme as it appears in localStorage.
const THEME_LIGHT: &str = "\"light\"";

/// Test for the light/dark theme toggle.
pub struct ToggleTheme;

#[async_trait::async_trait]
impl UiTest for ToggleTheme {
    fn name(&self) -> &'static str {
        "toggle_theme"
    }

    async fn run(&self, driver: &mut WebDriver, _docs_path: &Path) -> anyhow::Result<()> {
        match driver
            .localstorage(THEME_LOCALSTORAGE_KEY)
            .await?
            .as_deref()
        {
            Some(THEME_DARK) => {}
            theme => bail!(
                "expected `localStorage.{THEME_LOCALSTORAGE_KEY}` to be '{THEME_DARK}', found: \
                 {theme:?}"
            ),
        }

        // Theme should be dark by default
        let bg = driver.find(By::ClassName("layout__container")).await?;
        let current_color = bg.css_value("background-color").await?;
        if current_color != BACKGROUND_DARK {
            bail!(
                "expected dark theme background color to be {BACKGROUND_DARK}, found \
                 {current_color}"
            );
        }

        let toggle_button = driver.find(By::Id("theme-toggle")).await?;
        toggle_button.click().await?;

        bg.wait_until()
            .wait(Duration::from_millis(10), Duration::from_millis(5))
            .condition(move |elem: WebElement| {
                let current_color = current_color.clone();
                async move {
                    let bg_color = elem.css_value("background-color").await?;
                    Ok(bg_color != current_color)
                }
            })
            .await?;

        if driver
            .localstorage(THEME_LOCALSTORAGE_KEY)
            .await?
            .as_deref()
            != Some(THEME_LIGHT)
        {
            bail!("expected light theme to be stored in `localStorage`");
        }

        let current_color = bg.css_value("background-color").await?;
        if current_color != BACKGROUND_LIGHT {
            bail!(
                "expected light theme background color to be {BACKGROUND_LIGHT}, found \
                 {current_color}"
            );
        }

        Ok(())
    }
}