init

Bin

2025-12-16 9e0b2ba2c317b1a86212f24cbae3195ad1f3dbfa

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
/* global it, expect */
import Tree from "../Tree";
 
function createStore(utterances) {
  return { task: { dataObj: { utterances } } };
}
 
it("Should repeat blocks based on store key", () => {
  const result = Tree.treeToModel(
    `
     <View>
        <Repeater on="$utterances">
          <Text name="user_{{idx}}" value="$utterances[{{idx}}].text" />
        </Repeater>
     </View>
  `,
    createStore(["hello", "world"]),
  );
 
  expect(result.children[0].children).toHaveLength(2);
});
 
it("Should have 0 children when wrong or invalid key is passed", () => {
  const result = Tree.treeToModel(
    `
     <View>
        <Repeater on="$otherKey">
          <Text name="user_{{idx}}" value="$utterances[{{idx}}].text" />
        </Repeater>
     </View>
  `,
    createStore(["hello", "world"]),
  );
 
  // Repeater View -> null
  expect(result.children[0].children[0]).toBe(undefined);
});
 
it("Should replace child three {{idx}} with current itteration of index", () => {
  const result = Tree.treeToModel(
    `
     <View>
        <Repeater on="$utterances">
          <Text name="user_{{idx}}" value="$utterances[{{idx}}].text" />
        </Repeater>
     </View>
  `,
    createStore(["hello", "world"]),
  );
 
  const container = result.children[0];
  // Text[n] View -> Text
  const textTag1 = container.children[0].children[0];
  const textTag2 = container.children[1].children[0];
 
  expect(textTag1.name).toBe("user_0");
  expect(textTag2.name).toBe("user_1");
 
  expect(textTag1.value).toBe("$utterances[0].text");
  expect(textTag2.value).toBe("$utterances[1].text");
});
 
it("Should support custom index flags", () => {
  const result = Tree.treeToModel(
    `
     <View>
        <Repeater on="$utterances" indexFlag="{{Customidx}}">
          <Text name="user_{{Customidx}}" value="$utterances[{{Customidx}}].text" />
        </Repeater>
     </View>
  `,
    createStore(["hello", "world"]),
  );
 
  // Repeater View -> Text[0] View -> Text
  const textTag = result.children[0].children[0].children[0];
 
  expect(textTag.name).toBe("user_0");
  expect(textTag.value).toBe("$utterances[0].text");
});