diff --git a/crates/debugger_ui/src/tests/inline_values.rs b/crates/debugger_ui/src/tests/inline_values.rs
index 8ca3061f5763de089c84a9e73850dd9ea858e6bb..801e6d43623b50d69ea3ce297c274c2d7e5a8b14 100644
--- a/crates/debugger_ui/src/tests/inline_values.rs
+++ b/crates/debugger_ui/src/tests/inline_values.rs
@@ -3,7 +3,10 @@ use std::{path::Path, sync::Arc};
use dap::{Scope, StackFrame, Variable, requests::Variables};
use editor::{Editor, EditorMode, MultiBuffer};
use gpui::{BackgroundExecutor, TestAppContext, VisualTestContext};
-use language::{Language, LanguageConfig, LanguageMatcher, tree_sitter_python, tree_sitter_rust};
+use language::{
+ Language, LanguageConfig, LanguageMatcher, tree_sitter_python, tree_sitter_rust,
+ tree_sitter_typescript,
+};
use project::{FakeFs, Project};
use serde_json::json;
use unindent::Unindent as _;
@@ -2272,3 +2275,257 @@ fn main() {
)
.await;
}
+
+fn javascript_lang() -> Language {
+ let debug_variables_query = include_str!("../../../languages/src/javascript/debugger.scm");
+ Language::new(
+ LanguageConfig {
+ name: "JavaScript".into(),
+ matcher: LanguageMatcher {
+ path_suffixes: vec!["js".to_string()],
+ ..Default::default()
+ },
+ ..Default::default()
+ },
+ Some(tree_sitter_typescript::LANGUAGE_TYPESCRIPT.into()),
+ )
+ .with_debug_variables_query(debug_variables_query)
+ .unwrap()
+}
+
+fn typescript_lang() -> Language {
+ let debug_variables_query = include_str!("../../../languages/src/typescript/debugger.scm");
+ Language::new(
+ LanguageConfig {
+ name: "TypeScript".into(),
+ matcher: LanguageMatcher {
+ path_suffixes: vec!["ts".to_string()],
+ ..Default::default()
+ },
+ ..Default::default()
+ },
+ Some(tree_sitter_typescript::LANGUAGE_TYPESCRIPT.into()),
+ )
+ .with_debug_variables_query(debug_variables_query)
+ .unwrap()
+}
+
+fn tsx_lang() -> Language {
+ let debug_variables_query = include_str!("../../../languages/src/tsx/debugger.scm");
+ Language::new(
+ LanguageConfig {
+ name: "TSX".into(),
+ matcher: LanguageMatcher {
+ path_suffixes: vec!["tsx".to_string()],
+ ..Default::default()
+ },
+ ..Default::default()
+ },
+ Some(tree_sitter_typescript::LANGUAGE_TSX.into()),
+ )
+ .with_debug_variables_query(debug_variables_query)
+ .unwrap()
+}
+
+#[gpui::test]
+async fn test_javascript_inline_values(executor: BackgroundExecutor, cx: &mut TestAppContext) {
+ let variables = [
+ ("x", "10"),
+ ("y", "20"),
+ ("sum", "30"),
+ ("message", "Hello"),
+ ];
+
+ let before = r#"
+function calculate() {
+ const x = 10;
+ const y = 20;
+ const sum = x + y;
+ const message = "Hello";
+ console.log(message, "Sum:", sum);
+}
+"#
+ .unindent();
+
+ let after = r#"
+function calculate() {
+ const x: 10 = 10;
+ const y: 20 = 20;
+ const sum: 30 = x: 10 + y: 20;
+ const message: Hello = "Hello";
+ console.log(message, "Sum:", sum);
+}
+"#
+ .unindent();
+
+ test_inline_values_util(
+ &variables,
+ &[],
+ &before,
+ &after,
+ None,
+ javascript_lang(),
+ executor,
+ cx,
+ )
+ .await;
+}
+
+#[gpui::test]
+async fn test_typescript_inline_values(executor: BackgroundExecutor, cx: &mut TestAppContext) {
+ let variables = [
+ ("count", "42"),
+ ("name", "Alice"),
+ ("result", "84"),
+ ("i", "3"),
+ ];
+
+ let before = r#"
+function processData(count: number, name: string): number {
+ let result = count * 2;
+ for (let i = 0; i < 5; i++) {
+ console.log(i);
+ }
+ return result;
+}
+"#
+ .unindent();
+
+ let after = r#"
+function processData(count: number, name: string): number {
+ let result: 84 = count: 42 * 2;
+ for (let i: 3 = 0; i: 3 < 5; i: 3++) {
+ console.log(i);
+ }
+ return result: 84;
+}
+"#
+ .unindent();
+
+ test_inline_values_util(
+ &variables,
+ &[],
+ &before,
+ &after,
+ None,
+ typescript_lang(),
+ executor,
+ cx,
+ )
+ .await;
+}
+
+#[gpui::test]
+async fn test_tsx_inline_values(executor: BackgroundExecutor, cx: &mut TestAppContext) {
+ let variables = [("count", "5"), ("message", "Hello React")];
+
+ let before = r#"
+const Counter = () => {
+ const count = 5;
+ const message = "Hello React";
+ return (
+
+ );
+};
+"#
+ .unindent();
+
+ let after = r#"
+const Counter = () => {
+ const count: 5 = 5;
+ const message: Hello React = "Hello React";
+ return (
+
+
{message: Hello React}
+
{count}
+