css-variable-lsp 0.3.3

A fast, Rust-based Language Server Protocol implementation for CSS Variables
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
94

//! Regression guards for css-variables-zed issue #16.
//!
//! Ensures workspace-wide `var(--` completion context is detected in long CSS
//! rule blocks, not only within a 400-character lookback window.
//!
//! Run with: cargo test --test issue_16_guard_test

use css_variable_lsp::completion_context::{
    completion_value_context_slice, get_value_context_info,
};
use css_variable_lsp::document_kind::build_lookup_extension_map;
use css_variable_lsp::types::{offset_to_position, Config};
use ls_types::Uri;
use std::str::FromStr;

fn build_long_css_rule() -> String {
    let decl = "  margin-top: 1px;\n";
    let mut rule = String::from(".card {\n");
    for _ in 0..30 {
        rule.push_str(decl);
    }
    rule.push_str("  font: 400 16px/1.5 system-ui, sans-serif;\n");
    rule.push_str("  color: var(--");
    rule
}

#[test]
fn issue_16_fixed_long_rule_detects_value_context_at_bottom() {
    let text = build_long_css_rule();
    assert!(
        text.len() > 500,
        "fixture must exceed the old 400-char lookback window (len={})",
        text.len()
    );

    let lookup_map = build_lookup_extension_map(&Config::default().lookup_files);
    let uri = Uri::from_str("file:///styles.css").unwrap();
    let position = offset_to_position(&text, text.len());

    let context = completion_value_context_slice(&text, position, None, &uri, &lookup_map)
        .expect("css document should yield a completion slice");
    let value_context = get_value_context_info(context.slice, context.allow_without_braces);

    assert!(
        value_context.is_value_context,
        "var(-- at the bottom of a long rule must be in value context"
    );
    assert_eq!(value_context.property_name.as_deref(), Some("color"));
}

#[test]
fn issue_16_fixed_short_rule_still_works() {
    let text = ".card { color: var(--";
    let lookup_map = build_lookup_extension_map(&Config::default().lookup_files);
    let uri = Uri::from_str("file:///styles.css").unwrap();
    let position = offset_to_position(text, text.len());

    let context = completion_value_context_slice(text, position, None, &uri, &lookup_map)
        .expect("expected css slice");
    let value_context = get_value_context_info(context.slice, context.allow_without_braces);

    assert!(value_context.is_value_context);
    assert_eq!(value_context.property_name.as_deref(), Some("color"));
}

#[test]
fn issue_16_fixed_top_of_class_still_works() {
    let text = ".card {\n  color: var(--";
    let lookup_map = build_lookup_extension_map(&Config::default().lookup_files);
    let uri = Uri::from_str("file:///styles.css").unwrap();
    let position = offset_to_position(text, text.len());

    let context = completion_value_context_slice(text, position, None, &uri, &lookup_map)
        .expect("expected css slice");
    let value_context = get_value_context_info(context.slice, context.allow_without_braces);

    assert!(value_context.is_value_context);
    assert_eq!(value_context.property_name.as_deref(), Some("color"));
}

#[test]
fn issue_16_fixed_nested_rule_detects_inner_property() {
    let text = ".outer { .inner { color: var(--";
    let lookup_map = build_lookup_extension_map(&Config::default().lookup_files);
    let uri = Uri::from_str("file:///styles.css").unwrap();
    let position = offset_to_position(text, text.len());

    let context = completion_value_context_slice(text, position, None, &uri, &lookup_map)
        .expect("expected css slice");
    let value_context = get_value_context_info(context.slice, context.allow_without_braces);

    assert!(value_context.is_value_context);
    assert_eq!(value_context.property_name.as_deref(), Some("color"));
}