How to use hover method in Playwright Internal

Best JavaScript code snippet using playwright-internal

Run Playwright Internal automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

keywords.py

Source: keywords.py Github

copy
1keywords = ['$', 'add', 'and', 'animation', 'as', 'as', 'assert', 'at', 'bar', 'behind', 'block', 'break', 'button', 'call', 'choice', 'circles', 'class', 'clockwise', 'contains', 'continue', 'counterclockwise', 'def', 'define', 'del', 'elif', 'else', 'event', 'except', 'exec', 'expression', 'finally', 'fixed', 'for', 'frame', 'from', 'function', 'global', 'grid', 'has', 'hbox', 'hide', 'hotbar', 'hotspot', 'if', 'if', 'image', 'imagebutton', 'imagemap', 'import', 'in', 'in', 'init', 'input', 'is', 'jump', 'key', 'knot', 'label', 'lambda', 'menu', 'not', 'null', 'nvl', 'on', 'onlayer', 'or', 'parallel', 'pass', 'pause', 'play', 'print', 'python', 'queue', 'raise', 'repeat', 'return', 'return', 'scene', 'screen', 'set', 'show', 'side', 'stop', 'style', 'text', 'textbutton', 'time', 'timer', 'transform', 'transform', 'translate', 'try', 'use', 'vbar', 'vbox', 'viewport', 'voice', 'while', 'while', 'window', 'with', 'with', 'yield', 'zorder']
2properties = ['action', 'activate_additive', 'activate_align', 'activate_alignaround', 'activate_alpha', 'activate_anchor', 'activate_angle', 'activate_antialias', 'activate_area', 'activate_around', 'activate_background', 'activate_bar_invert', 'activate_bar_resizing', 'activate_bar_vertical', 'activate_black_color', 'activate_bold', 'activate_bottom_bar', 'activate_bottom_gutter', 'activate_bottom_margin', 'activate_bottom_padding', 'activate_box_layout', 'activate_box_reverse', 'activate_box_wrap', 'activate_child', 'activate_clipping', 'activate_color', 'activate_corner1', 'activate_corner2', 'activate_crop', 'activate_delay', 'activate_drop_shadow', 'activate_drop_shadow_color', 'activate_first_indent', 'activate_first_spacing', 'activate_fit_first', 'activate_focus_mask', 'activate_font', 'activate_foreground', 'activate_hyperlink_functions', 'activate_italic', 'activate_justify', 'activate_kerning', 'activate_language', 'activate_layout', 'activate_left_bar', 'activate_left_gutter', 'activate_left_margin', 'activate_left_padding', 'activate_line_leading', 'activate_line_spacing', 'activate_maximum', 'activate_min_width', 'activate_minimum', 'activate_minwidth', 'activate_mouse', 'activate_newline_indent', 'activate_offset', 'activate_order_reverse', 'activate_outlines', 'activate_pos', 'activate_radius', 'activate_rest_indent', 'activate_right_bar', 'activate_right_gutter', 'activate_right_margin', 'activate_right_padding', 'activate_rotate', 'activate_rotate_pad', 'activate_ruby_style', 'activate_size', 'activate_size_group', 'activate_slow_abortable', 'activate_slow_cps', 'activate_slow_cps_multiplier', 'activate_sound', 'activate_spacing', 'activate_strikethrough', 'activate_subpixel', 'activate_text_align', 'activate_text_y_fudge', 'activate_thumb', 'activate_thumb_offset', 'activate_thumb_shadow', 'activate_top_bar', 'activate_top_gutter', 'activate_top_margin', 'activate_top_padding', 'activate_transform_anchor', 'activate_underline', 'activate_unscrollable', 'activate_vertical', 'activate_xalign', 'activate_xanchor', 'activate_xanchoraround', 'activate_xaround', 'activate_xcenter', 'activate_xfill', 'activate_xmargin', 'activate_xmaximum', 'activate_xminimum', 'activate_xoffset', 'activate_xpadding', 'activate_xpos', 'activate_xsize', 'activate_xysize', 'activate_xzoom', 'activate_yalign', 'activate_yanchor', 'activate_yanchoraround', 'activate_yaround', 'activate_ycenter', 'activate_yfill', 'activate_ymargin', 'activate_ymaximum', 'activate_yminimum', 'activate_yoffset', 'activate_ypadding', 'activate_ypos', 'activate_ysize', 'activate_yzoom', 'activate_zoom', 'additive', 'adjustment', 'align', 'alignaround', 'allow', 'alpha', 'alternate', 'anchor', 'angle', 'antialias', 'area', 'around', 'auto', 'background', 'bar_invert', 'bar_resizing', 'bar_vertical', 'black_color', 'bold', 'bottom_bar', 'bottom_gutter', 'bottom_margin', 'bottom_padding', 'box_layout', 'box_reverse', 'box_wrap', 'cache', 'changed', 'child', 'child_size', 'clicked', 'clipping', 'color', 'corner1', 'corner2', 'crop', 'default', 'delay', 'drag_handle', 'drag_joined', 'drag_name', 'drag_raise', 'draggable', 'dragged', 'drop_shadow', 'drop_shadow_color', 'droppable', 'dropped', 'edgescroll', 'exclude', 'first_indent', 'first_spacing', 'fit_first', 'focus', 'focus_mask', 'font', 'foreground', 'ground', 'height', 'hover', 'hover_additive', 'hover_align', 'hover_alignaround', 'hover_alpha', 'hover_anchor', 'hover_angle', 'hover_antialias', 'hover_area', 'hover_around', 'hover_background', 'hover_bar_invert', 'hover_bar_resizing', 'hover_bar_vertical', 'hover_black_color', 'hover_bold', 'hover_bottom_bar', 'hover_bottom_gutter', 'hover_bottom_margin', 'hover_bottom_padding', 'hover_box_layout', 'hover_box_reverse', 'hover_box_wrap', 'hover_child', 'hover_clipping', 'hover_color', 'hover_corner1', 'hover_corner2', 'hover_crop', 'hover_delay', 'hover_drop_shadow', 'hover_drop_shadow_color', 'hover_first_indent', 'hover_first_spacing', 'hover_fit_first', 'hover_focus_mask', 'hover_font', 'hover_foreground', 'hover_hyperlink_functions', 'hover_italic', 'hover_justify', 'hover_kerning', 'hover_language', 'hover_layout', 'hover_left_bar', 'hover_left_gutter', 'hover_left_margin', 'hover_left_padding', 'hover_line_leading', 'hover_line_spacing', 'hover_maximum', 'hover_min_width', 'hover_minimum', 'hover_minwidth', 'hover_mouse', 'hover_newline_indent', 'hover_offset', 'hover_order_reverse', 'hover_outlines', 'hover_pos', 'hover_radius', 'hover_rest_indent', 'hover_right_bar', 'hover_right_gutter', 'hover_right_margin', 'hover_right_padding', 'hover_rotate', 'hover_rotate_pad', 'hover_ruby_style', 'hover_size', 'hover_size_group', 'hover_slow_abortable', 'hover_slow_cps', 'hover_slow_cps_multiplier', 'hover_sound', 'hover_spacing', 'hover_strikethrough', 'hover_subpixel', 'hover_text_align', 'hover_text_y_fudge', 'hover_thumb', 'hover_thumb_offset', 'hover_thumb_shadow', 'hover_top_bar', 'hover_top_gutter', 'hover_top_margin', 'hover_top_padding', 'hover_transform_anchor', 'hover_underline', 'hover_unscrollable', 'hover_vertical', 'hover_xalign', 'hover_xanchor', 'hover_xanchoraround', 'hover_xaround', 'hover_xcenter', 'hover_xfill', 'hover_xmargin', 'hover_xmaximum', 'hover_xminimum', 'hover_xoffset', 'hover_xpadding', 'hover_xpos', 'hover_xsize', 'hover_xysize', 'hover_xzoom', 'hover_yalign', 'hover_yanchor', 'hover_yanchoraround', 'hover_yaround', 'hover_ycenter', 'hover_yfill', 'hover_ymargin', 'hover_ymaximum', 'hover_yminimum', 'hover_yoffset', 'hover_ypadding', 'hover_ypos', 'hover_ysize', 'hover_yzoom', 'hover_zoom', 'hovered', 'hyperlink_functions', 'id', 'idle', 'idle_additive', 'idle_align', 'idle_alignaround', 'idle_alpha', 'idle_anchor', 'idle_angle', 'idle_antialias', 'idle_area', 'idle_around', 'idle_background', 'idle_bar_invert', 'idle_bar_resizing', 'idle_bar_vertical', 'idle_black_color', 'idle_bold', 'idle_bottom_bar', 'idle_bottom_gutter', 'idle_bottom_margin', 'idle_bottom_padding', 'idle_box_layout', 'idle_box_reverse', 'idle_box_wrap', 'idle_child', 'idle_clipping', 'idle_color', 'idle_corner1', 'idle_corner2', 'idle_crop', 'idle_delay', 'idle_drop_shadow', 'idle_drop_shadow_color', 'idle_first_indent', 'idle_first_spacing', 'idle_fit_first', 'idle_focus_mask', 'idle_font', 'idle_foreground', 'idle_hyperlink_functions', 'idle_italic', 'idle_justify', 'idle_kerning', 'idle_language', 'idle_layout', 'idle_left_bar', 'idle_left_gutter', 'idle_left_margin', 'idle_left_padding', 'idle_line_leading', 'idle_line_spacing', 'idle_maximum', 'idle_min_width', 'idle_minimum', 'idle_minwidth', 'idle_mouse', 'idle_newline_indent', 'idle_offset', 'idle_order_reverse', 'idle_outlines', 'idle_pos', 'idle_radius', 'idle_rest_indent', 'idle_right_bar', 'idle_right_gutter', 'idle_right_margin', 'idle_right_padding', 'idle_rotate', 'idle_rotate_pad', 'idle_ruby_style', 'idle_size', 'idle_size_group', 'idle_slow_abortable', 'idle_slow_cps', 'idle_slow_cps_multiplier', 'idle_sound', 'idle_spacing', 'idle_strikethrough', 'idle_subpixel', 'idle_text_align', 'idle_text_y_fudge', 'idle_thumb', 'idle_thumb_offset', 'idle_thumb_shadow', 'idle_top_bar', 'idle_top_gutter', 'idle_top_margin', 'idle_top_padding', 'idle_transform_anchor', 'idle_underline', 'idle_unscrollable', 'idle_vertical', 'idle_xalign', 'idle_xanchor', 'idle_xanchoraround', 'idle_xaround', 'idle_xcenter', 'idle_xfill', 'idle_xmargin', 'idle_xmaximum', 'idle_xminimum', 'idle_xoffset', 'idle_xpadding', 'idle_xpos', 'idle_xsize', 'idle_xysize', 'idle_xzoom', 'idle_yalign', 'idle_yanchor', 'idle_yanchoraround', 'idle_yaround', 'idle_ycenter', 'idle_yfill', 'idle_ymargin', 'idle_ymaximum', 'idle_yminimum', 'idle_yoffset', 'idle_ypadding', 'idle_ypos', 'idle_ysize', 'idle_yzoom', 'idle_zoom', 'image_style', 'insensitive', 'insensitive_additive', 'insensitive_align', 'insensitive_alignaround', 'insensitive_alpha', 'insensitive_anchor', 'insensitive_angle', 'insensitive_antialias', 'insensitive_area', 'insensitive_around', 'insensitive_background', 'insensitive_bar_invert', 'insensitive_bar_resizing', 'insensitive_bar_vertical', 'insensitive_black_color', 'insensitive_bold', 'insensitive_bottom_bar', 'insensitive_bottom_gutter', 'insensitive_bottom_margin', 'insensitive_bottom_padding', 'insensitive_box_layout', 'insensitive_box_reverse', 'insensitive_box_wrap', 'insensitive_child', 'insensitive_clipping', 'insensitive_color', 'insensitive_corner1', 'insensitive_corner2', 'insensitive_crop', 'insensitive_delay', 'insensitive_drop_shadow', 'insensitive_drop_shadow_color', 'insensitive_first_indent', 'insensitive_first_spacing', 'insensitive_fit_first', 'insensitive_focus_mask', 'insensitive_font', 'insensitive_foreground', 'insensitive_hyperlink_functions', 'insensitive_italic', 'insensitive_justify', 'insensitive_kerning', 'insensitive_language', 'insensitive_layout', 'insensitive_left_bar', 'insensitive_left_gutter', 'insensitive_left_margin', 'insensitive_left_padding', 'insensitive_line_leading', 'insensitive_line_spacing', 'insensitive_maximum', 'insensitive_min_width', 'insensitive_minimum', 'insensitive_minwidth', 'insensitive_mouse', 'insensitive_newline_indent', 'insensitive_offset', 'insensitive_order_reverse', 'insensitive_outlines', 'insensitive_pos', 'insensitive_radius', 'insensitive_rest_indent', 'insensitive_right_bar', 'insensitive_right_gutter', 'insensitive_right_margin', 'insensitive_right_padding', 'insensitive_rotate', 'insensitive_rotate_pad', 'insensitive_ruby_style', 'insensitive_size', 'insensitive_size_group', 'insensitive_slow_abortable', 'insensitive_slow_cps', 'insensitive_slow_cps_multiplier', 'insensitive_sound', 'insensitive_spacing', 'insensitive_strikethrough', 'insensitive_subpixel', 'insensitive_text_align', 'insensitive_text_y_fudge', 'insensitive_thumb', 'insensitive_thumb_offset', 'insensitive_thumb_shadow', 'insensitive_top_bar', 'insensitive_top_gutter', 'insensitive_top_margin', 'insensitive_top_padding', 'insensitive_transform_anchor', 'insensitive_underline', 'insensitive_unscrollable', 'insensitive_vertical', 'insensitive_xalign', 'insensitive_xanchor', 'insensitive_xanchoraround', 'insensitive_xaround', 'insensitive_xcenter', 'insensitive_xfill', 'insensitive_xmargin', 'insensitive_xmaximum', 'insensitive_xminimum', 'insensitive_xoffset', 'insensitive_xpadding', 'insensitive_xpos', 'insensitive_xsize', 'insensitive_xysize', 'insensitive_xzoom', 'insensitive_yalign', 'insensitive_yanchor', 'insensitive_yanchoraround', 'insensitive_yaround', 'insensitive_ycenter', 'insensitive_yfill', 'insensitive_ymargin', 'insensitive_ymaximum', 'insensitive_yminimum', 'insensitive_yoffset', 'insensitive_ypadding', 'insensitive_ypos', 'insensitive_ysize', 'insensitive_yzoom', 'insensitive_zoom', 'italic', 'justify', 'kerning', 'language', 'layout', 'left_bar', 'left_gutter', 'left_margin', 'left_padding', 'length', 'line_leading', 'line_spacing', 'maximum', 'min_width', 'minimum', 'minwidth', 'mouse', 'mousewheel', 'newline_indent', 'offset', 'order_reverse', 'outlines', 'pixel_width', 'pos', 'prefix', 'radius', 'range', 'rest_indent', 'right_bar', 'right_gutter', 'right_margin', 'right_padding', 'rotate', 'rotate_pad', 'ruby_style', 'scope', 'scrollbars', 'selected_activate_additive', 'selected_activate_align', 'selected_activate_alignaround', 'selected_activate_alpha', 'selected_activate_anchor', 'selected_activate_angle', 'selected_activate_antialias', 'selected_activate_area', 'selected_activate_around', 'selected_activate_background', 'selected_activate_bar_invert', 'selected_activate_bar_resizing', 'selected_activate_bar_vertical', 'selected_activate_black_color', 'selected_activate_bold', 'selected_activate_bottom_bar', 'selected_activate_bottom_gutter', 'selected_activate_bottom_margin', 'selected_activate_bottom_padding', 'selected_activate_box_layout', 'selected_activate_box_reverse', 'selected_activate_box_wrap', 'selected_activate_child', 'selected_activate_clipping', 'selected_activate_color', 'selected_activate_corner1', 'selected_activate_corner2', 'selected_activate_crop', 'selected_activate_delay', 'selected_activate_drop_shadow', 'selected_activate_drop_shadow_color', 'selected_activate_first_indent', 'selected_activate_first_spacing', 'selected_activate_fit_first', 'selected_activate_focus_mask', 'selected_activate_font', 'selected_activate_foreground', 'selected_activate_hyperlink_functions', 'selected_activate_italic', 'selected_activate_justify', 'selected_activate_kerning', 'selected_activate_language', 'selected_activate_layout', 'selected_activate_left_bar', 'selected_activate_left_gutter', 'selected_activate_left_margin', 'selected_activate_left_padding', 'selected_activate_line_leading', 'selected_activate_line_spacing', 'selected_activate_maximum', 'selected_activate_min_width', 'selected_activate_minimum', 'selected_activate_minwidth', 'selected_activate_mouse', 'selected_activate_newline_indent', 'selected_activate_offset', 'selected_activate_order_reverse', 'selected_activate_outlines', 'selected_activate_pos', 'selected_activate_radius', 'selected_activate_rest_indent', 'selected_activate_right_bar', 'selected_activate_right_gutter', 'selected_activate_right_margin', 'selected_activate_right_padding', 'selected_activate_rotate', 'selected_activate_rotate_pad', 'selected_activate_ruby_style', 'selected_activate_size', 'selected_activate_size_group', 'selected_activate_slow_abortable', 'selected_activate_slow_cps', 'selected_activate_slow_cps_multiplier', 'selected_activate_sound', 'selected_activate_spacing', 'selected_activate_strikethrough', 'selected_activate_subpixel', 'selected_activate_text_align', 'selected_activate_text_y_fudge', 'selected_activate_thumb', 'selected_activate_thumb_offset', 'selected_activate_thumb_shadow', 'selected_activate_top_bar', 'selected_activate_top_gutter', 'selected_activate_top_margin', 'selected_activate_top_padding', 'selected_activate_transform_anchor', 'selected_activate_underline', 'selected_activate_unscrollable', 'selected_activate_vertical', 'selected_activate_xalign', 'selected_activate_xanchor', 'selected_activate_xanchoraround', 'selected_activate_xaround', 'selected_activate_xcenter', 'selected_activate_xfill', 'selected_activate_xmargin', 'selected_activate_xmaximum', 'selected_activate_xminimum', 'selected_activate_xoffset', 'selected_activate_xpadding', 'selected_activate_xpos', 'selected_activate_xsize', 'selected_activate_xysize', 'selected_activate_xzoom', 'selected_activate_yalign', 'selected_activate_yanchor', 'selected_activate_yanchoraround', 'selected_activate_yaround', 'selected_activate_ycenter', 'selected_activate_yfill', 'selected_activate_ymargin', 'selected_activate_ymaximum', 'selected_activate_yminimum', 'selected_activate_yoffset', 'selected_activate_ypadding', 'selected_activate_ypos', 'selected_activate_ysize', 'selected_activate_yzoom', 'selected_activate_zoom', 'selected_additive', 'selected_align', 'selected_alignaround', 'selected_alpha', 'selected_anchor', 'selected_angle', 'selected_antialias', 'selected_area', 'selected_around', 'selected_background', 'selected_bar_invert', 'selected_bar_resizing', 'selected_bar_vertical', 'selected_black_color', 'selected_bold', 'selected_bottom_bar', 'selected_bottom_gutter', 'selected_bottom_margin', 'selected_bottom_padding', 'selected_box_layout', 'selected_box_reverse', 'selected_box_wrap', 'selected_child', 'selected_clipping', 'selected_color', 'selected_corner1', 'selected_corner2', 'selected_crop', 'selected_delay', 'selected_drop_shadow', 'selected_drop_shadow_color', 'selected_first_indent', 'selected_first_spacing', 'selected_fit_first', 'selected_focus_mask', 'selected_font', 'selected_foreground', 'selected_hover', 'selected_hover_additive', 'selected_hover_align', 'selected_hover_alignaround', 'selected_hover_alpha', 'selected_hover_anchor', 'selected_hover_angle', 'selected_hover_antialias', 'selected_hover_area', 'selected_hover_around', 'selected_hover_background', 'selected_hover_bar_invert', 'selected_hover_bar_resizing', 'selected_hover_bar_vertical', 'selected_hover_black_color', 'selected_hover_bold', 'selected_hover_bottom_bar', 'selected_hover_bottom_gutter', 'selected_hover_bottom_margin', 'selected_hover_bottom_padding', 'selected_hover_box_layout', 'selected_hover_box_reverse', 'selected_hover_box_wrap', 'selected_hover_child', 'selected_hover_clipping', 'selected_hover_color', 'selected_hover_corner1', 'selected_hover_corner2', 'selected_hover_crop', 'selected_hover_delay', 'selected_hover_drop_shadow', 'selected_hover_drop_shadow_color', 'selected_hover_first_indent', 'selected_hover_first_spacing', 'selected_hover_fit_first', 'selected_hover_focus_mask', 'selected_hover_font', 'selected_hover_foreground', 'selected_hover_hyperlink_functions', 'selected_hover_italic', 'selected_hover_justify', 'selected_hover_kerning', 'selected_hover_language', 'selected_hover_layout', 'selected_hover_left_bar', 'selected_hover_left_gutter', 'selected_hover_left_margin', 'selected_hover_left_padding', 'selected_hover_line_leading', 'selected_hover_line_spacing', 'selected_hover_maximum', 'selected_hover_min_width', 'selected_hover_minimum', 'selected_hover_minwidth', 'selected_hover_mouse', 'selected_hover_newline_indent', 'selected_hover_offset', 'selected_hover_order_reverse', 'selected_hover_outlines', 'selected_hover_pos', 'selected_hover_radius', 'selected_hover_rest_indent', 'selected_hover_right_bar', 'selected_hover_right_gutter', 'selected_hover_right_margin', 'selected_hover_right_padding', 'selected_hover_rotate', 'selected_hover_rotate_pad', 'selected_hover_ruby_style', 'selected_hover_size', 'selected_hover_size_group', 'selected_hover_slow_abortable', 'selected_hover_slow_cps', 'selected_hover_slow_cps_multiplier', 'selected_hover_sound', 'selected_hover_spacing', 'selected_hover_strikethrough', 'selected_hover_subpixel', 'selected_hover_text_align', 'selected_hover_text_y_fudge', 'selected_hover_thumb', 'selected_hover_thumb_offset', 'selected_hover_thumb_shadow', 'selected_hover_top_bar', 'selected_hover_top_gutter', 'selected_hover_top_margin', 'selected_hover_top_padding', 'selected_hover_transform_anchor', 'selected_hover_underline', 'selected_hover_unscrollable', 'selected_hover_vertical', 'selected_hover_xalign', 'selected_hover_xanchor', 'selected_hover_xanchoraround', 'selected_hover_xaround', 'selected_hover_xcenter', 'selected_hover_xfill', 'selected_hover_xmargin', 'selected_hover_xmaximum', 'selected_hover_xminimum', 'selected_hover_xoffset', 'selected_hover_xpadding', 'selected_hover_xpos', 'selected_hover_xsize', 'selected_hover_xysize', 'selected_hover_xzoom', 'selected_hover_yalign', 'selected_hover_yanchor', 'selected_hover_yanchoraround', 'selected_hover_yaround', 'selected_hover_ycenter', 'selected_hover_yfill', 'selected_hover_ymargin', 'selected_hover_ymaximum', 'selected_hover_yminimum', 'selected_hover_yoffset', 'selected_hover_ypadding', 'selected_hover_ypos', 'selected_hover_ysize', 'selected_hover_yzoom', 'selected_hover_zoom', 'selected_hyperlink_functions', 'selected_idle', 'selected_idle_additive', 'selected_idle_align', 'selected_idle_alignaround', 'selected_idle_alpha', 'selected_idle_anchor', 'selected_idle_angle', 'selected_idle_antialias', 'selected_idle_area', 'selected_idle_around', 'selected_idle_background', 'selected_idle_bar_invert', 'selected_idle_bar_resizing', 'selected_idle_bar_vertical', 'selected_idle_black_color', 'selected_idle_bold', 'selected_idle_bottom_bar', 'selected_idle_bottom_gutter', 'selected_idle_bottom_margin', 'selected_idle_bottom_padding', 'selected_idle_box_layout', 'selected_idle_box_reverse', 'selected_idle_box_wrap', 'selected_idle_child', 'selected_idle_clipping', 'selected_idle_color', 'selected_idle_corner1', 'selected_idle_corner2', 'selected_idle_crop', 'selected_idle_delay', 'selected_idle_drop_shadow', 'selected_idle_drop_shadow_color', 'selected_idle_first_indent', 'selected_idle_first_spacing', 'selected_idle_fit_first', 'selected_idle_focus_mask', 'selected_idle_font', 'selected_idle_foreground', 'selected_idle_hyperlink_functions', 'selected_idle_italic', 'selected_idle_justify', 'selected_idle_kerning', 'selected_idle_language', 'selected_idle_layout', 'selected_idle_left_bar', 'selected_idle_left_gutter', 'selected_idle_left_margin', 'selected_idle_left_padding', 'selected_idle_line_leading', 'selected_idle_line_spacing', 'selected_idle_maximum', 'selected_idle_min_width', 'selected_idle_minimum', 'selected_idle_minwidth', 'selected_idle_mouse', 'selected_idle_newline_indent', 'selected_idle_offset', 'selected_idle_order_reverse', 'selected_idle_outlines', 'selected_idle_pos', 'selected_idle_radius', 'selected_idle_rest_indent', 'selected_idle_right_bar', 'selected_idle_right_gutter', 'selected_idle_right_margin', 'selected_idle_right_padding', 'selected_idle_rotate', 'selected_idle_rotate_pad', 'selected_idle_ruby_style', 'selected_idle_size', 'selected_idle_size_group', 'selected_idle_slow_abortable', 'selected_idle_slow_cps', 'selected_idle_slow_cps_multiplier', 'selected_idle_sound', 'selected_idle_spacing', 'selected_idle_strikethrough', 'selected_idle_subpixel', 'selected_idle_text_align', 'selected_idle_text_y_fudge', 'selected_idle_thumb', 'selected_idle_thumb_offset', 'selected_idle_thumb_shadow', 'selected_idle_top_bar', 'selected_idle_top_gutter', 'selected_idle_top_margin', 'selected_idle_top_padding', 'selected_idle_transform_anchor', 'selected_idle_underline', 'selected_idle_unscrollable', 'selected_idle_vertical', 'selected_idle_xalign', 'selected_idle_xanchor', 'selected_idle_xanchoraround', 'selected_idle_xaround', 'selected_idle_xcenter', 'selected_idle_xfill', 'selected_idle_xmargin', 'selected_idle_xmaximum', 'selected_idle_xminimum', 'selected_idle_xoffset', 'selected_idle_xpadding', 'selected_idle_xpos', 'selected_idle_xsize', 'selected_idle_xysize', 'selected_idle_xzoom', 'selected_idle_yalign', 'selected_idle_yanchor', 'selected_idle_yanchoraround', 'selected_idle_yaround', 'selected_idle_ycenter', 'selected_idle_yfill', 'selected_idle_ymargin', 'selected_idle_ymaximum', 'selected_idle_yminimum', 'selected_idle_yoffset', 'selected_idle_ypadding', 'selected_idle_ypos', 'selected_idle_ysize', 'selected_idle_yzoom', 'selected_idle_zoom', 'selected_insensitive', 'selected_insensitive_additive', 'selected_insensitive_align', 'selected_insensitive_alignaround', 'selected_insensitive_alpha', 'selected_insensitive_anchor', 'selected_insensitive_angle', 'selected_insensitive_antialias', 'selected_insensitive_area', 'selected_insensitive_around', 'selected_insensitive_background', 'selected_insensitive_bar_invert', 'selected_insensitive_bar_resizing', 'selected_insensitive_bar_vertical', 'selected_insensitive_black_color', 'selected_insensitive_bold', 'selected_insensitive_bottom_bar', 'selected_insensitive_bottom_gutter', 'selected_insensitive_bottom_margin', 'selected_insensitive_bottom_padding', 'selected_insensitive_box_layout', 'selected_insensitive_box_reverse', 'selected_insensitive_box_wrap', 'selected_insensitive_child', 'selected_insensitive_clipping', 'selected_insensitive_color', 'selected_insensitive_corner1', 'selected_insensitive_corner2', 'selected_insensitive_crop', 'selected_insensitive_delay', 'selected_insensitive_drop_shadow', 'selected_insensitive_drop_shadow_color', 'selected_insensitive_first_indent', 'selected_insensitive_first_spacing', 'selected_insensitive_fit_first', 'selected_insensitive_focus_mask', 'selected_insensitive_font', 'selected_insensitive_foreground', 'selected_insensitive_hyperlink_functions', 'selected_insensitive_italic', 'selected_insensitive_justify', 'selected_insensitive_kerning', 'selected_insensitive_language', 'selected_insensitive_layout', 'selected_insensitive_left_bar', 'selected_insensitive_left_gutter', 'selected_insensitive_left_margin', 'selected_insensitive_left_padding', 'selected_insensitive_line_leading', 'selected_insensitive_line_spacing', 'selected_insensitive_maximum', 'selected_insensitive_min_width', 'selected_insensitive_minimum', 'selected_insensitive_minwidth', 'selected_insensitive_mouse', 'selected_insensitive_newline_indent', 'selected_insensitive_offset', 'selected_insensitive_order_reverse', 'selected_insensitive_outlines', 'selected_insensitive_pos', 'selected_insensitive_radius', 'selected_insensitive_rest_indent', 'selected_insensitive_right_bar', 'selected_insensitive_right_gutter', 'selected_insensitive_right_margin', 'selected_insensitive_right_padding', 'selected_insensitive_rotate', 'selected_insensitive_rotate_pad', 'selected_insensitive_ruby_style', 'selected_insensitive_size', 'selected_insensitive_size_group', 'selected_insensitive_slow_abortable', 'selected_insensitive_slow_cps', 'selected_insensitive_slow_cps_multiplier', 'selected_insensitive_sound', 'selected_insensitive_spacing', 'selected_insensitive_strikethrough', 'selected_insensitive_subpixel', 'selected_insensitive_text_align', 'selected_insensitive_text_y_fudge', 'selected_insensitive_thumb', 'selected_insensitive_thumb_offset', 'selected_insensitive_thumb_shadow', 'selected_insensitive_top_bar', 'selected_insensitive_top_gutter', 'selected_insensitive_top_margin', 'selected_insensitive_top_padding', 'selected_insensitive_transform_anchor', 'selected_insensitive_underline', 'selected_insensitive_unscrollable', 'selected_insensitive_vertical', 'selected_insensitive_xalign', 'selected_insensitive_xanchor', 'selected_insensitive_xanchoraround', 'selected_insensitive_xaround', 'selected_insensitive_xcenter', 'selected_insensitive_xfill', 'selected_insensitive_xmargin', 'selected_insensitive_xmaximum', 'selected_insensitive_xminimum', 'selected_insensitive_xoffset', 'selected_insensitive_xpadding', 'selected_insensitive_xpos', 'selected_insensitive_xsize', 'selected_insensitive_xysize', 'selected_insensitive_xzoom', 'selected_insensitive_yalign', 'selected_insensitive_yanchor', 'selected_insensitive_yanchoraround', 'selected_insensitive_yaround', 'selected_insensitive_ycenter', 'selected_insensitive_yfill', 'selected_insensitive_ymargin', 'selected_insensitive_ymaximum', 'selected_insensitive_yminimum', 'selected_insensitive_yoffset', 'selected_insensitive_ypadding', 'selected_insensitive_ypos', 'selected_insensitive_ysize', 'selected_insensitive_yzoom', 'selected_insensitive_zoom', 'selected_italic', 'selected_justify', 'selected_kerning', 'selected_language', 'selected_layout', 'selected_left_bar', 'selected_left_gutter', 'selected_left_margin', 'selected_left_padding', 'selected_line_leading', 'selected_line_spacing', 'selected_maximum', 'selected_min_width', 'selected_minimum', 'selected_minwidth', 'selected_mouse', 'selected_newline_indent', 'selected_offset', 'selected_order_reverse', 'selected_outlines', 'selected_pos', 'selected_radius', 'selected_rest_indent', 'selected_right_bar', 'selected_right_gutter', 'selected_right_margin', 'selected_right_padding', 'selected_rotate', 'selected_rotate_pad', 'selected_ruby_style', 'selected_size', 'selected_size_group', 'selected_slow_abortable', 'selected_slow_cps', 'selected_slow_cps_multiplier', 'selected_sound', 'selected_spacing', 'selected_strikethrough', 'selected_subpixel', 'selected_text_align', 'selected_text_y_fudge', 'selected_thumb', 'selected_thumb_offset', 'selected_thumb_shadow', 'selected_top_bar', 'selected_top_gutter', 'selected_top_margin', 'selected_top_padding', 'selected_transform_anchor', 'selected_underline', 'selected_unscrollable', 'selected_vertical', 'selected_xalign', 'selected_xanchor', 'selected_xanchoraround', 'selected_xaround', 'selected_xcenter', 'selected_xfill', 'selected_xmargin', 'selected_xmaximum', 'selected_xminimum', 'selected_xoffset', 'selected_xpadding', 'selected_xpos', 'selected_xsize', 'selected_xysize', 'selected_xzoom', 'selected_yalign', 'selected_yanchor', 'selected_yanchoraround', 'selected_yaround', 'selected_ycenter', 'selected_yfill', 'selected_ymargin', 'selected_ymaximum', 'selected_yminimum', 'selected_yoffset', 'selected_ypadding', 'selected_ypos', 'selected_ysize', 'selected_yzoom', 'selected_zoom', 'side_activate_align', 'side_activate_anchor', 'side_activate_area', 'side_activate_clipping', 'side_activate_maximum', 'side_activate_pos', 'side_activate_spacing', 'side_activate_xalign', 'side_activate_xanchor', 'side_activate_xcenter', 'side_activate_xfill', 'side_activate_xmaximum', 'side_activate_xoffset', 'side_activate_xpos', 'side_activate_xsize', 'side_activate_xysize', 'side_activate_yalign', 'side_activate_yanchor', 'side_activate_ycenter', 'side_activate_yfill', 'side_activate_ymaximum', 'side_activate_yoffset', 'side_activate_ypos', 'side_activate_ysize', 'side_align', 'side_anchor', 'side_area', 'side_clipping', 'side_hover_align', 'side_hover_anchor', 'side_hover_area', 'side_hover_clipping', 'side_hover_maximum', 'side_hover_pos', 'side_hover_spacing', 'side_hover_xalign', 'side_hover_xanchor', 'side_hover_xcenter', 'side_hover_xfill', 'side_hover_xmaximum', 'side_hover_xoffset', 'side_hover_xpos', 'side_hover_xsize', 'side_hover_xysize', 'side_hover_yalign', 'side_hover_yanchor', 'side_hover_ycenter', 'side_hover_yfill', 'side_hover_ymaximum', 'side_hover_yoffset', 'side_hover_ypos', 'side_hover_ysize', 'side_idle_align', 'side_idle_anchor', 'side_idle_area', 'side_idle_clipping', 'side_idle_maximum', 'side_idle_pos', 'side_idle_spacing', 'side_idle_xalign', 'side_idle_xanchor', 'side_idle_xcenter', 'side_idle_xfill', 'side_idle_xmaximum', 'side_idle_xoffset', 'side_idle_xpos', 'side_idle_xsize', 'side_idle_xysize', 'side_idle_yalign', 'side_idle_yanchor', 'side_idle_ycenter', 'side_idle_yfill', 'side_idle_ymaximum', 'side_idle_yoffset', 'side_idle_ypos', 'side_idle_ysize', 'side_insensitive_align', 'side_insensitive_anchor', 'side_insensitive_area', 'side_insensitive_clipping', 'side_insensitive_maximum', 'side_insensitive_pos', 'side_insensitive_spacing', 'side_insensitive_xalign', 'side_insensitive_xanchor', 'side_insensitive_xcenter', 'side_insensitive_xfill', 'side_insensitive_xmaximum', 'side_insensitive_xoffset', 'side_insensitive_xpos', 'side_insensitive_xsize', 'side_insensitive_xysize', 'side_insensitive_yalign', 'side_insensitive_yanchor', 'side_insensitive_ycenter', 'side_insensitive_yfill', 'side_insensitive_ymaximum', 'side_insensitive_yoffset', 'side_insensitive_ypos', 'side_insensitive_ysize', 'side_maximum', 'side_pos', 'side_selected_activate_align', 'side_selected_activate_anchor', 'side_selected_activate_area', 'side_selected_activate_clipping', 'side_selected_activate_maximum', 'side_selected_activate_pos', 'side_selected_activate_spacing', 'side_selected_activate_xalign', 'side_selected_activate_xanchor', 'side_selected_activate_xcenter', 'side_selected_activate_xfill', 'side_selected_activate_xmaximum', 'side_selected_activate_xoffset', 'side_selected_activate_xpos', 'side_selected_activate_xsize', 'side_selected_activate_xysize', 'side_selected_activate_yalign', 'side_selected_activate_yanchor', 'side_selected_activate_ycenter', 'side_selected_activate_yfill', 'side_selected_activate_ymaximum', 'side_selected_activate_yoffset', 'side_selected_activate_ypos', 'side_selected_activate_ysize', 'side_selected_align', 'side_selected_anchor', 'side_selected_area', 'side_selected_clipping', 'side_selected_hover_align', 'side_selected_hover_anchor', 'side_selected_hover_area', 'side_selected_hover_clipping', 'side_selected_hover_maximum', 'side_selected_hover_pos', 'side_selected_hover_spacing', 'side_selected_hover_xalign', 'side_selected_hover_xanchor', 'side_selected_hover_xcenter', 'side_selected_hover_xfill', 'side_selected_hover_xmaximum', 'side_selected_hover_xoffset', 'side_selected_hover_xpos', 'side_selected_hover_xsize', 'side_selected_hover_xysize', 'side_selected_hover_yalign', 'side_selected_hover_yanchor', 'side_selected_hover_ycenter', 'side_selected_hover_yfill', 'side_selected_hover_ymaximum', 'side_selected_hover_yoffset', 'side_selected_hover_ypos', 'side_selected_hover_ysize', 'side_selected_idle_align', 'side_selected_idle_anchor', 'side_selected_idle_area', 'side_selected_idle_clipping', 'side_selected_idle_maximum', 'side_selected_idle_pos', 'side_selected_idle_spacing', 'side_selected_idle_xalign', 'side_selected_idle_xanchor', 'side_selected_idle_xcenter', 'side_selected_idle_xfill', 'side_selected_idle_xmaximum', 'side_selected_idle_xoffset', 'side_selected_idle_xpos', 'side_selected_idle_xsize', 'side_selected_idle_xysize', 'side_selected_idle_yalign', 'side_selected_idle_yanchor', 'side_selected_idle_ycenter', 'side_selected_idle_yfill', 'side_selected_idle_ymaximum', 'side_selected_idle_yoffset', 'side_selected_idle_ypos', 'side_selected_idle_ysize', 'side_selected_insensitive_align', 'side_selected_insensitive_anchor', 'side_selected_insensitive_area', 'side_selected_insensitive_clipping', 'side_selected_insensitive_maximum', 'side_selected_insensitive_pos', 'side_selected_insensitive_spacing', 'side_selected_insensitive_xalign', 'side_selected_insensitive_xanchor', 'side_selected_insensitive_xcenter', 'side_selected_insensitive_xfill', 'side_selected_insensitive_xmaximum', 'side_selected_insensitive_xoffset', 'side_selected_insensitive_xpos', 'side_selected_insensitive_xsize', 'side_selected_insensitive_xysize', 'side_selected_insensitive_yalign', 'side_selected_insensitive_yanchor', 'side_selected_insensitive_ycenter', 'side_selected_insensitive_yfill', 'side_selected_insensitive_ymaximum', 'side_selected_insensitive_yoffset', 'side_selected_insensitive_ypos', 'side_selected_insensitive_ysize', 'side_selected_maximum', 'side_selected_pos', 'side_selected_spacing', 'side_selected_xalign', 'side_selected_xanchor', 'side_selected_xcenter', 'side_selected_xfill', 'side_selected_xmaximum', 'side_selected_xoffset', 'side_selected_xpos', 'side_selected_xsize', 'side_selected_xysize', 'side_selected_yalign', 'side_selected_yanchor', 'side_selected_ycenter', 'side_selected_yfill', 'side_selected_ymaximum', 'side_selected_yoffset', 'side_selected_ypos', 'side_selected_ysize', 'side_spacing', 'side_xalign', 'side_xanchor', 'side_xcenter', 'side_xfill', 'side_xmaximum', 'side_xoffset', 'side_xpos', 'side_xsize', 'side_xysize', 'side_yalign', 'side_yanchor', 'side_ycenter', 'side_yfill', 'side_ymaximum', 'side_yoffset', 'side_ypos', 'side_ysize', 'size', 'size_group', 'slow', 'slow_abortable', 'slow_cps', 'slow_cps_multiplier', 'slow_done', 'sound', 'spacing', 'strikethrough', 'style_group', 'subpixel', 'substitute', 'suffix', 'text_activate_align', 'text_activate_anchor', 'text_activate_antialias', 'text_activate_area', 'text_activate_black_color', 'text_activate_bold', 'text_activate_clipping', 'text_activate_color', 'text_activate_drop_shadow', 'text_activate_drop_shadow_color', 'text_activate_first_indent', 'text_activate_font', 'text_activate_hyperlink_functions', 'text_activate_italic', 'text_activate_justify', 'text_activate_kerning', 'text_activate_language', 'text_activate_layout', 'text_activate_line_leading', 'text_activate_line_spacing', 'text_activate_maximum', 'text_activate_min_width', 'text_activate_minimum', 'text_activate_minwidth', 'text_activate_newline_indent', 'text_activate_outlines', 'text_activate_pos', 'text_activate_rest_indent', 'text_activate_ruby_style', 'text_activate_size', 'text_activate_slow_abortable', 'text_activate_slow_cps', 'text_activate_slow_cps_multiplier', 'text_activate_strikethrough', 'text_activate_text_align', 'text_activate_text_y_fudge', 'text_activate_underline', 'text_activate_vertical', 'text_activate_xalign', 'text_activate_xanchor', 'text_activate_xcenter', 'text_activate_xfill', 'text_activate_xmaximum', 'text_activate_xminimum', 'text_activate_xoffset', 'text_activate_xpos', 'text_activate_xsize', 'text_activate_xysize', 'text_activate_yalign', 'text_activate_yanchor', 'text_activate_ycenter', 'text_activate_yfill', 'text_activate_ymaximum', 'text_activate_yminimum', 'text_activate_yoffset', 'text_activate_ypos', 'text_activate_ysize', 'text_align', 'text_anchor', 'text_antialias', 'text_area', 'text_black_color', 'text_bold', 'text_clipping', 'text_color', 'text_drop_shadow', 'text_drop_shadow_color', 'text_first_indent', 'text_font', 'text_hover_align', 'text_hover_anchor', 'text_hover_antialias', 'text_hover_area', 'text_hover_black_color', 'text_hover_bold', 'text_hover_clipping', 'text_hover_color', 'text_hover_drop_shadow', 'text_hover_drop_shadow_color', 'text_hover_first_indent', 'text_hover_font', 'text_hover_hyperlink_functions', 'text_hover_italic', 'text_hover_justify', 'text_hover_kerning', 'text_hover_language', 'text_hover_layout', 'text_hover_line_leading', 'text_hover_line_spacing', 'text_hover_maximum', 'text_hover_min_width', 'text_hover_minimum', 'text_hover_minwidth', 'text_hover_newline_indent', 'text_hover_outlines', 'text_hover_pos', 'text_hover_rest_indent', 'text_hover_ruby_style', 'text_hover_size', 'text_hover_slow_abortable', 'text_hover_slow_cps', 'text_hover_slow_cps_multiplier', 'text_hover_strikethrough', 'text_hover_text_align', 'text_hover_text_y_fudge', 'text_hover_underline', 'text_hover_vertical', 'text_hover_xalign', 'text_hover_xanchor', 'text_hover_xcenter', 'text_hover_xfill', 'text_hover_xmaximum', 'text_hover_xminimum', 'text_hover_xoffset', 'text_hover_xpos', 'text_hover_xsize', 'text_hover_xysize', 'text_hover_yalign', 'text_hover_yanchor', 'text_hover_ycenter', 'text_hover_yfill', 'text_hover_ymaximum', 'text_hover_yminimum', 'text_hover_yoffset', 'text_hover_ypos', 'text_hover_ysize', 'text_hyperlink_functions', 'text_idle_align', 'text_idle_anchor', 'text_idle_antialias', 'text_idle_area', 'text_idle_black_color', 'text_idle_bold', 'text_idle_clipping', 'text_idle_color', 'text_idle_drop_shadow', 'text_idle_drop_shadow_color', 'text_idle_first_indent', 'text_idle_font', 'text_idle_hyperlink_functions', 'text_idle_italic', 'text_idle_justify', 'text_idle_kerning', 'text_idle_language', 'text_idle_layout', 'text_idle_line_leading', 'text_idle_line_spacing', 'text_idle_maximum', 'text_idle_min_width', 'text_idle_minimum', 'text_idle_minwidth', 'text_idle_newline_indent', 'text_idle_outlines', 'text_idle_pos', 'text_idle_rest_indent', 'text_idle_ruby_style', 'text_idle_size', 'text_idle_slow_abortable', 'text_idle_slow_cps', 'text_idle_slow_cps_multiplier', 'text_idle_strikethrough', 'text_idle_text_align', 'text_idle_text_y_fudge', 'text_idle_underline', 'text_idle_vertical', 'text_idle_xalign', 'text_idle_xanchor', 'text_idle_xcenter', 'text_idle_xfill', 'text_idle_xmaximum', 'text_idle_xminimum', 'text_idle_xoffset', 'text_idle_xpos', 'text_idle_xsize', 'text_idle_xysize', 'text_idle_yalign', 'text_idle_yanchor', 'text_idle_ycenter', 'text_idle_yfill', 'text_idle_ymaximum', 'text_idle_yminimum', 'text_idle_yoffset', 'text_idle_ypos', 'text_idle_ysize', 'text_insensitive_align', 'text_insensitive_anchor', 'text_insensitive_antialias', 'text_insensitive_area', 'text_insensitive_black_color', 'text_insensitive_bold', 'text_insensitive_clipping', 'text_insensitive_color', 'text_insensitive_drop_shadow', 'text_insensitive_drop_shadow_color', 'text_insensitive_first_indent', 'text_insensitive_font', 'text_insensitive_hyperlink_functions', 'text_insensitive_italic', 'text_insensitive_justify', 'text_insensitive_kerning', 'text_insensitive_language', 'text_insensitive_layout', 'text_insensitive_line_leading', 'text_insensitive_line_spacing', 'text_insensitive_maximum', 'text_insensitive_min_width', 'text_insensitive_minimum', 'text_insensitive_minwidth', 'text_insensitive_newline_indent', 'text_insensitive_outlines', 'text_insensitive_pos', 'text_insensitive_rest_indent', 'text_insensitive_ruby_style', 'text_insensitive_size', 'text_insensitive_slow_abortable', 'text_insensitive_slow_cps', 'text_insensitive_slow_cps_multiplier', 'text_insensitive_strikethrough', 'text_insensitive_text_align', 'text_insensitive_text_y_fudge', 'text_insensitive_underline', 'text_insensitive_vertical', 'text_insensitive_xalign', 'text_insensitive_xanchor', 'text_insensitive_xcenter', 'text_insensitive_xfill', 'text_insensitive_xmaximum', 'text_insensitive_xminimum', 'text_insensitive_xoffset', 'text_insensitive_xpos', 'text_insensitive_xsize', 'text_insensitive_xysize', 'text_insensitive_yalign', 'text_insensitive_yanchor', 'text_insensitive_ycenter', 'text_insensitive_yfill', 'text_insensitive_ymaximum', 'text_insensitive_yminimum', 'text_insensitive_yoffset', 'text_insensitive_ypos', 'text_insensitive_ysize', 'text_italic', 'text_justify', 'text_kerning', 'text_language', 'text_layout', 'text_line_leading', 'text_line_spacing', 'text_maximum', 'text_min_width', 'text_minimum', 'text_minwidth', 'text_newline_indent', 'text_outlines', 'text_pos', 'text_rest_indent', 'text_ruby_style', 'text_selected_activate_align', 'text_selected_activate_anchor', 'text_selected_activate_antialias', 'text_selected_activate_area', 'text_selected_activate_black_color', 'text_selected_activate_bold', 'text_selected_activate_clipping', 'text_selected_activate_color', 'text_selected_activate_drop_shadow', 'text_selected_activate_drop_shadow_color', 'text_selected_activate_first_indent', 'text_selected_activate_font', 'text_selected_activate_hyperlink_functions', 'text_selected_activate_italic', 'text_selected_activate_justify', 'text_selected_activate_kerning', 'text_selected_activate_language', 'text_selected_activate_layout', 'text_selected_activate_line_leading', 'text_selected_activate_line_spacing', 'text_selected_activate_maximum', 'text_selected_activate_min_width', 'text_selected_activate_minimum', 'text_selected_activate_minwidth', 'text_selected_activate_newline_indent', 'text_selected_activate_outlines', 'text_selected_activate_pos', 'text_selected_activate_rest_indent', 'text_selected_activate_ruby_style', 'text_selected_activate_size', 'text_selected_activate_slow_abortable', 'text_selected_activate_slow_cps', 'text_selected_activate_slow_cps_multiplier', 'text_selected_activate_strikethrough', 'text_selected_activate_text_align', 'text_selected_activate_text_y_fudge', 'text_selected_activate_underline', 'text_selected_activate_vertical', 'text_selected_activate_xalign', 'text_selected_activate_xanchor', 'text_selected_activate_xcenter', 'text_selected_activate_xfill', 'text_selected_activate_xmaximum', 'text_selected_activate_xminimum', 'text_selected_activate_xoffset', 'text_selected_activate_xpos', 'text_selected_activate_xsize', 'text_selected_activate_xysize', 'text_selected_activate_yalign', 'text_selected_activate_yanchor', 'text_selected_activate_ycenter', 'text_selected_activate_yfill', 'text_selected_activate_ymaximum', 'text_selected_activate_yminimum', 'text_selected_activate_yoffset', 'text_selected_activate_ypos', 'text_selected_activate_ysize', 'text_selected_align', 'text_selected_anchor', 'text_selected_antialias', 'text_selected_area', 'text_selected_black_color', 'text_selected_bold', 'text_selected_clipping', 'text_selected_color', 'text_selected_drop_shadow', 'text_selected_drop_shadow_color', 'text_selected_first_indent', 'text_selected_font', 'text_selected_hover_align', 'text_selected_hover_anchor', 'text_selected_hover_antialias', 'text_selected_hover_area', 'text_selected_hover_black_color', 'text_selected_hover_bold', 'text_selected_hover_clipping', 'text_selected_hover_color', 'text_selected_hover_drop_shadow', 'text_selected_hover_drop_shadow_color', 'text_selected_hover_first_indent', 'text_selected_hover_font', 'text_selected_hover_hyperlink_functions', 'text_selected_hover_italic', 'text_selected_hover_justify', 'text_selected_hover_kerning', 'text_selected_hover_language', 'text_selected_hover_layout', 'text_selected_hover_line_leading', 'text_selected_hover_line_spacing', 'text_selected_hover_maximum', 'text_selected_hover_min_width', 'text_selected_hover_minimum', 'text_selected_hover_minwidth', 'text_selected_hover_newline_indent', 'text_selected_hover_outlines', 'text_selected_hover_pos', 'text_selected_hover_rest_indent', 'text_selected_hover_ruby_style', 'text_selected_hover_size', 'text_selected_hover_slow_abortable', 'text_selected_hover_slow_cps', 'text_selected_hover_slow_cps_multiplier', 'text_selected_hover_strikethrough', 'text_selected_hover_text_align', 'text_selected_hover_text_y_fudge', 'text_selected_hover_underline', 'text_selected_hover_vertical', 'text_selected_hover_xalign', 'text_selected_hover_xanchor', 'text_selected_hover_xcenter', 'text_selected_hover_xfill', 'text_selected_hover_xmaximum', 'text_selected_hover_xminimum', 'text_selected_hover_xoffset', 'text_selected_hover_xpos', 'text_selected_hover_xsize', 'text_selected_hover_xysize', 'text_selected_hover_yalign', 'text_selected_hover_yanchor', 'text_selected_hover_ycenter', 'text_selected_hover_yfill', 'text_selected_hover_ymaximum', 'text_selected_hover_yminimum', 'text_selected_hover_yoffset', 'text_selected_hover_ypos', 'text_selected_hover_ysize', 'text_selected_hyperlink_functions', 'text_selected_idle_align', 'text_selected_idle_anchor', 'text_selected_idle_antialias', 'text_selected_idle_area', 'text_selected_idle_black_color', 'text_selected_idle_bold', 'text_selected_idle_clipping', 'text_selected_idle_color', 'text_selected_idle_drop_shadow', 'text_selected_idle_drop_shadow_color', 'text_selected_idle_first_indent', 'text_selected_idle_font', 'text_selected_idle_hyperlink_functions', 'text_selected_idle_italic', 'text_selected_idle_justify', 'text_selected_idle_kerning', 'text_selected_idle_language', 'text_selected_idle_layout', 'text_selected_idle_line_leading', 'text_selected_idle_line_spacing', 'text_selected_idle_maximum', 'text_selected_idle_min_width', 'text_selected_idle_minimum', 'text_selected_idle_minwidth', 'text_selected_idle_newline_indent', 'text_selected_idle_outlines', 'text_selected_idle_pos', 'text_selected_idle_rest_indent', 'text_selected_idle_ruby_style', 'text_selected_idle_size', 'text_selected_idle_slow_abortable', 'text_selected_idle_slow_cps', 'text_selected_idle_slow_cps_multiplier', 'text_selected_idle_strikethrough', 'text_selected_idle_text_align', 'text_selected_idle_text_y_fudge', 'text_selected_idle_underline', 'text_selected_idle_vertical', 'text_selected_idle_xalign', 'text_selected_idle_xanchor', 'text_selected_idle_xcenter', 'text_selected_idle_xfill', 'text_selected_idle_xmaximum', 'text_selected_idle_xminimum', 'text_selected_idle_xoffset', 'text_selected_idle_xpos', 'text_selected_idle_xsize', 'text_selected_idle_xysize', 'text_selected_idle_yalign', 'text_selected_idle_yanchor', 'text_selected_idle_ycenter', 'text_selected_idle_yfill', 'text_selected_idle_ymaximum', 'text_selected_idle_yminimum', 'text_selected_idle_yoffset', 'text_selected_idle_ypos', 'text_selected_idle_ysize', 'text_selected_insensitive_align', 'text_selected_insensitive_anchor', 'text_selected_insensitive_antialias', 'text_selected_insensitive_area', 'text_selected_insensitive_black_color', 'text_selected_insensitive_bold', 'text_selected_insensitive_clipping', 'text_selected_insensitive_color', 'text_selected_insensitive_drop_shadow', 'text_selected_insensitive_drop_shadow_color', 'text_selected_insensitive_first_indent', 'text_selected_insensitive_font', 'text_selected_insensitive_hyperlink_functions', 'text_selected_insensitive_italic', 'text_selected_insensitive_justify', 'text_selected_insensitive_kerning', 'text_selected_insensitive_language', 'text_selected_insensitive_layout', 'text_selected_insensitive_line_leading', 'text_selected_insensitive_line_spacing', 'text_selected_insensitive_maximum', 'text_selected_insensitive_min_width', 'text_selected_insensitive_minimum', 'text_selected_insensitive_minwidth', 'text_selected_insensitive_newline_indent', 'text_selected_insensitive_outlines', 'text_selected_insensitive_pos', 'text_selected_insensitive_rest_indent', 'text_selected_insensitive_ruby_style', 'text_selected_insensitive_size', 'text_selected_insensitive_slow_abortable', 'text_selected_insensitive_slow_cps', 'text_selected_insensitive_slow_cps_multiplier', 'text_selected_insensitive_strikethrough', 'text_selected_insensitive_text_align', 'text_selected_insensitive_text_y_fudge', 'text_selected_insensitive_underline', 'text_selected_insensitive_vertical', 'text_selected_insensitive_xalign', 'text_selected_insensitive_xanchor', 'text_selected_insensitive_xcenter', 'text_selected_insensitive_xfill', 'text_selected_insensitive_xmaximum', 'text_selected_insensitive_xminimum', 'text_selected_insensitive_xoffset', 'text_selected_insensitive_xpos', 'text_selected_insensitive_xsize', 'text_selected_insensitive_xysize', 'text_selected_insensitive_yalign', 'text_selected_insensitive_yanchor', 'text_selected_insensitive_ycenter', 'text_selected_insensitive_yfill', 'text_selected_insensitive_ymaximum', 'text_selected_insensitive_yminimum', 'text_selected_insensitive_yoffset', 'text_selected_insensitive_ypos', 'text_selected_insensitive_ysize', 'text_selected_italic', 'text_selected_justify', 'text_selected_kerning', 'text_selected_language', 'text_selected_layout', 'text_selected_line_leading', 'text_selected_line_spacing', 'text_selected_maximum', 'text_selected_min_width', 'text_selected_minimum', 'text_selected_minwidth', 'text_selected_newline_indent', 'text_selected_outlines', 'text_selected_pos', 'text_selected_rest_indent', 'text_selected_ruby_style', 'text_selected_size', 'text_selected_slow_abortable', 'text_selected_slow_cps', 'text_selected_slow_cps_multiplier', 'text_selected_strikethrough', 'text_selected_text_align', 'text_selected_text_y_fudge', 'text_selected_underline', 'text_selected_vertical', 'text_selected_xalign', 'text_selected_xanchor', 'text_selected_xcenter', 'text_selected_xfill', 'text_selected_xmaximum', 'text_selected_xminimum', 'text_selected_xoffset', 'text_selected_xpos', 'text_selected_xsize', 'text_selected_xysize', 'text_selected_yalign', 'text_selected_yanchor', 'text_selected_ycenter', 'text_selected_yfill', 'text_selected_ymaximum', 'text_selected_yminimum', 'text_selected_yoffset', 'text_selected_ypos', 'text_selected_ysize', 'text_size', 'text_slow_abortable', 'text_slow_cps', 'text_slow_cps_multiplier', 'text_strikethrough', 'text_style', 'text_text_align', 'text_text_y_fudge', 'text_underline', 'text_vertical', 'text_xalign', 'text_xanchor', 'text_xcenter', 'text_xfill', 'text_xmaximum', 'text_xminimum', 'text_xoffset', 'text_xpos', 'text_xsize', 'text_xysize', 'text_y_fudge', 'text_yalign', 'text_yanchor', 'text_ycenter', 'text_yfill', 'text_ymaximum', 'text_yminimum', 'text_yoffset', 'text_ypos', 'text_ysize', 'thumb', 'thumb_offset', 'thumb_shadow', 'top_bar', 'top_gutter', 'top_margin', 'top_padding', 'transform_anchor', 'transpose', 'underline', 'unhovered', 'unscrollable', 'value', 'vertical', 'width', 'xadjustment', 'xalign', 'xanchor', 'xanchoraround', 'xaround', 'xcenter', 'xfill', 'xinitial', 'xmargin', 'xmaximum', 'xminimum', 'xoffset', 'xpadding', 'xpos', 'xsize', 'xysize', 'xzoom', 'yadjustment', 'yalign', 'yanchor', 'yanchoraround', 'yaround', 'ycenter', 'yfill', 'yinitial', 'ymargin', 'ymaximum', 'yminimum', 'yoffset', 'ypadding', 'ypos', 'ysize', 'yzoom', 'zoom']
3
Full Screen

