Add support for codepen to form_based_credentials_background

tools/telemetry/telemetry/core/backends/codepen_credentials_backend.py

Index: tools/telemetry/telemetry/core/backends/codepen_credentials_backend.py
diff --git a/tools/telemetry/telemetry/core/backends/codepen_credentials_backend.py b/tools/telemetry/telemetry/core/backends/codepen_credentials_backend.py
new file mode 100644
index 0000000000000000000000000000000000000000..a12ae4b0c179c14f59a1e5dcebbbd2ed3242fbaa
--- /dev/null
+++ b/tools/telemetry/telemetry/core/backends/codepen_credentials_backend.py
@@ -0,0 +1,41 @@
+# Copyright 2014 The Chromium Authors. All rights reserved.
+# Use of this source code is governed by a BSD-style license that can be
+# found in the LICENSE file.
+
+from telemetry.core.backends import form_based_credentials_backend
+
+
+class CodePenCredentialsBackend(
+    form_based_credentials_backend.FormBasedCredentialsBackend):
+
+  @property
+  def logged_in_javascript(self):
+    """Evaluates to true iff already logged in."""
+    return 'document.querySelector(".login-area") === null'
+
+  @property
+  def credentials_type(self):
+    return 'codepen'
+
+  @property
+  def url(self):
+    return 'https://codepen.io/login'
+
+  @property
+  def login_form_id(self):
+    return 'login-login-form'
+
+  @property
+  def login_button_javascript(self):
+    return """
+        LoginSettings.timeOnPageStartTime = 0;
+        document.getElementById("log-in-button").click();
+        """
+
+  @property
+  def login_input_id(self):
+    return 'login-email-field'
+
+  @property
+  def password_input_id(self):
+    return 'login-password-field_'