|  | load("//infra-sk:index.bzl", "karma_test", "sk_demo_page_server", "sk_element", "sk_element_puppeteer_test", "sk_page") | 
|  |  | 
|  | sk_demo_page_server( | 
|  | name = "demo_page_server", | 
|  | sk_page = ":example-control-sk-demo", | 
|  | ) | 
|  |  | 
|  | sk_element( | 
|  | name = "example-control-sk", | 
|  | sass_srcs = ["example-control-sk.scss"], | 
|  | ts_deps = [ | 
|  | "//infra-sk/modules/ElementSk:index_ts_lib", | 
|  | "@npm//elements-sk", | 
|  | "@npm//lit-html", | 
|  | ], | 
|  | ts_srcs = [ | 
|  | "example-control-sk.ts", | 
|  | "index.ts", | 
|  | ], | 
|  | visibility = ["//visibility:public"], | 
|  | ) | 
|  |  | 
|  | sk_page( | 
|  | name = "example-control-sk-demo", | 
|  | html_file = "example-control-sk-demo.html", | 
|  | scss_entry_point = "example-control-sk-demo.scss", | 
|  | sk_element_deps = [":example-control-sk"], | 
|  | ts_entry_point = "example-control-sk-demo.ts", | 
|  | ) | 
|  |  | 
|  | sk_element_puppeteer_test( | 
|  | name = "example-control-sk_puppeteer_test", | 
|  | src = "example-control-sk_puppeteer_test.ts", | 
|  | sk_demo_page_server = ":demo_page_server", | 
|  | deps = [ | 
|  | "//puppeteer-tests:util_ts_lib", | 
|  | "@npm//@types/chai", | 
|  | "@npm//chai", | 
|  | ], | 
|  | ) | 
|  |  | 
|  | karma_test( | 
|  | name = "example-control-sk_test", | 
|  | src = "example-control-sk_test.ts", | 
|  | deps = [ | 
|  | ":example-control-sk", | 
|  | "//infra-sk/modules:test_util_ts_lib", | 
|  | "@npm//@types/chai", | 
|  | "@npm//chai", | 
|  | ], | 
|  | ) |