11-hover-glyphs.py

Source: 11-hover-glyphs.py Github

copy
1'''
2Hover glyphs
3
4Now let's practice using and customizing the hover tool.
5
6In this exercise, you're going to plot the blood glucose levels for an unknown patient. The blood glucose levels were recorded every 5 minutes on October 7th starting at 3 minutes past midnight.
7
8The date and time of each measurement are provided to you as x and the blood glucose levels in mg/dL are provided as y.
9
10A bokeh figure is also provided in the workspace as p.
11
12Your job is to add a circle glyph that will appear red when the mouse is hovered near the data points. You will also add a customized hover tool object to the plot.
13
14When you're done, play around with the hover tool you just created! Notice how the points where your mouse hovers over turn red.
15
16INSTRUCTIONS
17100XP
18Import HoverTool from bokeh.models.
19Add a circle glyph to the existing figure p for x and y with a size of 10, fill_color of 'grey', alpha of 0.1, line_color of None, hover_fill_color of 'firebrick', hover_alpha of 0.5, and hover_line_color of 'white'.
20Use the HoverTool() function to create a HoverTool called hover with tooltips=None and mode='vline'.
21Add the HoverTool hover to the figure p using the p.add_tools() function.
22'''
23# import the HoverTool
24from bokeh.models import HoverTool
25
26# Add circle glyphs to figure p
27p.circle(x, y, size=10,
28         fill_color='grey', alpha=0.1, line_color=None,
29         hover_fill_color='firebrick', hover_alpha=0.5,
30         hover_line_color='white')
31
32# Create a HoverTool: hover
33hover = HoverTool(tooltips=None, mode='vline')
34
35# Add the hover tool to the figure p
36p.add_tools(hover)
37
38# Specify the name of the output file and show the result
39output_file('hover_glyph.html')
40show(p)
41
Full Screen

