def test_js_on_change_executes(self, single_plot_page):
source = ColumnDataSource(dict(x=[1, 2], y=[1, 1]))
plot = Plot(plot_height=400, plot_width=400, x_range=Range1d(0, 1), y_range=Range1d(0, 1), min_border=0)
plot.add_glyph(source, Circle(x='x', y='y', size=20))
text_input = PasswordInput(css_classes=['foo'])
text_input.js_on_change('value', CustomJS(code=RECORD("value", "cb_obj.value")))
page = single_plot_page(column(text_input, plot))
el = page.driver.find_element_by_css_selector('.foo input')
enter_text_in_element(page.driver, el, "val1")
results = page.results
assert results['value'] == 'val1'
# double click to highlight and overwrite old text
enter_text_in_element(page.driver, el, "val2", click=2)
results = page.results
assert results['value'] == 'val2'
# Check clicking outside input also triggers
enter_text_in_element(page.driver, el, "val3", click=2, enter=False)
page.click_canvas_at_position(10, 10)
results = page.results
assert results['value'] == 'val3'
assert page.has_no_console_errors()
def test_js_on_change_executes(self, single_plot_page):
source = ColumnDataSource(dict(x=[1, 2], y=[1, 1]))
plot = Plot(plot_height=400, plot_width=400, x_range=Range1d(0, 1), y_range=Range1d(0, 1), min_border=0)
plot.add_glyph(source, Circle(x='x', y='y', size=20))
text_input = PasswordInput(css_classes=['foo'])
text_input.js_on_change('value', CustomJS(code=RECORD("value", "cb_obj.value")))
page = single_plot_page(column(text_input, plot))
el = page.driver.find_element_by_css_selector('.foo input')
enter_text_in_element(page.driver, el, "val1")
results = page.results
assert results['value'] == 'val1'
# double click to highlight and overwrite old text
enter_text_in_element(page.driver, el, "val2", click=2)
results = page.results
assert results['value'] == 'val2'
# Check clicking outside input also triggers
enter_text_in_element(page.driver, el, "val3", click=2, enter=False)
page.click_canvas_at_position(10, 10)
results = page.results
assert results['value'] == 'val3'
assert page.has_no_console_errors()
def modify_doc(doc):
source = ColumnDataSource(dict(x=[1, 2], y=[1, 1], val=["a", "b"]))
plot = Plot(plot_height=400, plot_width=400, x_range=Range1d(0, 1), y_range=Range1d(0, 1), min_border=0)
plot.add_glyph(source, Circle(x='x', y='y', size=20))
plot.add_tools(CustomAction(callback=CustomJS(args=dict(s=source), code=RECORD("data", "s.data"))))
text_input = PasswordInput(css_classes=["foo"])
def cb(attr, old, new):
source.data['val'] = [old, new]
text_input.on_change('value', cb)
doc.add_root(column(text_input, plot))
def modify_doc(doc):
source = ColumnDataSource(dict(x=[1, 2], y=[1, 1], val=["a", "b"]))
plot = Plot(plot_height=400, plot_width=400, x_range=Range1d(0, 1), y_range=Range1d(0, 1), min_border=0)
plot.add_glyph(source, Circle(x='x', y='y', size=20))
plot.add_tools(CustomAction(callback=CustomJS(args=dict(s=source), code=RECORD("data", "s.data"))))
text_input = PasswordInput(css_classes=["foo"])
def cb(attr, old, new):
source.data['val'] = [old, new]
text_input.on_change('value', cb)
doc.add_root(column(text_input, plot))
def test_server_on_change_round_trip(
self, bokeh_server_page: BokehServerPage) -> None:
text_input = PasswordInput()
modify_doc, plot = mk_modify_doc(text_input)
page = bokeh_server_page(modify_doc)
el = find_element_for(page.driver, text_input, "input")
enter_text_in_element(page.driver, el, "val1")
page.eval_custom_action()
results = page.results
assert results['data']['val'] == ["", "val1"]
# double click to highlight and overwrite old text
enter_text_in_element(page.driver, el, "val2", click=2)
page.eval_custom_action()
results = page.results
assert results['data']['val'] == ["val1", "val2"]
# Check clicking outside input also triggers
enter_text_in_element(page.driver, el, "val3", click=2, enter=False)
page.click_canvas_at_position(plot, 10, 10)
page.eval_custom_action()
results = page.results
assert results['data']['val'] == ["val2", "val3"]
def test_displays_password_input(self, bokeh_model_page):
pw_input = PasswordInput(css_classes=["foo"])
page = bokeh_model_page(pw_input)
el = page.driver.find_element_by_css_selector('.foo input')
assert el.get_attribute('type') == "password"
assert page.has_no_console_errors()
def test_displays_password_input(self,
bokeh_model_page: BokehModelPage) -> None:
pw_input = PasswordInput()
page = bokeh_model_page(pw_input)
el = find_element_for(page.driver, pw_input, "input")
assert el.get_attribute('type') == "password"
assert page.has_no_console_errors()
def test_displays_password_input(self, bokeh_model_page):
pw_input = PasswordInput(css_classes=["foo"])
page = bokeh_model_page(pw_input)
input_div = page.driver.find_element_by_class_name('foo')
el = input_div.find_element_by_tag_name("input")
assert el.get_attribute('type') == "password"
assert page.has_no_console_errors()
def test_displays_title(self, bokeh_model_page: BokehModelPage) -> None:
pw_input = PasswordInput(title="title")
page = bokeh_model_page(pw_input)
el = find_element_for(page.driver, pw_input, "label")
assert el.text == "title"
el = find_element_for(page.driver, pw_input, "input")
assert el.get_attribute('placeholder') == ""
assert el.get_attribute('type') == "password"
assert page.has_no_console_errors()
def test_displays_title(self, bokeh_model_page):
pw_input = PasswordInput(title="title", css_classes=["foo"])
page = bokeh_model_page(pw_input)
el = page.driver.find_element_by_css_selector('.foo label')
assert el.text == "title"
el = page.driver.find_element_by_css_selector('.foo input')
assert el.get_attribute('placeholder') == ""
assert el.get_attribute('type') == "password"
assert page.has_no_console_errors()
def test_displays_title(self, bokeh_model_page):
pw_input = PasswordInput(title="title", css_classes=["foo"])
page = bokeh_model_page(pw_input)
input_div = page.driver.find_element_by_class_name('foo')
el = input_div.find_element_by_tag_name("label")
assert el.text == "title"
el = input_div.find_element_by_tag_name("input")
assert el.get_attribute('placeholder') == ""
assert el.get_attribute('type') == "password"
assert page.has_no_console_errors()
def test_server_on_change_no_round_trip_without_enter_or_click(
self, bokeh_server_page: BokehServerPage) -> None:
text_input = PasswordInput()
modify_doc, _ = mk_modify_doc(text_input)
page = bokeh_server_page(modify_doc)
el = find_element_for(page.driver, text_input, "input")
enter_text_in_element(
page.driver, el, "pre",
enter=False) # not change event if enter is not pressed
page.eval_custom_action()
results = page.results
assert results['data']['val'] == ["a", "b"]
from bokeh.io import show
from bokeh.models import CustomJS, PasswordInput
password_input = PasswordInput(placeholder="enter password...")
password_input.js_on_change("value", CustomJS(code="""
console.log('password_input: value=' + this.value, this.toString())
"""))
show(password_input)
"""This example using a PasswordInput is purely for demonstration.
Putting a password plaintext in a CustomJS is not advised since it would expose the password.
"""
from bokeh.layouts import column, row
from bokeh.models import Button, CustomJS, PasswordInput, PreText, TextInput
from bokeh.plotting import output_file, show
USER = "******"
PASSWD = "Bok3h"
text = PreText(text="LOGIN TO KNOW\nTHE SECRET:")
user = TextInput(placeholder="username", title="(UserName: "******")")
pwd = PasswordInput(placeholder="password", title="(Password: "******")")
btn = Button(label="GO!", width=150)
secret = PreText() # Secret information displayed if correct password entered
## Verify if the password typed is bokeh using a JS script
verify_pwd = CustomJS(args=dict(user=user, pwd=pwd, secret=secret),
code="""
secret.text = 'Wrong Password.';
if (user.value == %r && pwd.value == %r) {
secret.text = 'Right Password. The Secret is 42.';
}
""" % (USER, PASSWD))
#user.callback = verify_pwd # Check password pressing enter.
pwd.callback = verify_pwd # Check password pressing enter.
btn.callback = verify_pwd # Check password clicking on the Button.
Putting a plaintext password ``CustomJS`` code as done here would expose the
password and is not advised in practice!
"""
from bokeh.layouts import column, row
from bokeh.models import Button, CustomJS, PasswordInput, PreText, TextInput
from bokeh.plotting import output_file, show
output_file("using_password_input.html", title="Password Field")
USER = "******"
PASSWD = "Bok3h"
text = PreText(text="LOGIN TO KNOW THE SECRET:")
user = TextInput(placeholder="username", title=f"(UserName: {USER})")
password = PasswordInput(placeholder="password", title=f"(Password: {PASSWD})")
button = Button(label="GO!", width=150)
secret = PreText() # Secret information displayed if correct password entered
# Verify if the password typed is bokeh using a JS script
verify = CustomJS(args=dict(user=user, password=password, secret=secret), code="""
secret.text = 'Wrong Password.';
if (user.value == %r && password.value == %r) {
secret.text = 'Correct Password. The Secret is 42.';
}
""" % (USER, PASSWD))
password.js_on_change('value', verify)
button.js_on_event('button_click', verify)
