::: env_manage {

find(<):
    [select 'Environment'] = sel

sel -> 'Manage Environment'

find(<):
    [img] [label 'New'] = newLabel

newLabel -> click

}

::: modal_layout {

find: 
    [input] = envName
    [input] = host
    [input] = name [input] = value [input] = desc [img]
    [button 'Save']=save
}

::: add_data {
name -> '{$1}'
value -> '{$2}'
desc -> '{$3}'
}

=== Env 

--- add case

goto 'http://localhost:4200'

--- env_manage

--- modal_layout

envName -> 'myEnv'
host -> 'https://youtube.com'

--- add_data :a :b :c

save -> click

find(<):
    [label 'myEnv']

find(<):
    [select 'Environment'] = sel

sel -> 'myEnv'

find: 
    [label 'myEnv'] [input]



--- del case

goto 'http://localhost:4200'

--- env_manage

--- modal_layout

envName -> 'myEnv'
host -> 'https://youtube.com'

--- add_data :a:b:c

# 保存
save -> click

sel -> 'myEnv'

find: 
    [label 'New']
    [label 'myEnv'] = env

env -> hover

find: 
    [label 'New']
    [label 'myEnv'] [img] = delIcon

delIcon -> click

find: 
    [label 'Cancel'] [label 'OK']=ok
    
ok -> click

find: (!)
    [label 'myEnv']

capture