generate.py

Source: generate.py Github

copy
1import pygame
2from pygame.locals import *
3pygame.display.init()
4pygame.display.set_mode((80,80),32)
5
6def prep(name):
7    fname = name+".png"
8    img = pygame.image.load(fname)
9    w,h = img.get_width()/2,img.get_height()/2
10    
11    out = pygame.Surface((w*3,h*3),SWSURFACE|SRCALPHA,32)
12    out.fill((0,0,0,0))
13    out.blit(img.subsurface(0,0,w,h),(0,0))
14    out.blit(img.subsurface(w,0,w,h),(w*2,0))
15    out.blit(img.subsurface(0,h,w,h),(0,h*2))
16    out.blit(img.subsurface(w,h,w,h),(w*2,h*2))
17    for i in range(0,w):
18        img = out.subsurface((w-1,0,1,h*3)).convert_alpha()
19        out.blit(img,(w+i,0))
20    for i in range(0,h):
21        img = out.subsurface((0,h-1,w*3,1)).convert_alpha()
22        out.blit(img,(0,h+i))
23    
24    return out,w,h
25    
26todo = [
27    ('button.normal','dot.normal',None,3,3,'789456123'),
28    ('button.hover','dot.hover',None,3,3,'789456123'),
29    ('button.down','dot.down',None,3,3,'789456123'),
30    
31    ('checkbox.off.normal','box.normal',None,2,2,'7913'),
32    ('checkbox.on.normal','box.down','check',2,2,'7913'),
33    ('checkbox.off.hover','box.hover',None,2,2,'7913'),
34    ('checkbox.on.hover','box.hover','check',2,2,'7913'),
35    
36    ('radio.off.normal','dot.normal',None,2,2,'7913'),
37    ('radio.on.normal','dot.down','radio',2,2,'7913'),
38    ('radio.off.hover','dot.hover',None,2,2,'7913'),
39    ('radio.on.hover','dot.hover','radio',2,2,'7913'),
40    
41    ('tool.normal','box.normal',None,3,3,'789456123'),
42    ('tool.hover','box.hover',None,3,3,'789456123'),
43    ('tool.down','box.down',None,3,3,'789456123'),
44    
45    ('hslider','idot.normal',None,3,3,'789456123'),
46    ('hslider.bar.normal','dot.normal',None,3,3,'789456123'),
47    ('hslider.bar.hover','dot.hover',None,3,3,'789456123'),
48    ('hslider.left','sbox.normal','left',2,2,'7913'),
49    ('hslider.right','sbox.normal','right',2,2,'7913'),
50    
51    
52    ('vslider','idot.normal',None,3,3,'789456123'),
53    ('vslider.bar.normal','vdot.normal',None,3,3,'789456123'),
54    ('vslider.bar.hover','vdot.hover',None,3,3,'789456123'),
55    ('vslider.up','vsbox.normal','up',2,2,'7913'),
56    ('vslider.down','vsbox.normal','down',2,2,'7913'),
57    
58    ('dialog.close.normal','rdot.hover',None,2,2,'7913'),
59    ('dialog.close.hover','rdot.hover','x',2,2,'7913'),
60    ('dialog.close.down','rdot.down','x',2,2,'7913'),
61    
62    ('menu.normal','desktop',None,1,1,'7'),
63    ('menu.hover','box.normal',None,3,3,'789456123'),
64    ('menu.down','box.down',None,3,3,'789456123'),
65    
66    ('select.selected.normal','box.normal',None,3,3,'788455122'),
67    ('select.selected.hover','box.hover',None,3,3,'788455122'),
68    ('select.selected.down','box.down',None,3,3,'788455122'),
69    
70    ('select.arrow.normal','box.hover',None,3,3,'889556223'),
71    ('select.arrow.hover','box.hover',None,3,3,'889556223'),
72    ('select.arrow.down','box.down',None,3,3,'889556223'),
73    
74    ('progressbar','sbox.normal',None,3,3,'789456123'),
75    ('progressbar.bar','box.hover',None,3,3,'789456123'),
76    ]
77    
78for fname,img,over,ww,hh,s in todo:
79    print(fname)
80    img,w,h = prep(img)
81    out = pygame.Surface((ww*w,hh*h),SWSURFACE|SRCALPHA,32)
82    out.fill((0,0,0,0))
83    n = 0
84    for y in range(0,hh):
85        for x in range(0,ww):
86            c = int(s[n])
87            xx,yy = (c-1)%3,2-(c-1)/3
88            out.blit(img.subsurface((xx*w,yy*h,w,h)),(x*w,y*h))
89            n += 1
90    if over != None:
91        over = pygame.image.load(over+".png")
92        out.blit(over,(0,0))
93    pygame.image.save(out,fname+".tga")
94    
95    
96    
97
98    
99
Full Screen

