[infra-sk] Add PageObjectElement class.

PageObjectElement is a very thin wrapper around either a DOM node or a Puppeteer element handle. It allows writing composable page objects[1] that can be used on in-browser tests, as well as on Puppeteer tests.

Main benefits:

- Portability: A page object FooPO for a web component Foo can be used to interact with Foo's UI from both foo_test.ts (i.e. in-browser tests) and foo_puppeteer_test.ts (i.e. Puppeteer tests).

- Composability / code reuse: If component Bar has a component Foo, BarPO can be composed from FooPO. No need to repeat any query selectors for Foo's elements.

- Less brittle tests: If Foo's HTML changes, only FooPO's query selectors need to be updated.

- Higher level tests: Write fooPO.getFirstName(), fooPO.setLastName(lastName), fooPO.clickSubmitBtn(), etc.

In addition, an abstract PageObject convenience base class is included to facilitate writing page objects (i.e. the base class for the FooPO and BarPO objects in the above examples).

See the downstream CL https://skia-review.googlesource.com/c/buildbot/+/300217 for an example of a component with a page object used both from its in-browser and Puppeteer tests.

See PageLoader[2] for a similar idea in the Dart language.

Recommended review order:
- page_object_element.ts
- page_object_element_test_cases.ts
- page_object_element_test.ts
- page_object_element_puppeteer_tests.ts
- page_object.ts

[1] https://martinfowler.com/bliki/PageObject.html
[2] https://github.com/google/pageloader

Change-Id: I2db4fdf120a3d94bdc435e208f193b41dea9e0a3
Reviewed-on: https://skia-review.googlesource.com/c/buildbot/+/300213
Reviewed-by: Kevin Lubick <kjlubick@google.com>
Commit-Queue: Leandro Lovisolo <lovisolo@google.com>
7 files changed
tree: 62ed3eefc0b3716e59edaaad3d2ae243b57d498a
  1. am/
  2. android_compile/
  3. android_ingest/
  4. android_stats/
  5. api/
  6. autoroll/
  7. bash/
  8. blamer/
  9. chromeextensions/
  10. comments/
  11. contestk/
  12. cq_watcher/
  13. ct/
  14. datahopper/
  15. debugger/
  16. debugger-assets/
  17. demos/
  18. docker/
  19. docker_pushes_watcher/
  20. docs/
  21. docserverk/
  22. dot/
  23. ds/
  24. fiddlek/
  25. firestore/
  26. get_service_account/
  27. git_cookie_authdaemon/
  28. gitsync/
  29. go/
  30. gold-client/
  31. golden/
  32. hashtag/
  33. html-template-minifier/
  34. infra/
  35. infra-sk/
  36. jsdoc/
  37. jsfiddle/
  38. k8s-checker/
  39. kube/
  40. leasing/
  41. licenses/
  42. machine/
  43. make/
  44. particles/
  45. perdiff/
  46. perf/
  47. periodic-trigger/
  48. power/
  49. proberk/
  50. promk/
  51. pulld/
  52. puppeteer-tests/
  53. push/
  54. res/
  55. scripts/
  56. sheriff_emails/
  57. sk8s/
  58. skbug/
  59. skfe/
  60. skolo/
  61. skottie/
  62. status/
  63. task_driver/
  64. task_scheduler/
  65. tools/
  66. tree_status/
  67. trybot_updater/
  68. velero/
  69. webtools/
  70. .eslintrc.js
  71. .gitattributes
  72. .gitignore
  73. .mocharc.json
  74. build_infra_prod.sh
  75. cipd.ensure
  76. codereview.settings
  77. DATASTORE.md
  78. DEPS
  79. go.mod
  80. go.sum
  81. launch.md
  82. LICENSE
  83. Makefile
  84. package-lock.json
  85. package.json
  86. PRESUBMIT.py
  87. PRIVACY_POLICY.md
  88. README.md
  89. run_unittests
  90. run_unittests.go
  91. STYLEGUIDE.md
  92. tools.go
  93. whitespace.txt
README.md

Skia-Buildbot Repository

This repo contains infrastructure code for Skia.

Getting the Source Code

The main source code repository is a Git repository hosted at https://skia.googlesource.com/buildbot.git. It is possible to check out this repository directly with git clone or via go get.

Using git clone allows you to work in whatever directory you want. You will still need to set GOPATH in order to build some apps (recommended to put this in a cache dir). E.g.:

$ cd ${WORKDIR}
$ git clone https://skia.googlesource.com/buildbot.git
$ export GOPATH=${HOME}/.cache/gopath/$(basename ${WORKDIR})
$ mkdir $GOPATH
$ cd buildbot

Using go get will fetch the repository into your GOPATH directory along with all the Go dependencies. You will need to set GOPATH and GO111MODULE=on. E.g.:

$ export GOPATH=${WORKDIR}
$ export GO111MODULE=on
$ go get -u -t go.skia.org/infra/...
$ cd ${GOPATH}/src/go.skia.org/infra/

Note: go.skia.org is a custom import path and will only work if used like the examples here.

Install Node.js (not as root) and add the bin dir to your path. Optionally run npm install npm -g, as suggested by the npm getting started doc.

Install other dependencies:

$ sudo apt-get install python-django
$ go get -u github.com/kisielk/errcheck \
  golang.org/x/tools/cmd/goimports \
  go.chromium.org/luci/client/cmd/isolate
$ npm install -g polylint bower

Build ~everything:

$ make all

Generated Code

Some code is generated using go generate with external binaries. First, install the version of protoc referenced in the asset creation script and ensure it is on your PATH before other versions of protoc.

Install the necessary go packages:

$ go get -u \
  github.com/golang/protobuf/protoc-gen-go \
  golang.org/x/tools/cmd/stringer \
  google.golang.org/grpc \
  github.com/vektra/mockery/...

To generate code run in this directory:

$ go generate ./...

Running unit tests

Install Cloud SDK.

Use this command to run the presubmit tests:

$ ./run_unittests --small