event-hover-coverage.js

Source: event-hover-coverage.js Github

copy
1/* YUI 3.9.0 (build 5827) Copyright 2013 Yahoo! Inc. http://yuilibrary.com/license/ */
2if (typeof _yuitest_coverage == "undefined"){
3    _yuitest_coverage = {};
4    _yuitest_coverline = function(src, line){
5        var coverage = _yuitest_coverage[src];
6        if (!coverage.lines[line]){
7            coverage.calledLines++;
8        }
9        coverage.lines[line]++;
10    };
11    _yuitest_coverfunc = function(src, name, line){
12        var coverage = _yuitest_coverage[src],
13            funcId = name + ":" + line;
14        if (!coverage.functions[funcId]){
15            coverage.calledFunctions++;
16        }
17        coverage.functions[funcId]++;
18    };
19}
20_yuitest_coverage["build/event-hover/event-hover.js"] = {
21    lines: {},
22    functions: {},
23    coveredLines: 0,
24    calledLines: 0,
25    coveredFunctions: 0,
26    calledFunctions: 0,
27    path: "build/event-hover/event-hover.js",
28    code: []
29};
30_yuitest_coverage["build/event-hover/event-hover.js"].code=["YUI.add('event-hover', function (Y, NAME) {","","/**"," * Adds support for a \"hover\" event.  The event provides a convenience wrapper"," * for subscribing separately to mouseenter and mouseleave.  The signature for"," * subscribing to the event is</p>"," *"," * <pre><code>node.on(\"hover\", overFn, outFn);"," * node.delegate(\"hover\", overFn, outFn, \".filterSelector\");"," * Y.on(\"hover\", overFn, outFn, \".targetSelector\");"," * Y.delegate(\"hover\", overFn, outFn, \"#container\", \".filterSelector\");"," * </code></pre>"," *"," * <p>Additionally, for compatibility with a more typical subscription"," * signature, the following are also supported:</p>"," *"," * <pre><code>Y.on(\"hover\", overFn, \".targetSelector\", outFn);"," * Y.delegate(\"hover\", overFn, \"#container\", outFn, \".filterSelector\");"," * </code></pre>"," *"," * @module event"," * @submodule event-hover"," */","var isFunction = Y.Lang.isFunction,","    noop = function () {},","    conf = {","        processArgs: function (args) {","            // Y.delegate('hover', over, out, '#container', '.filter')","            // comes in as ['hover', over, out, '#container', '.filter'], but","            // node.delegate('hover', over, out, '.filter')","            // comes in as ['hover', over, containerEl, out, '.filter']","            var i = isFunction(args[2]) ? 2 : 3;","","            return (isFunction(args[i])) ? args.splice(i,1)[0] : noop;","        },","","        on: function (node, sub, notifier, filter) {","            var args = (sub.args) ? sub.args.slice() : [];","","            args.unshift(null);","","            sub._detach = node[(filter) ? \"delegate\" : \"on\"]({","                mouseenter: function (e) {","                    e.phase = 'over';","                    notifier.fire(e);","                },","                mouseleave: function (e) {","                    var thisObj = sub.context || this;","","                    args[0] = e;","","                    e.type = 'hover';","                    e.phase = 'out';","                    sub._extra.apply(thisObj, args);","                }","            }, filter);","        },","","        detach: function (node, sub, notifier) {","            sub._detach.detach();","        }","    };","","conf.delegate = conf.on;","conf.detachDelegate = conf.detach;","","Y.Event.define(\"hover\", conf);","","","}, '3.9.0', {\"requires\": [\"event-mouseenter\"]});"];
31_yuitest_coverage["build/event-hover/event-hover.js"].lines = {"1":0,"24":0,"32":0,"34":0,"38":0,"40":0,"42":0,"44":0,"45":0,"48":0,"50":0,"52":0,"53":0,"54":0,"60":0,"64":0,"65":0,"67":0};
32_yuitest_coverage["build/event-hover/event-hover.js"].functions = {"processArgs:27":0,"mouseenter:43":0,"mouseleave:47":0,"on:37":0,"detach:59":0,"(anonymous 1):1":0};
33_yuitest_coverage["build/event-hover/event-hover.js"].coveredLines = 18;
34_yuitest_coverage["build/event-hover/event-hover.js"].coveredFunctions = 6;
35_yuitest_coverline("build/event-hover/event-hover.js", 1);
36YUI.add('event-hover', function (Y, NAME) {
37
38/**
39 * Adds support for a "hover" event.  The event provides a convenience wrapper
40 * for subscribing separately to mouseenter and mouseleave.  The signature for
41 * subscribing to the event is</p>
42 *
43 * <pre><code>node.on("hover", overFn, outFn);
44 * node.delegate("hover", overFn, outFn, ".filterSelector");
45 * Y.on("hover", overFn, outFn, ".targetSelector");
46 * Y.delegate("hover", overFn, outFn, "#container", ".filterSelector");
47 * </code></pre>
48 *
49 * <p>Additionally, for compatibility with a more typical subscription
50 * signature, the following are also supported:</p>
51 *
52 * <pre><code>Y.on("hover", overFn, ".targetSelector", outFn);
53 * Y.delegate("hover", overFn, "#container", outFn, ".filterSelector");
54 * </code></pre>
55 *
56 * @module event
57 * @submodule event-hover
58 */
59_yuitest_coverfunc("build/event-hover/event-hover.js", "(anonymous 1)", 1);
60_yuitest_coverline("build/event-hover/event-hover.js", 24);
61var isFunction = Y.Lang.isFunction,
62    noop = function () {},
63    conf = {
64        processArgs: function (args) {
65            // Y.delegate('hover', over, out, '#container', '.filter')
66            // comes in as ['hover', over, out, '#container', '.filter'], but
67            // node.delegate('hover', over, out, '.filter')
68            // comes in as ['hover', over, containerEl, out, '.filter']
69            _yuitest_coverfunc("build/event-hover/event-hover.js", "processArgs", 27);
70_yuitest_coverline("build/event-hover/event-hover.js", 32);
71var i = isFunction(args[2]) ? 2 : 3;
72
73            _yuitest_coverline("build/event-hover/event-hover.js", 34);
74return (isFunction(args[i])) ? args.splice(i,1)[0] : noop;
75        },
76
77        on: function (node, sub, notifier, filter) {
78            _yuitest_coverfunc("build/event-hover/event-hover.js", "on", 37);
79_yuitest_coverline("build/event-hover/event-hover.js", 38);
80var args = (sub.args) ? sub.args.slice() : [];
81
82            _yuitest_coverline("build/event-hover/event-hover.js", 40);
83args.unshift(null);
84
85            _yuitest_coverline("build/event-hover/event-hover.js", 42);
86sub._detach = node[(filter) ? "delegate" : "on"]({
87                mouseenter: function (e) {
88                    _yuitest_coverfunc("build/event-hover/event-hover.js", "mouseenter", 43);
89_yuitest_coverline("build/event-hover/event-hover.js", 44);
90e.phase = 'over';
91                    _yuitest_coverline("build/event-hover/event-hover.js", 45);
92notifier.fire(e);
93                },
94                mouseleave: function (e) {
95                    _yuitest_coverfunc("build/event-hover/event-hover.js", "mouseleave", 47);
96_yuitest_coverline("build/event-hover/event-hover.js", 48);
97var thisObj = sub.context || this;
98
99                    _yuitest_coverline("build/event-hover/event-hover.js", 50);
100args[0] = e;
101
102                    _yuitest_coverline("build/event-hover/event-hover.js", 52);
103e.type = 'hover';
104                    _yuitest_coverline("build/event-hover/event-hover.js", 53);
105e.phase = 'out';
106                    _yuitest_coverline("build/event-hover/event-hover.js", 54);
107sub._extra.apply(thisObj, args);
108                }
109            }, filter);
110        },
111
112        detach: function (node, sub, notifier) {
113            _yuitest_coverfunc("build/event-hover/event-hover.js", "detach", 59);
114_yuitest_coverline("build/event-hover/event-hover.js", 60);
115sub._detach.detach();
116        }
117    };
118
119_yuitest_coverline("build/event-hover/event-hover.js", 64);
120conf.delegate = conf.on;
121_yuitest_coverline("build/event-hover/event-hover.js", 65);
122conf.detachDelegate = conf.detach;
123
124_yuitest_coverline("build/event-hover/event-hover.js", 67);
125Y.Event.define("hover", conf);
126
127
128}, '3.9.0', {"requires": ["event-mouseenter"]});
129
Full Screen

scroll.js

Source: scroll.js Github

copy
1$('#prev1').on('click', function() {
2  $('storeUl').animate({
3    scrollLeft: '-=100'
4  }, 300, 'swing');
5});
6$('#next1').on('click', function() {
7  $('storeUl').animate({
8    scrollLeft: '+=100'
9  }, 300, 'swing');
10});
11$('#prev2').on('click', function() {
12  $('payUl').animate({
13    scrollLeft: '-=100'
14  }, 300, 'swing');
15});
16$('#next2').on('click', function() {
17  $('payUl').animate({
18    scrollLeft: '+=100'
19  }, 300, 'swing');
20});
21
22//input range
23// let i = document.getElementsByClassName('.laBar'),
24//     o = document.getElementsByClassName('.laBarOutput');
25// o.innerHTML = i.value;
26
27// // use 'change' instead to see the difference in response
28// $('.laBar').addEventListener('.laBar', function () {
29//   o.innerHTML = i.value;
30// }, false);
31// function value(value) {
32//   var obj1 = document.getElementByClassName("laBarOutput");
33//   obj1.innerHTML = value;
34// }
35// function showVal(laBarOutput){
36//   document.getElementByClassName("valBox").innerHTML=newVal;
37// }
38
39function getValue(){
40  var range=document.getElementById('range');
41  var value=range.value;
42  console.log(value);
43}
44
45//CreditFeedback
46  var c = '.creditCard';
47  var f = '.feedback';
48  $(document).ready(function() {
49    $(c+1).hover(function () {$(f+1).toggleClass('active')})
50    $(c+2).hover(function () {$(f+2).toggleClass('active')})
51    $(c+3).hover(function () {$(f+3).toggleClass('active')})
52    $(c+4).hover(function () {$(f+4).toggleClass('active')})
53    $(c+5).hover(function () {$(f+5).toggleClass('active')})
54    $(c+6).hover(function () {$(f+6).toggleClass('active')})
55    $(c+7).hover(function () {$(f+7).toggleClass('active')})
56    $(c+8).hover(function () {$(f+8).toggleClass('active')})
57    $(c+9).hover(function () {$(f+9).toggleClass('active')})
58    $(c+10).hover(function () {$(f+10).toggleClass('active')})
59    $(c+11).hover(function () {$(f+11).toggleClass('active')})
60    $(c+12).hover(function () {$(f+12).toggleClass('active')})
61    $(c+13).hover(function () {$(f+13).toggleClass('active')})
62    $(c+14).hover(function () {$(f+14).toggleClass('active')})
63    $(c+15).hover(function () {$(f+15).toggleClass('active')})
64    $(c+16).hover(function () {$(f+16).toggleClass('active')})
65    $(c+17).hover(function () {$(f+17).toggleClass('active')})
66    $(c+18).hover(function () {$(f+18).toggleClass('active')})
67    $(c+19).hover(function () {$(f+19).toggleClass('active')})
68    $(c+20).hover(function () {$(f+20).toggleClass('active')})
69    $(c+21).hover(function () {$(f+21).toggleClass('active')})
70    $(c+22).hover(function () {$(f+22).toggleClass('active')})
71    $(c+23).hover(function () {$(f+23).toggleClass('active')})
72    $(c+24).hover(function () {$(f+24).toggleClass('active')})
73    $(c+25).hover(function () {$(f+25).toggleClass('active')})
74    $(c+26).hover(function () {$(f+26).toggleClass('active')})
75    $(c+27).hover(function () {$(f+27).toggleClass('active')})
76    $(c+28).hover(function () {$(f+28).toggleClass('active')})
77    $(c+29).hover(function () {$(f+29).toggleClass('active')})
78    $(c+30).hover(function () {$(f+30).toggleClass('active')})
79    $(c+31).hover(function () {$(f+31).toggleClass('active')})
80    $(c+32).hover(function () {$(f+32).toggleClass('active')})
81    $(c+33).hover(function () {$(f+33).toggleClass('active')})
82    $(c+34).hover(function () {$(f+34).toggleClass('active')})
83    $(c+35).hover(function () {$(f+35).toggleClass('active')})
84    $(c+36).hover(function () {$(f+36).toggleClass('active')})
85    $(c+37).hover(function () {$(f+37).toggleClass('active')})
86    $(c+38).hover(function () {$(f+38).toggleClass('active')})
87    $(c+39).hover(function () {$(f+39).toggleClass('active')})
88    $(c+40).hover(function () {$(f+40).toggleClass('active')})
89    $(c+41).hover(function () {$(f+41).toggleClass('active')})
90    $(c+42).hover(function () {$(f+42).toggleClass('active')})
91    $(c+43).hover(function () {$(f+43).toggleClass('active')})
92    $(c+44).hover(function () {$(f+44).toggleClass('active')})
93    $(c+45).hover(function () {$(f+45).toggleClass('active')})
94    $(c+46).hover(function () {$(f+46).toggleClass('active')})
95    $(c+47).hover(function () {$(f+47).toggleClass('active')})
96    $(c+48).hover(function () {$(f+48).toggleClass('active')})
97    $(c+49).hover(function () {$(f+49).toggleClass('active')})
98    $(c+50).hover(function () {$(f+50).toggleClass('active')})
99    $(c+51).hover(function () {$(f+51).toggleClass('active')})
100    $(c+52).hover(function () {$(f+52).toggleClass('active')})
101    $(c+53).hover(function () {$(f+53).toggleClass('active')})
102    $(c+54).hover(function () {$(f+54).toggleClass('active')})
103    $(c+55).hover(function () {$(f+55).toggleClass('active')})
104    $(c+56).hover(function () {$(f+56).toggleClass('active')})
105    $(c+57).hover(function () {$(f+57).toggleClass('active')})
106    $(c+58).hover(function () {$(f+58).toggleClass('active')})
107    $(c+59).hover(function () {$(f+59).toggleClass('active')})
108    $(c+60).hover(function () {$(f+60).toggleClass('active')})
109    $(c+61).hover(function () {$(f+61).toggleClass('active')})
110    $(c+62).hover(function () {$(f+62).toggleClass('active')})
111    $(c+63).hover(function () {$(f+63).toggleClass('active')})
112    $(c+64).hover(function () {$(f+64).toggleClass('active')})
113    $(c+65).hover(function () {$(f+65).toggleClass('active')})
114    $(c+66).hover(function () {$(f+66).toggleClass('active')})
115    $(c+67).hover(function () {$(f+67).toggleClass('active')})
116    $(c+68).hover(function () {$(f+68).toggleClass('active')})
117    $(c+69).hover(function () {$(f+69).toggleClass('active')})
118    $(c+70).hover(function () {$(f+70).toggleClass('active')})
119    $(c+71).hover(function () {$(f+71).toggleClass('active')})
120    $(c+72).hover(function () {$(f+72).toggleClass('active')})
121    $(c+73).hover(function () {$(f+73).toggleClass('active')})
122    $(c+74).hover(function () {$(f+74).toggleClass('active')})
123    $(c+75).hover(function () {$(f+75).toggleClass('active')})
124    $(c+76).hover(function () {$(f+76).toggleClass('active')})
125    $(c+77).hover(function () {$(f+77).toggleClass('active')})
126    $(c+78).hover(function () {$(f+78).toggleClass('active')})
127    $(c+79).hover(function () {$(f+79).toggleClass('active')})
128    $(c+80).hover(function () {$(f+80).toggleClass('active')})
129    $(c+81).hover(function () {$(f+81).toggleClass('active')})
130    $(c+82).hover(function () {$(f+82).toggleClass('active')})
131    $(c+83).hover(function () {$(f+83).toggleClass('active')})
132    $(c+84).hover(function () {$(f+84).toggleClass('active')})
133    $(c+85).hover(function () {$(f+85).toggleClass('active')})
134    $(c+86).hover(function () {$(f+86).toggleClass('active')})
135    $(c+87).hover(function () {$(f+87).toggleClass('active')})
136    $(c+88).hover(function () {$(f+88).toggleClass('active')})
137    $(c+89).hover(function () {$(f+89).toggleClass('active')})
138    $(c+90).hover(function () {$(f+90).toggleClass('active')})
139    $(c+91).hover(function () {$(f+91).toggleClass('active')})
140    $(c+92).hover(function () {$(f+92).toggleClass('active')})
141    $(c+93).hover(function () {$(f+93).toggleClass('active')})
142    $(c+94).hover(function () {$(f+94).toggleClass('active')})
143    $(c+95).hover(function () {$(f+95).toggleClass('active')})
144    $(c+96).hover(function () {$(f+96).toggleClass('active')})
145    $(c+97).hover(function () {$(f+97).toggleClass('active')})
146    $(c+98).hover(function () {$(f+98).toggleClass('active')})
147    $(c+99).hover(function () {$(f+99).toggleClass('active')})
148    $(c+100).hover(function () {$(f+100).toggleClass('active')})
149    $(c+101).hover(function () {$(f+101).toggleClass('active')})
150    $(c+102).hover(function () {$(f+102).toggleClass('active')})
151    $(c+103).hover(function () {$(f+103).toggleClass('active')})
152    $(c+104).hover(function () {$(f+104).toggleClass('active')})
153    $(c+105).hover(function () {$(f+105).toggleClass('active')})
154    $(c+106).hover(function () {$(f+106).toggleClass('active')})
155    $(c+107).hover(function () {$(f+107).toggleClass('active')})
156    $(c+108).hover(function () {$(f+108).toggleClass('active')})
157    $(c+109).hover(function () {$(f+109).toggleClass('active')})
158    $(c+110).hover(function () {$(f+110).toggleClass('active')})
159    $(c+111).hover(function () {$(f+111).toggleClass('active')})
160    $(c+112).hover(function () {$(f+112).toggleClass('active')})
161    $(c+113).hover(function () {$(f+113).toggleClass('active')})
162    $(c+114).hover(function () {$(f+114).toggleClass('active')})
163    $(c+115).hover(function () {$(f+115).toggleClass('active')})
164    $(c+116).hover(function () {$(f+116).toggleClass('active')})
165    $(c+117).hover(function () {$(f+117).toggleClass('active')})
166    $(c+118).hover(function () {$(f+118).toggleClass('active')})
167    $(c+119).hover(function () {$(f+119).toggleClass('active')})
168    $(c+120).hover(function () {$(f+120).toggleClass('active')})
169    $(c+121).hover(function () {$(f+121).toggleClass('active')})
170    $(c+122).hover(function () {$(f+122).toggleClass('active')})
171    $(c+123).hover(function () {$(f+123).toggleClass('active')})
172    $(c+124).hover(function () {$(f+124).toggleClass('active')})
173    $(c+125).hover(function () {$(f+125).toggleClass('active')})
174    $(c+126).hover(function () {$(f+126).toggleClass('active')})
175    $(c+127).hover(function () {$(f+127).toggleClass('active')})
176    $(c+128).hover(function () {$(f+128).toggleClass('active')})
177    $(c+129).hover(function () {$(f+129).toggleClass('active')})
178    $(c+130).hover(function () {$(f+130).toggleClass('active')})
179    $(c+131).hover(function () {$(f+131).toggleClass('active')})
180    $(c+132).hover(function () {$(f+132).toggleClass('active')})
181    $(c+133).hover(function () {$(f+133).toggleClass('active')})
182    $(c+134).hover(function () {$(f+134).toggleClass('active')})
183    $(c+135).hover(function () {$(f+135).toggleClass('active')})
184    $(c+136).hover(function () {$(f+136).toggleClass('active')})
185    $(c+137).hover(function () {$(f+137).toggleClass('active')})
186    $(c+138).hover(function () {$(f+138).toggleClass('active')})
187    $(c+139).hover(function () {$(f+139).toggleClass('active')})
188    $(c+140).hover(function () {$(f+140).toggleClass('active')})
189    $(c+141).hover(function () {$(f+141).toggleClass('active')})
190    $(c+142).hover(function () {$(f+142).toggleClass('active')})
191    $(c+143).hover(function () {$(f+143).toggleClass('active')})
192    $(c+144).hover(function () {$(f+144).toggleClass('active')})
193    $(c+145).hover(function () {$(f+145).toggleClass('active')})
194    $(c+146).hover(function () {$(f+146).toggleClass('active')})
195    $(c+147).hover(function () {$(f+147).toggleClass('active')})
196    $(c+148).hover(function () {$(f+148).toggleClass('active')})
197    $(c+149).hover(function () {$(f+149).toggleClass('active')})
198    $(c+150).hover(function () {$(f+150).toggleClass('active')})
199    $(c+151).hover(function () {$(f+151).toggleClass('active')})
200    $(c+152).hover(function () {$(f+152).toggleClass('active')})
201    $(c+153).hover(function () {$(f+153).toggleClass('active')})
202    $(c+154).hover(function () {$(f+154).toggleClass('active')})
203    $(c+155).hover(function () {$(f+155).toggleClass('active')})
204    $(c+156).hover(function () {$(f+156).toggleClass('active')})
205    $(c+157).hover(function () {$(f+157).toggleClass('active')})
206    $(c+158).hover(function () {$(f+158).toggleClass('active')})
207    $(c+159).hover(function () {$(f+159).toggleClass('active')})
208    $(c+160).hover(function () {$(f+160).toggleClass('active')})
209    $(c+161).hover(function () {$(f+161).toggleClass('active')})
210    $(c+162).hover(function () {$(f+162).toggleClass('active')})
211    $(c+163).hover(function () {$(f+163).toggleClass('active')})
212    $(c+164).hover(function () {$(f+164).toggleClass('active')})
213    $(c+165).hover(function () {$(f+165).toggleClass('active')})
214    $(c+166).hover(function () {$(f+166).toggleClass('active')})
215    $(c+167).hover(function () {$(f+167).toggleClass('active')})
216    $(c+168).hover(function () {$(f+168).toggleClass('active')})
217    $(c+169).hover(function () {$(f+169).toggleClass('active')})
218    $(c+170).hover(function () {$(f+170).toggleClass('active')})
219    $(c+171).hover(function () {$(f+171).toggleClass('active')})
220    $(c+172).hover(function () {$(f+172).toggleClass('active')})
221    $(c+173).hover(function () {$(f+173).toggleClass('active')})
222    $(c+174).hover(function () {$(f+174).toggleClass('active')})
223    $(c+175).hover(function () {$(f+175).toggleClass('active')})
224    $(c+176).hover(function () {$(f+176).toggleClass('active')})
225    $(c+177).hover(function () {$(f+177).toggleClass('active')})
226    $(c+178).hover(function () {$(f+178).toggleClass('active')})
227    $(c+179).hover(function () {$(f+179).toggleClass('active')})
228    $(c+180).hover(function () {$(f+180).toggleClass('active')})
229    $(c+181).hover(function () {$(f+181).toggleClass('active')})
230    $(c+182).hover(function () {$(f+182).toggleClass('active')})
231    $(c+183).hover(function () {$(f+183).toggleClass('active')})
232    $(c+184).hover(function () {$(f+184).toggleClass('active')})
233    $(c+185).hover(function () {$(f+185).toggleClass('active')})
234    $(c+186).hover(function () {$(f+186).toggleClass('active')})
235    $(c+187).hover(function () {$(f+187).toggleClass('active')})
236    $(c+188).hover(function () {$(f+188).toggleClass('active')})
237    $(c+189).hover(function () {$(f+189).toggleClass('active')})
238    $(c+190).hover(function () {$(f+190).toggleClass('active')})
239    $(c+191).hover(function () {$(f+191).toggleClass('active')})
240    $(c+192).hover(function () {$(f+192).toggleClass('active')})
241    $(c+193).hover(function () {$(f+193).toggleClass('active')})
242    $(c+194).hover(function () {$(f+194).toggleClass('active')})
243    $(c+195).hover(function () {$(f+195).toggleClass('active')})
244    $(c+196).hover(function () {$(f+196).toggleClass('active')})
245    $(c+197).hover(function () {$(f+197).toggleClass('active')})
246    $(c+198).hover(function () {$(f+198).toggleClass('active')})
247    $(c+199).hover(function () {$(f+199).toggleClass('active')})
248    $(c+200).hover(function () {$(f+200).toggleClass('active')})
249    $(c+201).hover(function () {$(f+201).toggleClass('active')})
250    $(c+202).hover(function () {$(f+202).toggleClass('active')})
251  });
Full Screen

Hover-test.internal.js

Source: Hover-test.internal.js Github

copy
1/**
2 * Copyright (c) Facebook, Inc. and its affiliates.
3 *
4 * This source code is licensed under the MIT license found in the
5 * LICENSE file in the root directory of this source tree.
6 *
7 * @emails react-core
8 */
9
10'use strict';
11
12import {createEventTarget, setPointerEvent} from 'dom-event-testing-library';
13
14let React;
15let ReactFeatureFlags;
16let ReactDOM;
17let HoverResponder;
18let useHover;
19
20function initializeModules(hasPointerEvents) {
21  jest.resetModules();
22  setPointerEvent(hasPointerEvents);
23  ReactFeatureFlags = require('shared/ReactFeatureFlags');
24  ReactFeatureFlags.enableDeprecatedFlareAPI = true;
25  React = require('react');
26  ReactDOM = require('react-dom');
27  HoverResponder = require('react-interactions/events/hover').HoverResponder;
28  useHover = require('react-interactions/events/hover').useHover;
29}
30
31const forcePointerEvents = true;
32const table = [[forcePointerEvents], [!forcePointerEvents]];
33
34describe.each(table)('Hover responder', hasPointerEvents => {
35  let container;
36
37  beforeEach(() => {
38    initializeModules(hasPointerEvents);
39    container = document.createElement('div');
40    document.body.appendChild(container);
41  });
42
43  afterEach(() => {
44    ReactDOM.render(null, container);
45    document.body.removeChild(container);
46    container = null;
47  });
48
49  describe('disabled', () => {
50    let onHoverChange, onHoverStart, onHoverMove, onHoverEnd, ref;
51
52    beforeEach(() => {
53      onHoverChange = jest.fn();
54      onHoverStart = jest.fn();
55      onHoverMove = jest.fn();
56      onHoverEnd = jest.fn();
57      ref = React.createRef();
58      const Component = () => {
59        const listener = useHover({
60          disabled: true,
61          onHoverChange,
62          onHoverStart,
63          onHoverMove,
64          onHoverEnd,
65        });
66        return <div ref={ref} DEPRECATED_flareListeners={listener} />;
67      };
68      ReactDOM.render(<Component />, container);
69    });
70
71    it('does not call callbacks', () => {
72      const target = createEventTarget(ref.current);
73      target.pointerenter();
74      target.pointerexit();
75      expect(onHoverChange).not.toBeCalled();
76      expect(onHoverStart).not.toBeCalled();
77      expect(onHoverMove).not.toBeCalled();
78      expect(onHoverEnd).not.toBeCalled();
79    });
80  });
81
82  describe('onHoverStart', () => {
83    let onHoverStart, ref;
84
85    beforeEach(() => {
86      onHoverStart = jest.fn();
87      ref = React.createRef();
88      const Component = () => {
89        const listener = useHover({
90          onHoverStart: onHoverStart,
91        });
92        return <div ref={ref} DEPRECATED_flareListeners={listener} />;
93      };
94      ReactDOM.render(<Component />, container);
95    });
96
97    it('is called for mouse pointers', () => {
98      const target = createEventTarget(ref.current);
99      target.pointerenter();
100      expect(onHoverStart).toHaveBeenCalledTimes(1);
101    });
102
103    it('is not called for touch pointers', () => {
104      const target = createEventTarget(ref.current);
105      target.pointerdown({pointerType: 'touch'});
106      target.pointerup({pointerType: 'touch'});
107      expect(onHoverStart).not.toBeCalled();
108    });
109
110    it('is called if a mouse pointer is used after a touch pointer', () => {
111      const target = createEventTarget(ref.current);
112      target.pointerdown({pointerType: 'touch'});
113      target.pointerup({pointerType: 'touch'});
114      target.pointerenter();
115      expect(onHoverStart).toHaveBeenCalledTimes(1);
116    });
117  });
118
119  describe('onHoverChange', () => {
120    let onHoverChange, ref;
121
122    beforeEach(() => {
123      onHoverChange = jest.fn();
124      ref = React.createRef();
125      const Component = () => {
126        const listener = useHover({
127          onHoverChange,
128        });
129        return <div ref={ref} DEPRECATED_flareListeners={listener} />;
130      };
131      ReactDOM.render(<Component />, container);
132    });
133
134    it('is called for mouse pointers', () => {
135      const target = createEventTarget(ref.current);
136      target.pointerenter();
137      expect(onHoverChange).toHaveBeenCalledTimes(1);
138      expect(onHoverChange).toHaveBeenCalledWith(true);
139      target.pointerexit();
140      expect(onHoverChange).toHaveBeenCalledTimes(2);
141      expect(onHoverChange).toHaveBeenCalledWith(false);
142    });
143
144    it('is not called for touch pointers', () => {
145      const target = createEventTarget(ref.current);
146      target.pointerdown({pointerType: 'touch'});
147      target.pointerup({pointerType: 'touch'});
148      expect(onHoverChange).not.toBeCalled();
149    });
150  });
151
152  describe('onHoverEnd', () => {
153    let onHoverEnd, ref;
154
155    beforeEach(() => {
156      onHoverEnd = jest.fn();
157      ref = React.createRef();
158      const Component = () => {
159        const listener = useHover({
160          onHoverEnd,
161        });
162        return <div ref={ref} DEPRECATED_flareListeners={listener} />;
163      };
164      ReactDOM.render(<Component />, container);
165    });
166
167    it('is called for mouse pointers', () => {
168      const target = createEventTarget(ref.current);
169      target.pointerenter();
170      target.pointerexit();
171      expect(onHoverEnd).toHaveBeenCalledTimes(1);
172    });
173
174    if (hasPointerEvents) {
175      it('is called once for cancelled mouse pointers', () => {
176        const target = createEventTarget(ref.current);
177        target.pointerenter();
178        target.pointercancel();
179        expect(onHoverEnd).toHaveBeenCalledTimes(1);
180
181        // only called once if cancel follows exit
182        onHoverEnd.mockReset();
183        target.pointerenter();
184        target.pointerexit();
185        target.pointercancel();
186        expect(onHoverEnd).toHaveBeenCalledTimes(1);
187      });
188    }
189
190    it('is not called for touch pointers', () => {
191      const target = createEventTarget(ref.current);
192      target.pointerdown({pointerType: 'touch'});
193      target.pointerup({pointerType: 'touch'});
194      expect(onHoverEnd).not.toBeCalled();
195    });
196  });
197
198  describe('onHoverMove', () => {
199    it('is called after the active pointer moves"', () => {
200      const onHoverMove = jest.fn();
201      const ref = React.createRef();
202      const Component = () => {
203        const listener = useHover({
204          onHoverMove,
205        });
206        return <div ref={ref} DEPRECATED_flareListeners={listener} />;
207      };
208      ReactDOM.render(<Component />, container);
209
210      const target = createEventTarget(ref.current);
211      target.pointerenter();
212      target.pointerhover({x: 0, y: 0});
213      target.pointerhover({x: 1, y: 1});
214      expect(onHoverMove).toHaveBeenCalledTimes(2);
215      expect(onHoverMove).toHaveBeenCalledWith(
216        expect.objectContaining({type: 'hovermove'}),
217      );
218    });
219  });
220
221  describe('nested Hover components', () => {
222    it('not propagate by default', () => {
223      const events = [];
224      const innerRef = React.createRef();
225      const outerRef = React.createRef();
226      const createEventHandler = msg => () => {
227        events.push(msg);
228      };
229
230      const Inner = () => {
231        const listener = useHover({
232          onHoverStart: createEventHandler('inner: onHoverStart'),
233          onHoverEnd: createEventHandler('inner: onHoverEnd'),
234          onHoverChange: createEventHandler('inner: onHoverChange'),
235        });
236        return <div ref={innerRef} DEPRECATED_flareListeners={listener} />;
237      };
238
239      const Outer = () => {
240        const listener = useHover({
241          onHoverStart: createEventHandler('outer: onHoverStart'),
242          onHoverEnd: createEventHandler('outer: onHoverEnd'),
243          onHoverChange: createEventHandler('outer: onHoverChange'),
244        });
245        return (
246          <div ref={outerRef} DEPRECATED_flareListeners={listener}>
247            <Inner />
248          </div>
249        );
250      };
251      ReactDOM.render(<Outer />, container);
252
253      const innerNode = innerRef.current;
254      const outerNode = outerRef.current;
255      const innerTarget = createEventTarget(innerNode);
256      const outerTarget = createEventTarget(outerNode);
257
258      outerTarget.pointerenter({relatedTarget: container});
259      outerTarget.pointerexit({relatedTarget: innerNode});
260      innerTarget.pointerenter({relatedTarget: outerNode});
261      innerTarget.pointerexit({relatedTarget: outerNode});
262      outerTarget.pointerenter({relatedTarget: innerNode});
263      outerTarget.pointerexit({relatedTarget: container});
264
265      expect(events).toEqual([
266        'outer: onHoverStart',
267        'outer: onHoverChange',
268        'outer: onHoverEnd',
269        'outer: onHoverChange',
270        'inner: onHoverStart',
271        'inner: onHoverChange',
272        'inner: onHoverEnd',
273        'inner: onHoverChange',
274        'outer: onHoverStart',
275        'outer: onHoverChange',
276        'outer: onHoverEnd',
277        'outer: onHoverChange',
278      ]);
279    });
280  });
281
282  it('expect displayName to show up for event component', () => {
283    expect(HoverResponder.displayName).toBe('Hover');
284  });
285
286  it('should correctly pass through event properties', () => {
287    const timeStamps = [];
288    const ref = React.createRef();
289    const eventLog = [];
290    const logEvent = event => {
291      const propertiesWeCareAbout = {
292        x: event.x,
293        y: event.y,
294        pageX: event.pageX,
295        pageY: event.pageY,
296        clientX: event.clientX,
297        clientY: event.clientY,
298        pointerType: event.pointerType,
299        target: event.target,
300        timeStamp: event.timeStamp,
301        type: event.type,
302      };
303      timeStamps.push(event.timeStamp);
304      eventLog.push(propertiesWeCareAbout);
305    };
306    const Component = () => {
307      const listener = useHover({
308        onHoverStart: logEvent,
309        onHoverEnd: logEvent,
310        onHoverMove: logEvent,
311      });
312      return <div ref={ref} DEPRECATED_flareListeners={listener} />;
313    };
314    ReactDOM.render(<Component />, container);
315
316    const node = ref.current;
317    const target = createEventTarget(node);
318
319    target.pointerenter({x: 10, y: 10});
320    target.pointerhover({x: 10, y: 10});
321    target.pointerhover({x: 20, y: 20});
322    target.pointerexit({x: 20, y: 20});
323
324    expect(eventLog).toEqual([
325      {
326        x: 10,
327        y: 10,
328        pageX: 10,
329        pageY: 10,
330        clientX: 10,
331        clientY: 10,
332        target: node,
333        timeStamp: timeStamps[0],
334        type: 'hoverstart',
335        pointerType: 'mouse',
336      },
337      {
338        x: 10,
339        y: 10,
340        pageX: 10,
341        pageY: 10,
342        clientX: 10,
343        clientY: 10,
344        target: node,
345        timeStamp: timeStamps[1],
346        type: 'hovermove',
347        pointerType: 'mouse',
348      },
349      {
350        x: 20,
351        y: 20,
352        pageX: 20,
353        pageY: 20,
354        clientX: 20,
355        clientY: 20,
356        target: node,
357        timeStamp: timeStamps[2],
358        type: 'hovermove',
359        pointerType: 'mouse',
360      },
361      {
362        x: 20,
363        y: 20,
364        pageX: 20,
365        pageY: 20,
366        clientX: 20,
367        clientY: 20,
368        target: node,
369        timeStamp: timeStamps[3],
370        type: 'hoverend',
371        pointerType: 'mouse',
372      },
373    ]);
374  });
375});
376
Full Screen

tags.js

Source: tags.js Github

copy
1export default [
2  { label: 'Motorbike', hoverBg: '#142725', background: '#142725' },
3  { label: 'Climbing', hoverBg: '#2D454F', background: '#2D454F' },
4  { label: 'Cycling', hoverBg: '#5E8475', background: '#5E8475' },
5  { label: 'Charity', hoverBg: '#BECA8E', background: '#BECA8E' },
6  { label: 'Romantic', hoverBg: '#a53c6c', background: '#a53c6c' },
7  { label: 'Yoga', hoverBg: '#6C6F59', background: '#6C6F59' },
8  { label: 'Beach', hoverBg: '#4C7B74', background: '#4C7B74' },
9  { label: 'Safari', hoverBg: '#748B52', background: '#748B52' },
10  { label: 'Sport', hoverBg: '#DFB362', background: '#DFB362' },
11  { label: 'Hike', hoverBg: '#BF231B', background: '#BF231B' },
12  { label: 'Hiking', hoverBg: '#5D986D', background: '#5D986D' },
13  { label: 'Fitness', hoverBg: '#A72E43', background: '#A72E43' },
14  { label: 'Women', hoverBg: '#854F53', background: '#854F53' },
15  { label: 'Retired', hoverBg: '#A98788', background: '#A98788' },
16  { label: 'Senior', hoverBg: '#CBB49D', background: '#CBB49D' },
17  { label: 'Discovery', hoverBg: '#BFC4A7', background: '#BFC4A7' },
18  { label: 'Cruise', hoverBg: '#14311B', background: '#14311B' },
19  { label: 'Adventure', hoverBg: '#99CD4E', background: '#99CD4E' },
20  { label: 'Fun', hoverBg: '#B08757', background: '#B08757' },
21  { label: 'Sailing', hoverBg: '#A8663B', background: '#A8663B' },
22  { label: 'Ski', hoverBg: '#3B525F', background: '#3B525F' },
23  { label: 'Skiing', hoverBg: '#518293', background: '#518293' },
24  { label: 'Accessible', hoverBg: '#4F431F', background: '#4F431F' },
25  { label: 'Cosy', hoverBg: '#3A2202', background: '#3A2202' },
26  { label: 'Cozy', hoverBg: '#8B5A0D', background: '#8B5A0D' },
27  { label: 'Animal', hoverBg: '#B87E2E', background: '#B87E2E' },
28  { label: 'Music', hoverBg: '#729B69', background: '#729B69' },
29  { label: 'Lights', hoverBg: '#BCA386', background: '#BCA386' },
30  { label: 'Exclusive', hoverBg: '#8E354E', background: '#8E354E' },
31  { label: 'Kayak', hoverBg: '#A52240', background: '#A52240' },
32  { label: 'Kayaking', hoverBg: '#17343F', background: '#17343F' },
33  { label: 'Budget', hoverBg: '#5C9E96', background: '#5C9E96' },
34  { label: 'Trek', hoverBg: '#53B1AC', background: '#53B1AC' },
35  { label: 'Cultural', hoverBg: '#3D3946', background: '#3D3946' },
36  { label: 'Festive', hoverBg: '#AAA781', background: '#AAA781' },
37  { label: 'Party', hoverBg: '#89564D', background: '#89564D' },
38  { label: 'Luxury', hoverBg: '#0F283F', background: '#0F283F' },
39  { label: 'Family', hoverBg: '#1E7358', background: '#1E7358' },
40  { label: 'Horse', hoverBg: '#A8A744', background: '#A8A744' },
41  { label: 'Wellness', hoverBg: '#174F73', background: '#174F73' },
42  { label: 'Wildlife', hoverBg: '#68ADB2', background: '#68ADB2' },
43  { label: 'Wilderness', hoverBg: '#5D5057', background: '#5D5057' },
44  { label: 'Diving', hoverBg: '#8C867D', background: '#8C867D' },
45  { label: 'Organic', hoverBg: '#DAC5A2', background: '#DAC5A2' },
46  { label: 'Cooking', hoverBg: '#F19C55', background: '#F19C55' },
47  { label: 'Cuisine', hoverBg: '#A84943', background: '#A84943' },
48  { label: 'Volunteer', hoverBg: '#40343C', background: '#40343C' },
49  { label: 'Vegetarian', hoverBg: '#9ECC46', background: '#9ECC46' },
50  { label: 'Vegan', hoverBg: '#39B543', background: '#39B543' },
51  { label: 'Group', hoverBg: '#C7884E', background: '#C7884E' },
52  { label: 'History', hoverBg: '#4B5D9A', background: '#4B5D9A' },
53  { label: 'Weird', hoverBg: '#243865', background: '#243865' },
54  { label: 'Walk', hoverBg: '#423629', background: '#423629' },
55  { label: 'Walking', hoverBg: '#746E51', background: '#746E51' },
56  { label: 'Photography', hoverBg: '#3D563F', background: '#3D563F' },
57  { label: 'Photo', hoverBg: '#234145', background: '#234145' },
58  { label: 'Video', hoverBg: '#326973', background: '#326973' },
59  { label: 'Bird', hoverBg: '#70A992', background: '#70A992' },
60  { label: 'Classic', hoverBg: '#C6591B', background: '#C6591B' },
61  { label: 'Archaeology', hoverBg: '#0E1F33', background: '#0E1F33' },
62];
63
Full Screen

Accelerate Your Automation Test Cycles With LambdaTest

Leverage LambdaTest’s cloud-based platform to execute your automation tests in parallel and trim down your test execution time significantly. Your first 100 automation testing minutes are on us.

Try LambdaTest

Run JavaScript Tests on LambdaTest Cloud Grid

Execute automation tests with Playwright Internal on a cloud-based Grid of 3000+ real browsers and operating systems for both web and mobile applications.

Test now for Free
LambdaTestX

We use cookies to give you the best experience. Cookies help to provide a more personalized experience and relevant advertising for you, and web analytics for us. Learn More in our Cookies policy, Privacy & Terms of service

Allow Cookie
Sarah

I hope you find the best code examples for your project.

If you want to accelerate automated browser testing, try LambdaTest. Your first 100 automation testing minutes are FREE.

Sarah Elson (Product & Growth Lead)