diff --git a/.github/workflows/e2e.yml b/.github/workflows/e2e.yml
index f79bdb48c..cdba86a2e 100644
--- a/.github/workflows/e2e.yml
+++ b/.github/workflows/e2e.yml
@@ -1,19 +1,14 @@
 
 name: Chaise end-to-end tests
 
-on:
-  push:
-    branches:
-      - 'master'
-  pull_request:
-    branches:
-      - 'master'
-
-concurrency: chaise_env
+on: [push]
 
 jobs:
   install-and-test:
     runs-on: ubuntu-22.04
+    strategy:
+      matrix:
+        node-version: ["18.18", "20.0.0"]
     env:
       SAUCE_USERNAME: ${{ secrets.SAUCE_USERNAME }}
       SAUCE_ACCESS_KEY: ${{ secrets.SAUCE_ACCESS_KEY }}
@@ -22,12 +17,16 @@ jobs:
       HEADLESS: false
       PYTHONWARNINGS: ignore:Unverified HTTPS request
       NODE_TLS_REJECT_UNAUTHORIZED: '0'
-    timeout-minutes: 150
+    timeout-minutes: 60
     steps:
       - name: Checkout repository code
         uses: actions/checkout@v4
         with:
           path: chaise
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.node-version }}
       - name: Setup the system
         run: |
           echo "node version:"
@@ -64,10 +63,6 @@ jobs:
           sudo pip3 uninstall crypto
           sudo pip3 uninstall pycrypto
           sudo pip3 install pycryptodome
-      - name: Set up JDK 1.8
-        uses: actions/setup-java@v1
-        with:
-          java-version: 1.8
       - name: Install webauthn
         run: |
           sudo useradd -m -r webauthn
@@ -154,25 +149,6 @@ jobs:
         run: |
           cd chaise
           make testdeleteprohibited
-      - name: Setup and connect to saucelabs
-        timeout-minutes: 2
-        run: |
-          curl https://saucelabs.com/downloads/sc-4.6.2-linux.tar.gz -o saucelabs.tar.gz
-          tar -xzf saucelabs.tar.gz
-          cd sc-*
-          bin/sc -u ${{secrets.SAUCE_USERNAME}} -k ${{secrets.SAUCE_ACCESS_KEY}} -i ${{github.run_id}} -f /tmp/sc_ready --no-ssl-bump-domains=127.0.0.1,localhost --pidfile=/tmp/sc_client.pid &
-      - name: Check sauce connect
-        run: |
-          while [ ! -f /tmp/sc_ready ]; do
-            echo "Waiting for Sauce Connect..."
-            sleep 5;
-          done;
-      - name: Run default config test spec  (protractor)
-        id: test-protractor-default-config
-        continue-on-error: true
-        run: |
-          cd chaise
-          make testdefaultconfig-protractor
       - name: Check on all features test spec
         if: always() && steps.test-all-features.outcome != 'success'
         run: exit 1
@@ -185,13 +161,10 @@ jobs:
       - name: Check on delete prohibited test spec
         if: always() && steps.test-delete-prohibited.outcome != 'success'
         run: exit 1
-      - name: Check on default config test spec (protractor)
-        if: always() && steps.test-protractor-default-config.outcome != 'success'
-        run: exit 1
       - uses: actions/upload-artifact@v4
         if: always()
         with:
-          name: playwright-report
+          name: playwright-report-${{ matrix.node-version }}
           path: chaise/playwright-report/
           retention-days: 30
       - name: Diagnosis after failure
diff --git a/Makefile b/Makefile
index 42b1d2ae5..26e6d8451 100644
--- a/Makefile
+++ b/Makefile
@@ -46,13 +46,12 @@ MODULES=node_modules
 # Recordedit tests
 E2EDIrecordAdd=test/e2e/specs/all-features-confirmation/recordedit/add.config.ts
 E2EDrecordEditNullValues=test/e2e/specs/default-config/recordedit/null-values.config.ts
-E2EDIrecordImmutable=test/e2e/specs/default-config/recordedit/immutable-inputs.conf.js
+E2EDIrecordImmutable=test/e2e/specs/default-config/recordedit/immutable-inputs.config.ts
 E2EDIrecordEdit=test/e2e/specs/all-features-confirmation/recordedit/edit-delete.config.ts
 # not part of the make recordedit command anymore
 E2EDIrecordMultiFormInput=test/e2e/specs/default-config/multi-form-input/multi-form-input.config.ts
 E2EDrecordEditCompositeKey=test/e2e/specs/default-config/recordedit/composite-key.config.ts
 E2EDrecordEditDomainFilter=test/e2e/specs/default-config/recordedit/domain-filter.config.ts
-E2EDrecordEditSubmissionDisabled=test/e2e/specs/default-config/recordedit/submission-disabled.conf.js
 E2ErecordEditForeignKeyDropdown=test/e2e/specs/default-config/recordedit/foreign-key-dropdown.config.ts
 E2ErecordEditInputIframe=test/e2e/specs/all-features/recordedit/input-iframe.config.ts
 # Record tests
@@ -78,28 +77,19 @@ E2EmultiPermissionsVisibility=test/e2e/specs/all-features/permissions.config.ts
 E2Efooter=test/e2e/specs/all-features-confirmation/footer/playwright.config.ts
 # errors test
 E2Eerrors=test/e2e/specs/all-features-confirmation/errors/errors.config.ts
-## Parallel test scripts (protractor)
-DefaultConfigParallel_PROTRACTOR=test/e2e/specs/default-config/protractor.conf.js
 ## Parallel test scripts
 AllFeaturesParallel=test/e2e/specs/all-features/playwright.config.ts
 AllFeaturesConfirmationParallel=test/e2e/specs/all-features-confirmation/playwright.config.ts
 DeleteProhibitedParallel=test/e2e/specs/delete-prohibited/playwright.config.ts
 DefaultConfigParallel=test/e2e/specs/default-config/playwright.config.ts
 # Setup for manual tests
-Manualrecordset=test/manual/specs/recordset.conf.js
-
-# protractor tests
-RECORDADD_TESTS_PROTRACTOR=$(E2EDIrecordMultiFormInput) $(E2EDIrecordImmutable)
-RECORDEDIT_TESTS_PROTRACTOR=$(E2EDrecordEditSubmissionDisabled)
-DEFAULT_CONFIG_PARALLEL_TESTS_PROTRACTOR=$(DefaultConfigParallel_PROTRACTOR)
-PARALLEL_TESTS_PROTRACTOR=$(DefaultConfigParallel_PROTRACTOR)
-ALL_TESTS_PROTRACTOR=$(RECORDSET_TESTS_PROTRACTOR) $(RECORDADD_TESTS_PROTRACTOR) $(RECORDEDIT_TESTS_PROTRACTOR)
+Manualrecordset=test/manual/specs/recordset.config.ts
 
 # playwright tests
 NAVBAR_TESTS=$(E2Enavbar) $(E2EnavbarHeadTitle) $(E2EnavbarCatalogConfig)
 RECORD_TESTS=$(E2EDrecord) $(E2ErecordNoDeleteBtn) $(E2EDrecordRelatedTable) $(E2EDrecordCopy) $(E2EDrecordLinks)
 RECORDSET_TESTS=$(E2EDrecordset) $(E2ErecordsetAdd) $(E2EDrecordsetEdit) $(E2ErecordsetSavedQuery) $(E2EDrecordsetIndFacet) $(E2EDrecordsetHistFacet)
-RECORDADD_TESTS=$(E2EDIrecordAdd) $(E2EDIrecordMultiFormInput) $(E2ErecordEditForeignKeyDropdown) $(E2EDrecordEditCompositeKey)
+RECORDADD_TESTS=$(E2EDIrecordAdd) $(E2EDIrecordImmutable) $(E2EDIrecordMultiFormInput) $(E2ErecordEditForeignKeyDropdown) $(E2EDrecordEditCompositeKey)
 RECORDEDIT_TESTS=$(E2EDIrecordEdit) $(E2EDrecordEditNullValues) $(E2ErecordEditInputIframe) $(E2EDrecordEditDomainFilter)
 PERMISSIONS_TESTS=$(E2EmultiPermissionsVisibility)
 FOOTER_TESTS=$(E2Efooter)
@@ -113,36 +103,23 @@ ALL_TESTS=$(NAVBAR_TESTS) $(RECORD_TESTS) $(RECORDSET_TESTS) $(RECORDADD_TESTS)
 
 ALL_MANUAL_TESTS=$(Manualrecordset)
 
-define make_test_protractor
-	rc=0; \
-	for file in $(1); do \
-		npx protractor $$file || rc=1; \
-	done; \
-	exit $$rc;
-endef
-
+# first argument is the config file location, and second argument will be passed to playwright
 define make_test
 	rc=0; \
 	for file in $(1); do \
-		 npx playwright test --project=chrome --config $$file || rc=1; \
+		 npx playwright test --project=chrome $(2) --config $$file || rc=1; \
 	done; \
 	exit $$rc;
 endef
 
-test_protractor-%:
-	$(call make_test_protractor, $($*), "0")
-
 test-%:
-	$(call make_test, $($*), "0")
+	$(call make_test, $($*))
 
 #### Sequential make commands - these commands will run tests in sequential order
 #Rule to run navbar tests
 .PHONY: testnavbar
 testnavbar: test-NAVBAR_TESTS
 
-.PHONY: testrecord-protractor
-testrecord-protractor: test_protractor-RECORD_TESTS_PROTRACTOR
-
 #Rule to run record tests
 .PHONY: testrecord
 testrecord: test-RECORD_TESTS
@@ -151,16 +128,10 @@ testrecord: test-RECORD_TESTS
 .PHONY: testrecordadd
 testrecordadd: test-RECORDADD_TESTS
 
-.PHONY: testrecordadd-protractor
-testrecordadd-protractor: test_protractor-RECORDADD_TESTS_PROTRACTOR
-
 # Rule to run record edit app tests
 .PHONY: testrecordedit
 testrecordedit: test-RECORDEDIT_TESTS
 
-.PHONY: testrecordedit-protractor
-testrecordedit-protractor: test_protractor-RECORDEDIT_TESTS_PROTRACTOR
-
 # Rule to run permission tests
 .PHONY: testpermissions
 testpermissions:test-PERMISSIONS_TESTS
@@ -182,9 +153,6 @@ testerrors: test-ERRORS_TESTS
 .PHONY: testparallel
 testparallel: test-PARALLEL_TESTS
 
-.PHONY: testparallel-protractor
-testparallel-protractor: test_protractor-PARALLEL_TESTS_PROTRACTOR
-
 #Rule to run the All features chaise configuration tests in parallel
 .PHONY: testallfeatures
 testallfeatures: test-ALL_FEATURES_PARALLEL_TESTS
@@ -201,20 +169,15 @@ testdeleteprohibited: test-DELETE_PROHIBITED_PARALLEL_TESTS
 .PHONY: testdefaultconfig
 testdefaultconfig: test-DEFAULT_CONFIG_PARALLEL_TESTS
 
-.PHONY: testdefaultconfig-protractor
-testdefaultconfig-protractor: test_protractor-DEFAULT_CONFIG_PARALLEL_TESTS_PROTRACTOR
-
 # Rule to setup schema and data for manual tests
 .PHONY: testmanually
-testmanually: test_protractor-ALL_MANUAL_TESTS
+testmanually:
+	$(call make_test, $(ALL_MANUAL_TESTS), --debug)
 
 # Rule to run tests
 .PHONY: test
 test: test-ALL_TESTS
 
-.PHONY: test-protractor
-test-protractor: test_protractor-ALL_TESTS_PROTRACTOR
-
 # ============================================================= #
 #						BULDING THE PACKAGE						#
 # ============================================================= #
@@ -428,14 +391,6 @@ endef
 # build version will change everytime it's called
 $(BUILD_VERSION):
 
-# make sure the latest webdriver is installed
-# - we fixed the version since this is the latest version that works with
-#   the protractor version that we're using.
-# - we're only using chrome, so we're ignoring gecko installation.
-.PHONY: update-webdriver
-update-webdriver:
-	node_modules/protractor/bin/webdriver-manager update --versions.standalone 3.6.0 --gecko false
-
 # install packages (honors NOD_ENV)
 # using clean-install instead of install to ensure usage of pacakge-lock.json
 .PHONY: npm-install-modules
@@ -443,19 +398,15 @@ npm-install-modules:
 	@npm clean-install
 
 # install packages needed for production and development (including testing)
-# also run patch-package to patch all the issues in dependencies (currently only webdriver-manager.)
-# if we decided to patch other prod dependencies, we should move `patch-package` command to the `postinstall` of package.json.
 # --include=dev makes sure to ignore NODE_ENV and install everything
 .PHONY: npm-install-all-modules
 npm-install-all-modules:
 	@npm clean-install --include=dev
-	@npx patch-package
 	@npx playwright install --with-deps
 
-# for test cases we have to make sure we're installing dev dependencies and
-# webdriver is always updated to the latest version
+# for test cases we have to make sure we're installing dev dependencies and playwright is installed
 .PHONY: deps-test
-deps-test: npm-install-all-modules update-webdriver
+deps-test: npm-install-all-modules
 
 # install all the dependencies
 .PHONY: deps
@@ -574,8 +525,7 @@ usage:
 	@echo "  distclean                      the same as clean, and also removes npm dependencies"
 	@echo "  deps                           local install of node dependencies"
 	@echo "  updeps                         local update  of node dependencies"
-	@echo "  update-webdriver               update the protractor's webdriver"
-	@echo "  deps-test                      local install of dev node dependencies and update protractor's webdriver"
+	@echo "  deps-test                      local install of dev node dependencies and install playwright browsers"
 	@echo "  root-install                   should only be used as root. will use dist with proper user and then deploy, for GNU systems"
 	@echo "  root-install-alt               should only be used as root. will use dist with proper user and then deploy, for FreeBSD and MAC OS X"
 	@echo "  test                           run e2e tests"
diff --git a/README.md b/README.md
index 86d278a24..b0c2b5217 100644
--- a/README.md
+++ b/README.md
@@ -1,9 +1,9 @@
 # Chaise (Computer-Human Access Interface with Schema Evolution) [![Build Status](https://github.com/informatics-isi-edu/chaise/workflows/Chaise%20end-to-end%20tests/badge.svg?branch=master)](https://github.com/informatics-isi-edu/chaise/actions?query=workflow%3A%22Chaise+end-to-end+tests%22+branch%3Amaster)
 
 
-A suite of web applications that adapt to the data model for data discovery, analysis, visualization, editing, sharing and collaboration. 
+A suite of web applications that adapt to the data model for data discovery, analysis, visualization, editing, sharing and collaboration.
 
-Chaise is the main front-end component of the [DERIVA asset management Platform](http://isrd.isi.edu/deriva) and utilizes [ERMrestJS](https://github.com/informatics-isi-edu/ermrestjs) client library to interact with the DERIVA services including [ERMrest](https://github.com/informatics-isi-edu/ermrest) (a general relational data storage service), [webauthn](https://github.com/informatics-isi-edu/webauthn) (authentication provider framework), [Hatrac](https://github.com/informatics-isi-edu/hatrac) (an object store service), and [deriva-web export](https://github.com/informatics-isi-edu/deriva-web/blob/master/docs/export/api.md) (allows export from an ERMrest catalog). 
+Chaise is the main front-end component of the [DERIVA asset management Platform](http://isrd.isi.edu/deriva) and utilizes [ERMrestJS](https://github.com/informatics-isi-edu/ermrestjs) client library to interact with the DERIVA services including [ERMrest](https://github.com/informatics-isi-edu/ermrest) (a general relational data storage service), [webauthn](https://github.com/informatics-isi-edu/webauthn) (authentication provider framework), [Hatrac](https://github.com/informatics-isi-edu/hatrac) (an object store service), and [deriva-web export](https://github.com/informatics-isi-edu/deriva-web/blob/master/docs/export/api.md) (allows export from an ERMrest catalog).
 
 ## Table of Contents
 
@@ -102,7 +102,7 @@ A few representative but non-exhaustive examples of these assumptions include:
 [data model]: https://en.wikipedia.org/wiki/Data_model
 [denormalized]: https://en.wikipedia.org/wiki/Denormalization
 
-Beyond these baseline assumptions about basic usage, Chaise makes almost no assumptions about the structure of the underlying [data model], such as its tables, columns, keys, foreign key relationships, etc. Chaise begins by introspecting the data model by getting the `catalog/N/schema` resource from [ERMrest]. The schema resource includes lightweight semantic annotations about the model in addition to the underlying relational database schema. 
+Beyond these baseline assumptions about basic usage, Chaise makes almost no assumptions about the structure of the underlying [data model], such as its tables, columns, keys, foreign key relationships, etc. Chaise begins by introspecting the data model by getting the `catalog/N/schema` resource from [ERMrest]. The schema resource includes lightweight semantic annotations about the model in addition to the underlying relational database schema.
 
 Chaise uses its rending heuristics to decide, for instance, how to flatten a hierarchical structure into a simplified (or [denormalized]) presentation for searching and viewing. The schema annotations are then used to modify or override its rendering heuristics, for instance, to hide a column of a table or to use a specific display name in the interface that is different than the column name from the table definition of the schema. Chaise then applies user preferences to further override the rendering decisions and annotations, for instance, to present a nested table of data in a transposed layout (i.e., with the columns and rows flipped).
 
@@ -116,7 +116,7 @@ The following are some of the documents and resources that we've prepared for us
   -  [Navbar app integration](docs/user-docs/navbar-app.md): Goes over how the Chaise's Navbar app can be embedded in other web applications.
   -  [Logging](docs/user-docs/logging.md): How Chaise is logging server requests as well as client actions.
   -  [Query parameters](docs/user-docs/query-parameters.md): Query parameters that can be used in different Chaise applications.
-- [Deveoper guides](docs/user-docs): 
+- [Deveoper guides](docs/user-docs):
   - [Chaise developer guide](docs/dev-docs/dev-guide.md): Useful information for developers of Chaise.
   - [End to End Testing](/docs/dev-docs/e2e-test.md): How end to end testing in Chaise works.
 
@@ -129,7 +129,7 @@ When developing new code for Chaise, please make sure you're following these ste
 4. update the e2e tests (if applicable);
 5. make sure the liner doesn't throw any errors (`make lint` should not fail);
 6. make sure you can deploy your code without any issues (`make dist && make deploy` should not fail);
-7. make sure that all tests are passing before submitting the pull request (`make test` should be free of errors);
+7. make sure that all tests are passing before submitting the pull request (`make testparallel` should be free of errors);
 8. make your pull request, assign it to yourself, and ask someone to review your code.
    - Try to provide as much information as you can on your PR. Explain the issues that the PR is fixing, and the changes that you've done in the PR.
    - Provide examples if applicable.
@@ -140,6 +140,7 @@ When developing new code for Chaise, please make sure you're following these ste
 ## Help and Contact
 
 Please direct questions and comments to the [project issue tracker](https://github.com/informatics-isi-edu/chaise/issues).
+
 ## License
 
 Chaise is made available as open source under the Apache License, Version 2.0. Please see the [LICENSE file](LICENSE) for more information.
diff --git a/docs/dev-docs/e2e-test.md b/docs/dev-docs/e2e-test.md
index c03b65ce1..4f59865cc 100644
--- a/docs/dev-docs/e2e-test.md
+++ b/docs/dev-docs/e2e-test.md
@@ -18,7 +18,7 @@ E2E tests are automation tests that simulate a user interacting with the app and
 - [**Playwright**](https://playwright.dev/): The E2e test framework that we're using.
 - **NPM**: to install necessary NodeJS packages
 - **Github workflow**: to do continuous integration (CI) by automatically testing every time code is pushed to Github repo
-- **Makefile**: to invoke NPM to install packages necessary for running tests and invoke Protractor (which will run the tests).
+- **Makefile**: to invoke NPM to install packages necessary for running tests and invoke Playwright (which will run the tests).
 
 ## Setup
 
@@ -64,11 +64,7 @@ You can get your cookie by querying the database, or using the following simple
     make deps-test
     ```
 
-    This will install all the npm dependencies that are needed and will also make sure the Selenium's WebDriver that protractor uses is updated.
-
-    - If you just want to update the WebDriver you can do `make update-webdriver`.
-    - If the version of Chrome that is installed on your machine is different from the ChromeDriver that Selenium uses, it will throw an error. So make sure both versions are always updated and compatible.
-
+    This will install all the npm dependencies that are needed and will also make sure the Playwright browsers are installed.
 
 3. Build Chaise without installing the dependencies again:
     ```sh
diff --git a/docs/dev-docs/manual-test.md b/docs/dev-docs/manual-test.md
index 7001b6c1e..35a72a796 100644
--- a/docs/dev-docs/manual-test.md
+++ b/docs/dev-docs/manual-test.md
@@ -30,7 +30,7 @@
 - Run the "make testmanually" command in Chaise. This will set up a recordset table named Accommodation with long tooltips on the last column (Number of Rooms) and the "Operation Since" column.
 - Manually check the position of the tooltips by hovering over these columns and resizing the window so that these columns are on the window margins.
 - End the test spec by pressing ^D in the terminal
-- The test spec is present at "chaise/test/manual/specs/recordset.spec.js"
+- The test spec is present at "chaise/test/manual/specs/recordset.spec.ts"
 - The tooltip text can be changed at "chaise/test/manual/data_setup/schema/product-recordset.json"
 
 ## Recordset - auto truncation of cell content
@@ -41,7 +41,7 @@
 - Run the "make testmanually" command in Chaise. This will set up a recordset table named Accommodation with long text in 2 columns, "Summary" and "Description"
 - Maunually check that those 2 columns are truncated and have the "...more" hyperlink. Click that and make sure the column expands to show the full text. Click "...less" and make sure it properly truncates again.
 - End the test spec by pressing ^D in the terminal
-- The test spec is present at "chaise/test/manual/specs/recordset.spec.js"
+- The test spec is present at "chaise/test/manual/specs/recordset.spec.ts"
 - The tooltip text can be changed at "chaise/test/manual/data_setup/schema/product-recordset.json"
 
 
diff --git a/docs/dev-docs/protractor-e2e-test-writing.md b/docs/dev-docs/protractor-e2e-test-writing.md
deleted file mode 100644
index c638eb66b..000000000
--- a/docs/dev-docs/protractor-e2e-test-writing.md
+++ /dev/null
@@ -1,247 +0,0 @@
-
-# Writing Protractor End to End Test Cases
-
-In this section we have summarized all the resources that you need for writing test cases alongside different issues that we have faced. Please make sure to follow the given instructions.
-
-## Useful Links
-
-Protractor uses [Jasmine](http://jasmine.github.io/) for its test syntax. As in unit testing, a test file is comprised of one or more `it` blocks that describe the requirements of your application. `it` blocks are made of *commands* and *expectations*. Commands tell Protractor to do something with the application such as navigate to a page or click on a button. Expectations tell Protractor to assert something about the application's state, such as the value of a field or the current URL.
-
-Check out the [Angular Docs](https://docs.angularjs.org/guide/e2e-testing) for more on testing your Angular app with Protractor. See the [Protractor docs](https://angular.github.io/protractor/#/tutorial) for more information on Protractor as well.
-
-There is also an [Angular testing cheat sheet](https://spagettikoodi.wordpress.com/2015/01/14/angular-testing-cheat-sheet/) that will help you get around the syntax for assertions.
-
-There're tons of features that Protractor supports but here we are going to discuss one which allows for data creation utilities.
-
-## Test Idioms
-
-- Try to keep your schema definitions as simple as possible. It only needs to cover the cases that you want to test. Avoid duplicating other existing schemas/tables.
-- Don't rely on ERMrestJS heuristics for the parts of the code that you are not testing, and define annotations. The heuristics change more regularly than the annotation won't. For example if you are testing the presentation of record app, define your own visible-columns and visible-foreignkeys annotation.
-- Be specific about the scenario that you are testing. If you want to test a very specific scenario, you don't have to test all the other features. For instance, if you want to test recordset page in a specific scenario, you don't have to test all the facet data and main data (The more general case should already be tested and should be separate from this specific test).
-- Use names that describe the situation you are trying to recreate. For instance if you are testing the annotations and you want to create a table with annotation 'x' just name the table `table_w_x`. This way we can easily look at the schema and understand which cases are covered in that schema.
-- If your test case is related to one of the currently implemented test specs,
-	- If they can share the same schema, you can modify its schema to cover your case too and add your test case to the corresponding test spec (Instead of creating a new configuration and test spec).
-	- (More applicable in ERMrestJS)Although it's preferable to not modify other schemas and create your very own schema that covers some specific test cases.
-- If you have multiple expect in your `it`, make sure they have their own error message.
-
-- Separate specific test cases into different `it` functions.
-	- In E2E tests you might find some test units that are huge, previously they were written that way because of the promise chaining. But you actually can break the chain, and resume again in the next spec. To do so, you should use `done`. Use your judgement on when you should break the test into different `it`s.
-		```javascript
-		// before breaking the chain:
-
-		it ("test", function () {
-		   doTest().then(function () {
-			  // test feature 1
-			  return doOne();
-		   }).then(function () {
-			  // test feature 2 that is dependent on feature 1
-			  return doTwo();
-		   }).then(function () {
-			  // test feature 3 that is dependent on feature 2
-			  return doThree();
-		   }).then(function () {
-		      // test feature 4
-		   }).catch(function () {
-			  console.log("something bad happened");
-		   });
-		});
-
-		// the better version:
-
-		it ("test1", function (done) {
-		   doTest().then(function () {
-			  // test feature 1
-			  return doOne();
-		   }).then(function () {
-			  // test feature 2
-			  return doTwo();
-		   }).then(function () {
-			  done();
-		   }).catch(function (err) {
-			  done.fail(err);
-		   });
-		});
-
-		it ("test2", function (done) {
-		   doTest().then(function () {
-			  // test feature 3
-			  return doThree();
-		   }).then(function () {
-			  // test feature 4
-			  done();
-		   }).catch(function (err) {
-			  done.fail(err);
-		   });
-		});
-		```
-
-## Test FAQ
-
-
-- **element vs. executeScript**
-
-  - The protractor element selector behaves differently from the executeScript jQuery function in one very important way. With the **element** selector, you get the position of that element on the document by it's x,y coordinates. This has caused some issues with elements getting scrolled behind the navbar that are no longer clickable because the click action targets the navbar. With **executeScript**, you are given the element that you selected rather than the position of that element. This allows actions to be performed on that element when it is hidden behind other elements on the page (maybe because of a scroll event).
-
-- **ignoreSynchronization**
-
-  - The `browser.ignoreSynchronization` option can be set to `true` to force code execution to wait until `$http` requests have returned from the server. Set this option to false to allow code execution to continue while $http requests are being performed. This is useful for testing if buttons are disabled during code execution.
-
-- **Page being automatically reloaded during test ? I am writing test for recordset in Chaise. But after page is loaded, the address bar is updated with extra “/” after “#”.So the original url `http://…/#1234/schema:table` which becomes `http://…/#/1234/schema:table`, and that causes app to throw error.**
-
-  - This issue has been documented [here](https://github.com/informatics-isi-edu/chaise/issues/582). It happens because of the default angular routing. Protractor depends on it. We are not using the default angular routing in Chaise and Protractor tries to use that when we are changing the location using `browser.get`. For now you just want to get rid of the explicit routing that has been added in your apps.
-
-- **Test Failed: "defer.fulfill" is not a function**
-
-  - This is mostyl because of a newer version of the promise library [Q](https://www.npmjs.com/package/q). We have fixed the version to `^1.4.1`. If you face issues with any other modules, just try to fix their version numbers in the `package.json` to the last stable version.
-
-- **Installation issues: saying selenium not found or unable to run tests because of selenium issue or some other module issue**
-
-  - Run `make update-webdriver` and make sure the webdriver has been successfuly installed (it might fail on the first attempt if you're connected to VPN).
-
-- **Error while clicking a button or finding an element, saying unable to find element/element is not clickable ?**
-
-  - Most of the times when you're trying to look for an element which is rendered as a result of some AJAX or asynchronous operation, you should either wait for it to be rendered or add a delay. Waiting for an element to be visible with a timeout is stable and achievable. This can be done using `browser.wait` and can be seen in action [here](https://github.com/informatics-isi-edu/chaise/blob/master/test/e2e/specs/record/helpers.js#L195)
-
-
-- **Failed: Error while waiting for Protractor to sync with the page: "[ng:test] no injector found for element argument to getTestability.http://errors.angularjs.org/1.5.5/ng/test**
-
-  - You will get this error when you don't explicitly call `browser.get(browser.params.url || "");` in the beforeAll section of your test-case. You should always have a browser.get as Protractor doesn't understands which page should it run the tests against. You can refer a sample [here](https://github.com/informatics-isi-edu/chaise/blob/master/test/e2e/specs/navbar/data-dependent/00-navbar.spec.js#L8)
-
-
-## Page Object Pattern [chaise.page.js](https://github.com/informatics-isi-edu/chaise/blob/master/test/e2e/utils/protractor/chaise.page.js)
-
-To write the tests, usually one has to first find the DOM elements on the page, then perform some actions on the elements, finally expect (assert) the correct result will show up. There are two logics here, DOM finding and expectation. To separate concerns, most DOM finding logic is put into a **Page Object** file "chaise.page.js". So in ".spec.js" files where the tests (expectations) are written, more effort can be focused on the expectation logic.
-
-## Expectations
-
-Expectations should use [Jasmine matchers](https://jasmine.github.io/api/2.6/matchers.html). One thing to note with matchers is that a custom message can be attached to each matcher, `expect(value).toBe(expected_value, failure message)`. This should be done as often as possible to provide a point of contact to look at when debugging errors in test cases.
-
-
-## Expected Conditions
-
-When writing tests, there will be times where the spec will attempt to run before the elements are available in the DOM. Having tests fail because an element isn't visible has been a sporadic but common enough issue. Protractor has a library called [Expected Conditions](http://www.protractortest.org/#/api?view=ProtractorExpectedConditions) that allows for waiting for a certain part of the DOM to be available before continuing to run tests.
-
-
-## Clicking Elements
-
-Whenever you want to click an element, make sure that you don't trigger the click function on the element directly. This is because, if the element is not in the sight of browser, it will err out saying unable to find the element and will never get clicked.
-
-A workaround for this situation is to scroll the page to the element position and then click. `chaise.page.js` has a function to do this. It accepts a WebElement
-
-```js
-
-var chaisePage = require('chaise.page.js');
-
-var elem = element.all(by.css('.add-button')).first();
-
-chaisePage.clickButton(elem);
-
-```
-
-## Synchronization Issues
-
-Currently Chaise is not using Angular router, thus we can't use Protractor [Synchronization](https://github.com/angular/protractor/blob/9891d430aff477c5feb80ae01b48356866820132/lib/protractor.js#L158).
-
-Setting it to `true` means that subsequent additions/injections to the the control flow don't also add browser.waitForAngular.
-
-Synchronization makes protractor wait for Angular promises to resolve and causes the url's to be scrambled. Chaise uses the `#` delimiter to determine url parameters to be sent to Ermrest. Thus, enabling synchronization, changes the url, appending an extra / after the `#` symbol.
-
-Thus a correct url like this
-`https://dev.isrd.isi.edu/chaise/record/#1/legacy:dataset/id=1580`
-
-changes to
-
-`https://dev.isrd.isi.edu/chaise/record/#/1/legacy:dataset/id=1580`
-
-Thus, the parser is unable to parse it. To avoid this we simply disable synchronization in the start of testcases.
-
-```js
-beforeAll(function () {
-	browser.ignoreSynchronization=true;
-	browser.get(browser.params.url);
-});
-```
-
-## Waiting For Elements To Be Visible
-
-Disabling synchronization has its own issues. Protractor by default waits for the Angular to be done with displaying data or complete http call. With disabled synchronization we need to add logic to handle situations which need the page/element/data to be visible before running the asserts.
-
-In such cases you might just be tempted to put in a `browser.sleep(2000)` to allow everything to get back on track.
-
-You shouldn't be using `browser.sleep` functions as they are brittle. Sleeps put your tests at the mercy of changes in your test environments (network speed, machine performance etc). They make your tests slower. From a maintainability point of view they are ambiguous to someone else reading your code. Why were the put there? Is the sleep long enough? They are an acceptance that you don't really know what is going on with your code and in my opinion should be banned (or at least you should try your best to resist the quick win they give you!).
-
-A simple workaround is to use [browser.wait](http://www.protractortest.org/#/api?view=webdriver.WebDriver.prototype.wait) in conjunction with other parameters such as a timeout/element/variable/functions.
-
-To wait for elements to be visible/rendered we can simply use following syntax
-
-```js
-chaisePage.waitForElement(element(by.id("some-id"), 5000).then(function() {
-   console.log("Element found");
-}, function(err) {
-   console.log("Element not found");
-});
-```
-
-## Waiting For Url To Change
-
-This can be useful when you want to wait for the URL to change in case of form submissions or link clicks.
-
-```js
-var url = "http://dev.isrd.isi.edu/chaise/search";
-chaisePage.waitForUrl(url, 5000).then(function() {
-   console.log("Redirected to url");
-}, function(err) {
-   console.log("Unable to redirect to url");
-});
-```
-
-### Detecting CI Environment
-
-There're scenarios where you might need to determine which environment are your tests running; CI or locally. To determine that you can simply refer the variable `process.env.CI`. If it is true then the environment is CI else it is something else.
-
-```js
-if (process.env.CI) {
-   // DO something CI specific
-} else {
-  // DO something specific to local environment
-}
-```
-
-### Setting Webauthn Cookies in Test Cases
-
-You can always change the user authentication cookie in your tests. To do so, first you need to have the **webauthn** cookie.
-
-Now you need to put this code in your test to set the cookie and then redirect the user to specific page on success. The `performLogin(cookie)` function accepts a cookie and returns a promise. On successful completion of login the promise is resolved.
-
-```js
-var chaisePage = require('YOU_PATH/chaise.page.js');
-
-describe("Setting Login cookie", function() {
-   beforeAll(function(done) {
-      chaisePage.performLogin(COOKIE).then(function() {
-         // Successfully set the user cookie
-         // Add your code to redirect the user to another page on beforeAll
-      }, function(err) {
-         // Unable to set the cookie
-      });
-   });
-});
-
-});
-```
-
-You should try to put the performLogin function inside an `it` statement or `beforeAll`/`beforeEach` statement, so that it is executed in the flow of test.
-
-**NOTE**: Our CI environment doesn't uses HTTPS for CHAISE. When we setup the cookie we set the secure flag in the path for cookie depending on environment. [Reference](http://resources.infosecinstitute.com/securing-cookies-httponly-secure-flags/#gref)
-
-## Asynchronous actions
-
-Currently the asynchronous actions are implemented with promise manager of Selenium.
-The alternate approach to this can be the use of `async/await`.
-
-We shouldn't be using both the approaches together as the behaviour is unpredicatable. For adding `async/await` couple of things to keep in mind:
-1. Make sure you disabled control flow / promise manager. Mixing awaits with enabled control flow may lead to unpredictable results.
-2. Do not forget to prepend ALL your async actions with await (usually this is all protractor api methods). If you will forgot to do this - action without await won't be queued with other actions, so order of actions will be broken. [Source](https://stackoverflow.com/questions/44691940/explain-about-async-await-in-protractor/44701633#44701633)
-
-**NOTE**: Currently `async/await` is only used for viewport in [deriva-webapps](https://github.com/informatics-isi-edu/deriva-webapps/blob/c7ca3e890c7bf73b23c49ac4cbff5ee2733fa93c/test/e2e/utils/common/deriva-webapps.js#L73).
-
diff --git a/docs/dev-docs/protractor-e2e-test.md b/docs/dev-docs/protractor-e2e-test.md
deleted file mode 100644
index 166b9dae1..000000000
--- a/docs/dev-docs/protractor-e2e-test.md
+++ /dev/null
@@ -1,412 +0,0 @@
-# End to End Testing With Protractor
-
-For now, we only have E2E tests in Chaise. E2E tests are automation tests that simulate a user interacting with the app and assert or expect the app would act correctly accordingly. This document will explain how you can configure and run the e2e test cases. Please use [this link](e2e-test-writing.md) to find more information about how to write new test cases.
-
-
-## Tools used
-- **Protractor**: E2E framework tailored for AngularJS apps
-- **Jasmine**: the way in which the automation tests are written
-- **NPM**: to install necessary NodeJS packages
-- **SauceLabs**: platform for executing E2E tests and record (in video) the testing results by CI
-- **Github workflow**: to do continuous integration (CI) by automatically testing every time code is pushed to Github repo
-- **Makefile**: to invoke NPM to install packages necessary for running tests and invoke Protractor (which will run the tests).
-- **ErmrestDataUtils**: tool created in house for catalog/schema creation and seeding data ([Found here](https://github.com/informatics-isi-edu/ErmrestDataUtils)). This is installed with the rest of NodeJS packages.
-
-## Setup
-
-To run E2E tests on your machine, make sure that you've installed the following on your machine:
-
-- **Node.js**
-- **JAVA**
-- **JDK**
-
-Before running the test cases you also need to set `ERMREST_URL`, `CHAISE_BASE_URL`, `AUTH_COOKIE`, `RESTRICTED_AUTH_COOKIE`, and `REMOTE_CHAISE_DIR_PATH` environment variables.
-
-```sh
-export CHAISE_BASE_URL=YOUR_CHAISE_BASE_URL
-export ERMREST_URL=YOUR_ERMREST_URL
-export AUTH_COOKIE=YOUR_WEBAUTHN_COOKIE
-export RESTRICTED_AUTH_COOKIE=YOUR_SECOND_USER_ERMREST_COOKIE
-export REMOTE_CHAISE_DIR_PATH=USERNAME@HOST:public_html/chaise
-```
-
-These variables are used in our test framework to communicate with `ERMrest`. The following is how these variables most probably should look like:
-
-```sh
-export CHAISE_BASE_URL=https://dev.isrd.isi.edu/~<your-user-directory>chaise # No trailing `/`
-export ERMREST_URL=https://dev.isrd.isi.edu/ermrest # No trailing `/`
-export AUTH_COOKIE="webauthn=PutYourCookieHere;" # You have to put `webauthn=` at the beginging and `;` at the end.
-export RESTRICTED_AUTH_COOKIE="webauthn=PutAnotherCookieHere;" # You have to put `webauthn=` at the beginging and `;` at the end.
-export REMOTE_CHAISE_DIR_PATH=chirag@dev.isrd.isi.edu:public_html/chaise # No trailing `/`
-export SHARDING=false
-```
-
-You can get your cookie by querying the database, or using the following simple steps:
-
-1. Open up any chaise page in the deployment that you want to run test cases on.
-2. Login. The account that you are using must have delete and create access. We use this cookie to create and delete catalogs.
-3. Open the Developer tools in your browser.
-4. Go to the console section and write `$.cookie("webauthn")`.
-
-
-## How To Run Tests
-### Prerequistes
-1. After setting up the environment variables, make sure that the `https://dev.isrd.isi.edu/~<your-user-directory>` directory has the public access(if not, give the folder the following permissions `chmod 755 <your-user-directory>`).
-
-2. Make sure all the dependencies are installed by running the following command:
-
-    ```sh
-    make deps-test
-    ```
-
-    This will install all the npm dependencies that are needed and will also make sure the Selenium's WebDriver that protractor uses is updated.
-
-    - If you just want to update the WebDriver you can do `make update-webdriver`.
-    - If the version of Chrome that is installed on your machine is different from the ChromeDriver that Selenium uses, it will throw an error. So make sure both versions are always updated and compatible.
-
-
-3. Build Chaise without installing the dependencies again:
-    ```sh
-    make dist-wo-deps
-    ```
-    As the name suggests this will not install dependencies. That's why you need to install all the dependencies in step 2.
-
-4. Upload your code on the `https://dev.isrd.isi.edu/~<your-user-directory>` by the running the following command in your local chaise repository (This will upload your local code to the remote server):
-
-    ```sh
-    make deploy
-    ```
-    If you want to also deploy the existing config files in your local machine, you can use the `make deploy-w-config` command instead.
-
-
-### Test cases
-- To execute all test cases in sequential order, set the following:
-  ```sh
-  export SHARDING=false
-  ```
-
-  and then run the following command:
-
-  ```sh
-  $ make test
-  ```
-
-- To execute all the test cases in parallel, set the following:
-
-  ```sh
-  export SHARDING=true
-  ```
-
-  and then run the following command:
-
-  ```sh
-  $ make testparallel
-  ```
-
-- To run a specific test spec
-
-    ```sh
-    $ node_modules/.bin/protractor test/e2e/specs/search/data-independent/protractor.conf.js
-    ```
-
-## File structure
-
-```
-chaise/
-`-- test/e2e/
-	|-- data_setup
-	|   |-- config                       # test configuration files
-        |   |   |-- record
-        |   |   |   |-- *.dev.json  # lists the schema config files (*.config.json)
-        |   |   |   `-- *.config.json # the configuration for data utils that connects the schema and data together
-	|   |	`-- recordedit
-	|   |-- data                         # Data
-	|   |   `-- SCHEMA_NAME
-	|   |       |-- TABLE_NAME.json
-	|   |	    `-- TABLE_NAME.json      # Table entities json
-	|   `-- schema
-        |       |-- record
-        |       |   `-- SCHEMA_NAME.json
-	|	    `-- SCHEMA_NAME.json         # Schema Definition json
-	|-- specs
-	|   `-- all-features
-	|       |-- record
-	|       |   |-- TEST_NAME1.spec.js
-	|       |   `-- TEST_NAME1.conf.js   # protractor configuration for similarly named single test
-	|       |-- recordedit
-	|    	|                            # They introspect the existing schema to run the cases*/
-	|       `-- protractor.conf.js   # configuration for the parallel tests
-	`-- utils
-	    |-- chaise.page.js               # To declare Page Objects, google "page object pattern" for details
-	    |-- page.utils.js                # Utilities for Page objects
-	    `-- protractor.configuration.js  # Scaffolding for all configurations
-
-```
-
-## Configuration
-**Protractor.configuration.js**: the protractor.configuration.js file is a scaffolding for all tests and specifies which browser to use when executing tests using
-```sh
-capabilities: {
-    //browserName: 'internet explorer',
-    //browserName: 'firefox',
-    //version: '40.0', //to specify the browser version
-    browserName: 'chrome',
-  },
-```
-It specifies tests to be run on multiple browsers,
-```sh
-multiCapabilities: [{
-    'browserName': 'firefox'
-  }, {
-    'browserName': 'chrome'
-  }],
-```
-
-> While protractor can run in multiple browsers, we're only using Chrome for our e2e tests. To test Firefox, we would have to:
-> - Change the `make update-webdriver` command to also install gecko drivers.
-> - Change the configuration to properly set the browser settings in Firefox the same as Chrome (window size, etc.)
-> - Make sure test specs are working properly on Firefox as well.
-
-
-To specify which test specs to run, use
-```sh
-specs: [
-    '*.spec.js'
-  ],
-```
-
-To configure SauceLabs credentials,
-```sh
-sauceUser: process.env.SAUCE_USERNAME,
-sauceKey: process.env.SAUCE_ACCESS_KEY,
-```
-
-### protractor.conf.js
-
-You must refer this scaffolding in your `protractor.conf.js` file and pass the parameters to avoid duplicating it. This is how your file would look like.
-
-```javascript
-var pConfig = require('./../../../utils/protractor.configuration.js');
-
-var config = pConfig.getConfig({
-
-  // Change this to your desired filed name and Comment below testConfiguration object declaration
-    configFileName: 'search.dev.json',
-
-  /* Just in case if you plan on not giving a file for configuration, you can always specify a testConfiguration object
-   * Comment above 2 lines
-   * Empty configuration will run test cases against catalog 1 and default schema
-    testConfiguration: {
-      ....
-    },
-   */
-
-    // Optional: Default is "chaise-config.js"
-    chaiseConfigFilePath: "path/to/your/chaise-config/to/be.used/in/this/test/suite",
-
-    // Full path from the base of base directory
-    //chaiseConfigFilePath: "test/e2e/specs/recordedit/data-independent/edit/chaise-config.js"
-
-
-   /* If you want to set a custom base URL with some query string or other url parameters use
-    * setBaseUrl function else directly set the page. You just need to provide wither of them.
-    */
-    page: '/search',
-
-    /*
-    setBaseUrl: function(browser, data) {
-      browser.params.url = process.env.CHAISE_BASE_URL + "/search" + "/#" + data.catalogId + "/" + data.schema.name;
-      return browser.params.url;
-    }
-    */
-});
-
-exports.config = config;
-```
-#### ChaiseConfigFilePath
-
-When a tester specifies a chaiseConfigFilePath, it copies the file specified in the `chaiseConfigFilePath` into REMOTE_CHAISE_DIR_PATH/chaise-config.js. This functionality is to make it work locally on developer machine pointing to some other server. In addition, to avoid the newly copied `chaise-config.js` file being used for other suites, it is reverted back to the previous one. Here previous refers to the `chaise-config-sample.js file`.
-
-**NOTE**: To specify which config you want to use for your spec, set `chaiseConfigFilePath` in your **protractor.conf.js** file as follows. You also need to run the [ssh-agent](http://mah.everybody.org/docs/ssh) in background as well as export a new environment variable that specifies your remote **dev.isrd** sshpath.
-
-For example
-```sh
-# run ssh-agent in background
-$ eval ssh-agent
-
-# add your key to ssh-agent
-$ ssh-add PATH/TO/KEY
-
-# export REMOTE_CHAISE_DIR_PATH=USERNAME@HOST:public_html/chaise
-$ export REMOTE_CHAISE_DIR_PATH=chirag@dev.isrd.isi.edu:public_html/chaise
-```
-
-**CI**: For CI there is no need to set `REMOTE_CHAISE_DIR_PATH` as it copies the actual file to the **chaise-config.js** in its local directory where it is running the test-suite.
-
-### Test Configuration JSON file
-
-The `configFileName` which is **"search.dev.json"** here, specifies the file where the JSON for this suite exists. Apart from that everything is self-explanatory in the JSON.
-
-The structure of the configuration is
-```javascript
-{
-   "setup": {
-      "schemaConfigurations" : [{
-        "catalog": {
-            //"id": 1  //existing id of a catalog
-        },
-        "schema": {
-            "name": "product",
-            "createNew": true, // change this to false to avoid creating new schema
-            "path": "./schema/product.json" // path of the schema json file in data_setup folder
-        },
-        "tables": {
-            "createNew": true, // Mention this to be true to allow creating new tables
-        },
-        "entities": {
-            "createNew": true, // Mention this to be true to allow creating new entities
-            "path": "./data/product", // This is the path from where the json for the entities will be picked for import
-        },
-        "authCookie": ""
-    }],
-    "schema": "DEFAULT_NAME_OF_SCHEMA" // (Optional: Will set the default schema to the name you provide)
-  },
-  "cleanup": true, //Do you want to delete the created catalog/schema/tables/entities created in the setup phase
-  "tests": {
-
-  }
-}
-```
-
-The `setup` object  allows you to specify whether the test-cases should create or use existing catalog, schema, tables and entities before running the testcases.
-The `cleanup` property if true will delete all the data that was created in the dataSetup phase.
-The `tests` object is mandatory for data-dependent testcases, as the test-cases will refer to this configuration for running and asserting them.
-
-```javascript
-    "tests" : {
-        "Filters on top of the records," : {   // This is the name of describe which will used this data
-
-            // The internal data doesn't has a format, its just an object which can change accorsing to your test needs/
-            "data" : "testcase2Input2",
-            "someMoreData" : "data"
-            .
-            .
-            .
-            .
-        }
-    }
-```
-
-## Test Parallelization
-
-By default the e2e tests will run in parallel. To avoid this, set the `Sharding` environment variable to `false`.
-
-```export SHARDING=false```
-
-To run a set of specs in parallel you can set some flags in the `protractor.conf.js`.
-
-```js
-
-{
-   ..
-   "parallel": 3, //No of instances or just set it to true for default (4)
-   ..
-}
-
-```
-
-Internally the `parallel` property gets resolved to number of instances and enabling/disabling sharding.
-
-```js
-if (options.parallel) {
-    config.capabilities.shardTestFiles = true;
-    config.capabilities.maxInstances = typeof options.parallel == 'number' ? options.parallel : 4;
-}
-```
-
-You can see the code [here](https://github.com/informatics-isi-edu/chaise/blob/master/test/e2e/utils/protractor.configuration.js)
-
-## Running tests using SAUCE LABS locally
-
-To run tests locally using [Sauce Labs](https://saucelabs.com) you need to have an account with them. Once you signup you will need to extract your `username` and `access key`.
-
-You can access them from the `My account` link in user dropdown. On the `My account` page you will find your username and access key. After which you need to set them in your environment.
-
-```sh
-export SAUCE_USERNAME="your_username"
-export SAUCE_ACCESS_KEY="your_access_key"
-```
-
-Now when you run the tests, they will be executed on Sauce Labs instead of your machine. You can monitor them on their dashboard.
-
-## Running tests in CI
-
-### CI Testing workflow
-in the Chaise folder, invoke command
-```sh
-npm test
-```
-The "test" command specified in package.json (NodeJS conf file) will be executed, so command
-```sh
-make test
-```
-will be executed. Command specified in Makefile will then be executed, which will invoke Protractor to execute the tests.
-```sh
-protractor search/data-independent/protractor.conf.js && search/data-dependent/protractor.conf.js && protractor recordedit/data-independentadd/protractor.conf.js  && protractor recordedit/data-independentadd/protractor.conf.js
-```
-Protractor will run "protractor search/data-independent/protractor.conf.js" first, if there is no failure in search/data-independent/protractor.conf.js specs, protractor will proceed to execute "protractor search/data-dependent/protractor.conf.js". If there are failures in search/data-dependent/protractor.conf.js specs, the tests will exit. And it keeps going on until it has executed all protractor test suites.
-
-Usually Protractor will open a local server (and browsers) to execute the e2e tests. But because we want the tests to be executed on SauceLabs, lines below are added to protractor conf files.
-```sh
-sauceUser: process.env.SAUCE_USERNAME,
-sauceKey: process.env.SAUCE_ACCESS_KEY,
-
-```
-These lines will set up credentials necessary to login SauceLabs and when detected, will execute these tests on SauceLabs. SauceLabs will then print the testing result on terminal and record the testing video on that account as well. When tests are finished, there will be a URL printed on terminal directing you to see the recorded results.
-
-When the code is pushed to ISI repo, the "Chaise end-to-end tests" Github workflow will run appropriate make commands, which will trigger the testing chain specified above.
-
-### Environment Variables
-
-**./.github/workflows/main.yml**: [.e2e.yml](https://github.com/informatics-isi-edu/chaise/blob/master/.github/workflows/e2e.yml)
-specifies environment variables in Github workflow so that tests can be run successfully. Usually the env variables are set using terminal locally, to set them up in CI environment one has to configure e2e.yml file.
-
-- Since CI e2e test require connecting to saucelabs, `SAUCE_USERNAME`, `SAUCE_ACCESS_KEY`,
-  and `SAUCE_TUNNEL_IDENTIFIER` are defined . `SAUCE_TUNNEL_IDENTIFIER` is used
-  internally in the `e2e.yml` to create a saucelab tunnel with that identifier. And then
-  during the setup the same identifier is used to ensure connecting to the correct tunnel.
-- `SHARDING: true` ensures running test cases in parallel.
-
-While running tests on **CI** you don't need to set the `REMOTE_CHAISE_DIR_PATH` in **main.yml** file.
-
-## Debugging
-
-You can use [the Node.js built-in inspector](https://nodejs.org/en/docs/inspector) to debug the test cases. To do so,
-
-1. Find the configuration that you want to debug. Since we're going to use Node.js, we have to directly target the configuration and cannot use the existing `make` targets. To make this easier, you can find the config locations in `Makefile`. In this example, we want to only debug faceting tests which is,
-    ```
-    test/e2e/specs/delete-prohibited/recordset/ind-facet.conf.js
-    ```
-
-2. Run protractor using `--inspect-break` to ensure debugging client waits for you to open it:
-    ```
-    node --inspect-break ./node_modules/.bin/protractor test/e2e/specs/delete-prohibited/recordset/ind-facet.conf.js
-    ```
-    - By default this will use the `9229` port. You can change this by doing `--inspect-break=0.0.0.0:1234`.
-
-3. The previous command will create a debugger that listens to a specific port, and then waits for you to open an [inspector client](https://nodejs.org/en/docs/guides/debugging-getting-started/#inspector-clients). For the purpose of this document, we're going to use Chrome DevTools. So open Chrome and navigate to the following location:
-    ```
-    chrome://inspect
-    ```
-
-4. In the Chrome's inspect page, under the "Remote Target", you should see your target. Click on "inspect" for that target.
-
-5. Chrome will open a new window that is focused on "Sources" tab. If this is the first time that you're debugging, you need to add Chaise folder to Chrome's workspace. To do so just click on "Add folder to workspace" and choose Chaise folder.
-
-6. Now you can go ahead and find the file that you want to debug in Chaise folder and add your break points to the test folder.
-
-7. Resume the execution after you've added your breakpoints and wait for protractor to reach that part of code.
-
-## Writing test
-
-Please use [this link](e2e-test-writing.md) to find more information about how to write new test cases.
diff --git a/package-lock.json b/package-lock.json
index 465f2e4d9..ccb0a16b8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -61,9 +61,7 @@
         "jasmine-spec-reporter": "^2.5.0",
         "moment": "2.29.4",
         "moment-timezone": "0.5.14",
-        "patch-package": "^8.0.0",
         "prettier": "^3.2.5",
-        "protractor": "5.4.4",
         "set-cookie-parser": "x",
         "ts-node": "^10.9.1",
         "webpack-bundle-analyzer": "^4.5.0"
@@ -2586,11 +2584,6 @@
         "@types/react": "*"
       }
     },
-    "node_modules/@types/selenium-webdriver": {
-      "version": "3.0.19",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/@types/sizzle": {
       "version": "2.3.3",
       "license": "MIT"
@@ -3012,11 +3005,6 @@
       "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
       "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ=="
     },
-    "node_modules/@yarnpkg/lockfile": {
-      "version": "1.1.0",
-      "dev": true,
-      "license": "BSD-2-Clause"
-    },
     "node_modules/abs-svg-path": {
       "version": "0.1.1",
       "license": "MIT",
@@ -3058,25 +3046,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/adm-zip": {
-      "version": "0.5.10",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.0"
-      }
-    },
-    "node_modules/agent-base": {
-      "version": "4.3.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "es6-promisify": "^5.0.0"
-      },
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
     "node_modules/ajv": {
       "version": "6.12.6",
       "license": "MIT",
@@ -3136,14 +3105,6 @@
       "license": "MIT",
       "peer": true
     },
-    "node_modules/ansi-regex": {
-      "version": "2.1.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/ansi-styles": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
@@ -3263,14 +3224,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/array-uniq": {
-      "version": "1.0.3",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/array.prototype.findlast": {
       "version": "1.2.5",
       "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
@@ -3385,30 +3338,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/arrify": {
-      "version": "1.0.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/asn1": {
-      "version": "0.2.6",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "safer-buffer": "~2.1.0"
-      }
-    },
-    "node_modules/assert-plus": {
-      "version": "1.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
     "node_modules/ast-types-flow": {
       "version": "0.0.8",
       "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
@@ -3419,14 +3348,6 @@
       "version": "0.4.0",
       "license": "MIT"
     },
-    "node_modules/at-least-node": {
-      "version": "1.0.0",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">= 4.0.0"
-      }
-    },
     "node_modules/available-typed-arrays": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
@@ -3442,19 +3363,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/aws-sign2": {
-      "version": "0.7.0",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/aws4": {
-      "version": "1.11.0",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/axe-core": {
       "version": "4.10.0",
       "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.10.0.tgz",
@@ -3560,14 +3468,6 @@
         "node": ">= 0.6.0"
       }
     },
-    "node_modules/bcrypt-pbkdf": {
-      "version": "1.0.2",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "tweetnacl": "^0.14.3"
-      }
-    },
     "node_modules/big.js": {
       "version": "5.2.2",
       "license": "MIT",
@@ -3606,20 +3506,6 @@
         "safe-buffer": "^5.1.1"
       }
     },
-    "node_modules/blocking-proxy": {
-      "version": "1.0.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "minimist": "^1.2.0"
-      },
-      "bin": {
-        "blocking-proxy": "built/lib/bin.js"
-      },
-      "engines": {
-        "node": ">=6.9.x"
-      }
-    },
     "node_modules/boolbase": {
       "version": "1.0.0",
       "license": "ISC"
@@ -3686,14 +3572,6 @@
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
-    "node_modules/browserstack": {
-      "version": "1.6.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "https-proxy-agent": "^2.2.1"
-      }
-    },
     "node_modules/buffer-from": {
       "version": "1.1.2",
       "license": "MIT"
@@ -3734,14 +3612,6 @@
         "tslib": "^2.0.3"
       }
     },
-    "node_modules/camelcase": {
-      "version": "5.3.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/caniuse-lite": {
       "version": "1.0.30001612",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001612.tgz",
@@ -3769,11 +3639,6 @@
         "element-size": "^1.1.1"
       }
     },
-    "node_modules/caseless": {
-      "version": "0.12.0",
-      "dev": true,
-      "license": "Apache-2.0"
-    },
     "node_modules/chalk": {
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
@@ -3874,35 +3739,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/cliui": {
-      "version": "4.1.0",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^2.1.1",
-        "strip-ansi": "^4.0.0",
-        "wrap-ansi": "^2.0.0"
-      }
-    },
-    "node_modules/cliui/node_modules/ansi-regex": {
-      "version": "3.0.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/cliui/node_modules/strip-ansi": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/clone-deep": {
       "version": "4.0.1",
       "license": "MIT",
@@ -3915,14 +3751,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/code-point-at": {
-      "version": "1.1.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/color-alpha": {
       "version": "1.0.4",
       "license": "MIT",
@@ -4062,7 +3890,8 @@
     },
     "node_modules/core-util-is": {
       "version": "1.0.3",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/country-regex": {
       "version": "1.1.0",
@@ -4378,17 +4207,6 @@
       "dev": true,
       "license": "BSD-2-Clause"
     },
-    "node_modules/dashdash": {
-      "version": "1.14.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "assert-plus": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10"
-      }
-    },
     "node_modules/data-view-buffer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
@@ -4455,14 +4273,6 @@
         }
       }
     },
-    "node_modules/decamelize": {
-      "version": "1.2.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/deep-equal": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz",
@@ -4544,61 +4354,6 @@
       "license": "MIT",
       "peer": true
     },
-    "node_modules/del": {
-      "version": "2.2.2",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "globby": "^5.0.0",
-        "is-path-cwd": "^1.0.0",
-        "is-path-in-cwd": "^1.0.0",
-        "object-assign": "^4.0.1",
-        "pify": "^2.0.0",
-        "pinkie-promise": "^2.0.0",
-        "rimraf": "^2.2.8"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/del/node_modules/array-union": {
-      "version": "1.0.2",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "array-uniq": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/del/node_modules/globby": {
-      "version": "5.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "array-union": "^1.0.1",
-        "arrify": "^1.0.0",
-        "glob": "^7.0.3",
-        "object-assign": "^4.0.1",
-        "pify": "^2.0.0",
-        "pinkie-promise": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/del/node_modules/rimraf": {
-      "version": "2.7.1",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      }
-    },
     "node_modules/delayed-stream": {
       "version": "1.0.0",
       "license": "MIT",
@@ -4764,15 +4519,6 @@
       "license": "ISC",
       "peer": true
     },
-    "node_modules/ecc-jsbn": {
-      "version": "0.1.2",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "jsbn": "~0.1.0",
-        "safer-buffer": "^2.1.0"
-      }
-    },
     "node_modules/electron-to-chromium": {
       "version": "1.4.746",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.746.tgz",
@@ -4806,6 +4552,7 @@
     "node_modules/end-of-stream": {
       "version": "1.4.4",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "once": "^1.4.0"
       }
@@ -5052,19 +4799,6 @@
         "es6-symbol": "^3.1.1"
       }
     },
-    "node_modules/es6-promise": {
-      "version": "4.2.8",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/es6-promisify": {
-      "version": "5.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "es6-promise": "^4.0.3"
-      }
-    },
     "node_modules/es6-symbol": {
       "version": "3.1.3",
       "license": "ISC",
@@ -5849,13 +5583,6 @@
         "node": "*"
       }
     },
-    "node_modules/exit": {
-      "version": "0.1.2",
-      "dev": true,
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
     "node_modules/ext": {
       "version": "1.6.0",
       "license": "ISC",
@@ -5869,19 +5596,6 @@
       "license": "ISC",
       "peer": true
     },
-    "node_modules/extend": {
-      "version": "3.0.2",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/extsprintf": {
-      "version": "1.3.0",
-      "dev": true,
-      "engines": [
-        "node >=0.6.0"
-      ],
-      "license": "MIT"
-    },
     "node_modules/falafel": {
       "version": "2.2.5",
       "license": "MIT",
@@ -6099,14 +5813,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/find-yarn-workspace-root": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "micromatch": "^4.0.2"
-      }
-    },
     "node_modules/flat-cache": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
@@ -6178,27 +5884,6 @@
         "is-callable": "^1.1.3"
       }
     },
-    "node_modules/forever-agent": {
-      "version": "0.6.1",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/form-data": {
-      "version": "2.3.3",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "asynckit": "^0.4.0",
-        "combined-stream": "^1.0.6",
-        "mime-types": "^2.1.12"
-      },
-      "engines": {
-        "node": ">= 0.12"
-      }
-    },
     "node_modules/from2": {
       "version": "2.3.0",
       "license": "MIT",
@@ -6208,20 +5893,6 @@
         "readable-stream": "^2.0.0"
       }
     },
-    "node_modules/fs-extra": {
-      "version": "9.1.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "at-least-node": "^1.0.0",
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "dev": true,
@@ -6284,11 +5955,6 @@
       "license": "ISC",
       "peer": true
     },
-    "node_modules/get-caller-file": {
-      "version": "1.0.3",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/get-canvas-context": {
       "version": "1.0.2",
       "license": "MIT",
@@ -6340,14 +6006,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/getpass": {
-      "version": "0.1.7",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "assert-plus": "^1.0.0"
-      }
-    },
     "node_modules/gl-mat4": {
       "version": "1.2.0",
       "license": "Zlib",
@@ -6696,37 +6354,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/har-schema": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/har-validator": {
-      "version": "5.1.5",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ajv": "^6.12.3",
-        "har-schema": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/has-ansi": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/has-bigints": {
       "version": "1.0.2",
       "dev": true,
@@ -6896,40 +6523,6 @@
         "entities": "^2.0.0"
       }
     },
-    "node_modules/http-signature": {
-      "version": "1.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "assert-plus": "^1.0.0",
-        "jsprim": "^1.2.2",
-        "sshpk": "^1.7.0"
-      },
-      "engines": {
-        "node": ">=0.8",
-        "npm": ">=1.3.7"
-      }
-    },
-    "node_modules/https-proxy-agent": {
-      "version": "2.2.4",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "agent-base": "^4.3.0",
-        "debug": "^3.1.0"
-      },
-      "engines": {
-        "node": ">= 4.5.0"
-      }
-    },
-    "node_modules/https-proxy-agent/node_modules/debug": {
-      "version": "3.2.7",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ms": "^2.1.1"
-      }
-    },
     "node_modules/human-signals": {
       "version": "2.1.0",
       "license": "Apache-2.0",
@@ -6994,11 +6587,6 @@
         "npm": ">=4.0.0"
       }
     },
-    "node_modules/immediate": {
-      "version": "3.0.6",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/immutable": {
       "version": "4.0.0",
       "license": "MIT"
@@ -7057,11 +6645,6 @@
       "version": "2.0.4",
       "license": "ISC"
     },
-    "node_modules/ini": {
-      "version": "1.3.8",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/internal-slot": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
@@ -7090,14 +6673,6 @@
         "loose-envify": "^1.0.0"
       }
     },
-    "node_modules/invert-kv": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/is-arguments": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
@@ -7240,20 +6815,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-docker": {
-      "version": "2.2.1",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "is-docker": "cli.js"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "license": "MIT",
@@ -7292,14 +6853,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/is-generator-function": {
       "version": "1.0.10",
       "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
@@ -7392,36 +6945,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/is-path-cwd": {
-      "version": "1.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-path-in-cwd": {
-      "version": "1.0.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-path-inside": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-path-inside": {
-      "version": "1.0.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "path-is-inside": "^1.0.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/is-plain-obj": {
       "version": "1.1.0",
       "license": "MIT",
@@ -7546,11 +7069,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-typedarray": {
-      "version": "1.0.0",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/is-weakmap": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
@@ -7590,20 +7108,10 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-wsl": {
-      "version": "2.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-docker": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/isarray": {
       "version": "1.0.0",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/isexe": {
       "version": "2.0.0",
@@ -7616,11 +7124,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/isstream": {
-      "version": "0.1.2",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/iterator.prototype": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.2.tgz",
@@ -7634,24 +7137,6 @@
         "set-function-name": "^2.0.1"
       }
     },
-    "node_modules/jasmine": {
-      "version": "2.8.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "exit": "^0.1.2",
-        "glob": "^7.0.6",
-        "jasmine-core": "~2.8.0"
-      },
-      "bin": {
-        "jasmine": "bin/jasmine.js"
-      }
-    },
-    "node_modules/jasmine-core": {
-      "version": "2.8.0",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/jasmine-spec-reporter": {
       "version": "2.7.0",
       "dev": true,
@@ -7660,14 +7145,6 @@
         "colors": "1.1.2"
       }
     },
-    "node_modules/jasminewd2": {
-      "version": "2.2.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 6.9.x"
-      }
-    },
     "node_modules/jest-util": {
       "version": "29.7.0",
       "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
@@ -7806,11 +7283,6 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
-    "node_modules/jsbn": {
-      "version": "0.1.1",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/jsesc": {
       "version": "2.5.2",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz",
@@ -7832,36 +7304,15 @@
       "version": "2.3.1",
       "license": "MIT"
     },
-    "node_modules/json-schema": {
-      "version": "0.4.0",
-      "dev": true,
-      "license": "(AFL-2.1 OR BSD-3-Clause)"
-    },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "license": "MIT"
     },
-    "node_modules/json-stable-stringify": {
-      "version": "1.0.2",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "jsonify": "^0.0.1"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
     "node_modules/json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/json-stringify-safe": {
-      "version": "5.0.1",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/json5": {
       "version": "2.2.3",
       "license": "MIT",
@@ -7872,39 +7323,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/jsonfile": {
-      "version": "6.1.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "universalify": "^2.0.0"
-      },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "node_modules/jsonify": {
-      "version": "0.0.1",
-      "dev": true,
-      "license": "Public Domain",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/jsprim": {
-      "version": "1.4.2",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "assert-plus": "1.0.0",
-        "extsprintf": "1.3.0",
-        "json-schema": "0.4.0",
-        "verror": "1.10.0"
-      },
-      "engines": {
-        "node": ">=0.6.0"
-      }
-    },
     "node_modules/jsx-ast-utils": {
       "version": "3.3.5",
       "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
@@ -7920,17 +7338,6 @@
         "node": ">=4.0"
       }
     },
-    "node_modules/jszip": {
-      "version": "3.9.1",
-      "dev": true,
-      "license": "(MIT OR GPL-3.0-or-later)",
-      "dependencies": {
-        "lie": "~3.3.0",
-        "pako": "~1.0.2",
-        "readable-stream": "~2.3.6",
-        "set-immediate-shim": "~1.0.1"
-      }
-    },
     "node_modules/kdbush": {
       "version": "3.0.0",
       "license": "ISC",
@@ -7952,14 +7359,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/klaw-sync": {
-      "version": "6.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "graceful-fs": "^4.1.11"
-      }
-    },
     "node_modules/klona": {
       "version": "2.0.5",
       "license": "MIT",
@@ -7985,17 +7384,6 @@
         "node": ">=0.10"
       }
     },
-    "node_modules/lcid": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "invert-kv": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -8009,14 +7397,6 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/lie": {
-      "version": "3.3.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "immediate": "~3.0.5"
-      }
-    },
     "node_modules/loader-runner": {
       "version": "4.3.0",
       "license": "MIT",
@@ -8082,17 +7462,6 @@
       "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
       "dev": true
     },
-    "node_modules/map-age-cleaner": {
-      "version": "0.1.3",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-defer": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/map-limit": {
       "version": "0.0.1",
       "license": "MIT",
@@ -8149,19 +7518,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/mem": {
-      "version": "4.3.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "map-age-cleaner": "^0.1.1",
-        "mimic-fn": "^2.0.0",
-        "p-is-promise": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/memoize-one": {
       "version": "5.2.1",
       "license": "MIT"
@@ -8378,11 +7734,6 @@
       "license": "ISC",
       "peer": true
     },
-    "node_modules/nice-try": {
-      "version": "1.0.5",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/no-case": {
       "version": "3.0.4",
       "license": "MIT",
@@ -8439,22 +7790,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/number-is-nan": {
-      "version": "1.0.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/oauth-sign": {
-      "version": "0.9.0",
-      "dev": true,
-      "license": "Apache-2.0",
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/object-assign": {
       "version": "4.1.1",
       "license": "MIT",
@@ -8599,21 +7934,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/open": {
-      "version": "7.4.2",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-docker": "^2.0.0",
-        "is-wsl": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
     "node_modules/opener": {
       "version": "1.5.2",
       "dev": true,
@@ -8639,164 +7959,6 @@
         "node": ">= 0.8.0"
       }
     },
-    "node_modules/os-locale": {
-      "version": "3.1.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "execa": "^1.0.0",
-        "lcid": "^2.0.0",
-        "mem": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/os-locale/node_modules/cross-spawn": {
-      "version": "6.0.5",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "nice-try": "^1.0.4",
-        "path-key": "^2.0.1",
-        "semver": "^5.5.0",
-        "shebang-command": "^1.2.0",
-        "which": "^1.2.9"
-      },
-      "engines": {
-        "node": ">=4.8"
-      }
-    },
-    "node_modules/os-locale/node_modules/execa": {
-      "version": "1.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cross-spawn": "^6.0.0",
-        "get-stream": "^4.0.0",
-        "is-stream": "^1.1.0",
-        "npm-run-path": "^2.0.0",
-        "p-finally": "^1.0.0",
-        "signal-exit": "^3.0.0",
-        "strip-eof": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/os-locale/node_modules/get-stream": {
-      "version": "4.1.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "pump": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/os-locale/node_modules/is-stream": {
-      "version": "1.1.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/os-locale/node_modules/npm-run-path": {
-      "version": "2.0.2",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "path-key": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/os-locale/node_modules/path-key": {
-      "version": "2.0.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/os-locale/node_modules/semver": {
-      "version": "5.7.2",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/os-locale/node_modules/shebang-command": {
-      "version": "1.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "shebang-regex": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/os-locale/node_modules/shebang-regex": {
-      "version": "1.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/os-locale/node_modules/which": {
-      "version": "1.3.1",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "which": "bin/which"
-      }
-    },
-    "node_modules/os-tmpdir": {
-      "version": "1.0.2",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/p-defer": {
-      "version": "1.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/p-finally": {
-      "version": "1.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/p-is-promise": {
-      "version": "2.1.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/pako": {
-      "version": "1.0.11",
-      "dev": true,
-      "license": "(MIT AND Zlib)"
-    },
     "node_modules/param-case": {
       "version": "3.0.4",
       "license": "MIT",
@@ -8848,151 +8010,6 @@
         "tslib": "^2.0.3"
       }
     },
-    "node_modules/patch-package": {
-      "version": "8.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@yarnpkg/lockfile": "^1.1.0",
-        "chalk": "^4.1.2",
-        "ci-info": "^3.7.0",
-        "cross-spawn": "^7.0.3",
-        "find-yarn-workspace-root": "^2.0.0",
-        "fs-extra": "^9.0.0",
-        "json-stable-stringify": "^1.0.2",
-        "klaw-sync": "^6.0.0",
-        "minimist": "^1.2.6",
-        "open": "^7.4.2",
-        "rimraf": "^2.6.3",
-        "semver": "^7.5.3",
-        "slash": "^2.0.0",
-        "tmp": "^0.0.33",
-        "yaml": "^2.2.2"
-      },
-      "bin": {
-        "patch-package": "index.js"
-      },
-      "engines": {
-        "node": ">=14",
-        "npm": ">5"
-      }
-    },
-    "node_modules/patch-package/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/patch-package/node_modules/chalk": {
-      "version": "4.1.2",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/patch-package/node_modules/color-convert": {
-      "version": "2.0.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/patch-package/node_modules/color-name": {
-      "version": "1.1.4",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/patch-package/node_modules/has-flag": {
-      "version": "4.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/patch-package/node_modules/rimraf": {
-      "version": "2.7.1",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      }
-    },
-    "node_modules/patch-package/node_modules/semver": {
-      "version": "7.5.4",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/patch-package/node_modules/slash": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/patch-package/node_modules/supports-color": {
-      "version": "7.2.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/patch-package/node_modules/tmp": {
-      "version": "0.0.33",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "os-tmpdir": "~1.0.2"
-      },
-      "engines": {
-        "node": ">=0.6.0"
-      }
-    },
-    "node_modules/path-exists": {
-      "version": "3.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/path-is-absolute": {
       "version": "1.0.1",
       "dev": true,
@@ -9001,11 +8018,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/path-is-inside": {
-      "version": "1.0.2",
-      "dev": true,
-      "license": "(WTFPL OR MIT)"
-    },
     "node_modules/path-key": {
       "version": "3.1.1",
       "license": "MIT",
@@ -9040,7 +8052,8 @@
     },
     "node_modules/performance-now": {
       "version": "2.1.0",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/pick-by-alias": {
       "version": "1.2.0",
@@ -9061,33 +8074,6 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
-    "node_modules/pify": {
-      "version": "2.3.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/pinkie": {
-      "version": "2.0.4",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/pinkie-promise": {
-      "version": "2.0.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "pinkie": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/pkg-dir": {
       "version": "4.2.0",
       "license": "MIT",
@@ -9408,7 +8394,8 @@
     },
     "node_modules/process-nextick-args": {
       "version": "2.0.1",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/prop-types": {
       "version": "15.8.1",
@@ -9435,109 +8422,10 @@
       "license": "MIT",
       "peer": true
     },
-    "node_modules/protractor": {
-      "version": "5.4.4",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/q": "^0.0.32",
-        "@types/selenium-webdriver": "^3.0.0",
-        "blocking-proxy": "^1.0.0",
-        "browserstack": "^1.5.1",
-        "chalk": "^1.1.3",
-        "glob": "^7.0.3",
-        "jasmine": "2.8.0",
-        "jasminewd2": "^2.1.0",
-        "q": "1.4.1",
-        "saucelabs": "^1.5.0",
-        "selenium-webdriver": "3.6.0",
-        "source-map-support": "~0.4.0",
-        "webdriver-js-extender": "2.1.0",
-        "webdriver-manager": "^12.0.6",
-        "yargs": "^12.0.5"
-      },
-      "bin": {
-        "protractor": "bin/protractor",
-        "webdriver-manager": "bin/webdriver-manager"
-      },
-      "engines": {
-        "node": ">=6.9.x"
-      }
-    },
-    "node_modules/protractor/node_modules/@types/q": {
-      "version": "0.0.32",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/protractor/node_modules/ansi-styles": {
-      "version": "2.2.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/protractor/node_modules/chalk": {
-      "version": "1.1.3",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^2.2.1",
-        "escape-string-regexp": "^1.0.2",
-        "has-ansi": "^2.0.0",
-        "strip-ansi": "^3.0.0",
-        "supports-color": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/protractor/node_modules/q": {
-      "version": "1.4.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.6.0",
-        "teleport": ">=0.2.0"
-      }
-    },
-    "node_modules/protractor/node_modules/strip-ansi": {
-      "version": "3.0.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/protractor/node_modules/supports-color": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
       "license": "MIT"
     },
-    "node_modules/psl": {
-      "version": "1.8.0",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/pump": {
-      "version": "3.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "end-of-stream": "^1.1.0",
-        "once": "^1.3.1"
-      }
-    },
     "node_modules/punycode": {
       "version": "2.1.1",
       "license": "MIT",
@@ -9553,14 +8441,6 @@
         "teleport": ">=0.2.0"
       }
     },
-    "node_modules/qs": {
-      "version": "6.5.3",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.6"
-      }
-    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -9786,6 +8666,7 @@
     "node_modules/readable-stream": {
       "version": "2.3.7",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
         "core-util-is": "~1.0.0",
         "inherits": "~2.0.3",
@@ -10019,44 +8900,6 @@
         "strip-ansi": "^6.0.1"
       }
     },
-    "node_modules/request": {
-      "version": "2.88.2",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "aws-sign2": "~0.7.0",
-        "aws4": "^1.8.0",
-        "caseless": "~0.12.0",
-        "combined-stream": "~1.0.6",
-        "extend": "~3.0.2",
-        "forever-agent": "~0.6.1",
-        "form-data": "~2.3.2",
-        "har-validator": "~5.1.3",
-        "http-signature": "~1.2.0",
-        "is-typedarray": "~1.0.0",
-        "isstream": "~0.1.2",
-        "json-stringify-safe": "~5.0.1",
-        "mime-types": "~2.1.19",
-        "oauth-sign": "~0.9.0",
-        "performance-now": "^2.1.0",
-        "qs": "~6.5.2",
-        "safe-buffer": "^5.1.2",
-        "tough-cookie": "~2.5.0",
-        "tunnel-agent": "^0.6.0",
-        "uuid": "^3.3.2"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/require-directory": {
-      "version": "2.1.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/require-from-string": {
       "version": "2.0.2",
       "license": "MIT",
@@ -10064,11 +8907,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/require-main-filename": {
-      "version": "1.0.1",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
@@ -10225,7 +9063,8 @@
     },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
-      "license": "MIT"
+      "license": "MIT",
+      "peer": true
     },
     "node_modules/sass": {
       "version": "1.58.3",
@@ -10278,19 +9117,10 @@
         }
       }
     },
-    "node_modules/saucelabs": {
-      "version": "1.5.0",
-      "dev": true,
-      "dependencies": {
-        "https-proxy-agent": "^2.2.1"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/sax": {
       "version": "1.2.4",
-      "license": "ISC"
+      "license": "ISC",
+      "peer": true
     },
     "node_modules/scheduler": {
       "version": "0.23.2",
@@ -10349,31 +9179,6 @@
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
       "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="
     },
-    "node_modules/selenium-webdriver": {
-      "version": "3.6.0",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "jszip": "^3.1.3",
-        "rimraf": "^2.5.4",
-        "tmp": "0.0.30",
-        "xml2js": "^0.4.17"
-      },
-      "engines": {
-        "node": ">= 6.9.0"
-      }
-    },
-    "node_modules/selenium-webdriver/node_modules/rimraf": {
-      "version": "2.7.1",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      }
-    },
     "node_modules/semver": {
       "version": "6.3.1",
       "license": "ISC",
@@ -10389,11 +9194,6 @@
         "randombytes": "^2.1.0"
       }
     },
-    "node_modules/set-blocking": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/set-cookie-parser": {
       "version": "2.4.8",
       "dev": true,
@@ -10431,14 +9231,6 @@
         "node": ">= 0.4"
       }
     },
-    "node_modules/set-immediate-shim": {
-      "version": "1.0.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/shallow-clone": {
       "version": "3.0.1",
       "license": "MIT",
@@ -10520,14 +9312,6 @@
         "node": ">=8"
       }
     },
-    "node_modules/source-map": {
-      "version": "0.5.7",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/source-map-js": {
       "version": "1.0.2",
       "license": "BSD-3-Clause",
@@ -10535,42 +9319,10 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/source-map-support": {
-      "version": "0.4.18",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "source-map": "^0.5.6"
-      }
-    },
     "node_modules/spark-md5": {
       "version": "3.0.2",
       "license": "(WTFPL OR MIT)"
     },
-    "node_modules/sshpk": {
-      "version": "1.17.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "asn1": "~0.2.3",
-        "assert-plus": "^1.0.0",
-        "bcrypt-pbkdf": "^1.0.0",
-        "dashdash": "^1.12.0",
-        "ecc-jsbn": "~0.1.1",
-        "getpass": "^0.1.1",
-        "jsbn": "~0.1.0",
-        "safer-buffer": "^2.0.2",
-        "tweetnacl": "~0.14.0"
-      },
-      "bin": {
-        "sshpk-conv": "bin/sshpk-conv",
-        "sshpk-sign": "bin/sshpk-sign",
-        "sshpk-verify": "bin/sshpk-verify"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/stack-trace": {
       "version": "0.0.9",
       "peer": true,
@@ -10624,50 +9376,20 @@
       "license": "MIT",
       "peer": true
     },
-    "node_modules/string_decoder": {
-      "version": "1.1.1",
-      "license": "MIT",
-      "dependencies": {
-        "safe-buffer": "~5.1.0"
-      }
-    },
-    "node_modules/string-split-by": {
-      "version": "1.0.0",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "parenthesis": "^3.1.5"
-      }
-    },
-    "node_modules/string-width": {
-      "version": "2.1.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-fullwidth-code-point": "^2.0.0",
-        "strip-ansi": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/string-width/node_modules/ansi-regex": {
-      "version": "3.0.1",
-      "dev": true,
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
       "license": "MIT",
-      "engines": {
-        "node": ">=4"
+      "peer": true,
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
       }
     },
-    "node_modules/string-width/node_modules/strip-ansi": {
-      "version": "4.0.0",
-      "dev": true,
+    "node_modules/string-split-by": {
+      "version": "1.0.0",
       "license": "MIT",
+      "peer": true,
       "dependencies": {
-        "ansi-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=4"
+        "parenthesis": "^3.1.5"
       }
     },
     "node_modules/string.prototype.includes": {
@@ -10791,14 +9513,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/strip-eof": {
-      "version": "1.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/strip-final-newline": {
       "version": "2.0.0",
       "license": "MIT",
@@ -11044,17 +9758,6 @@
       "license": "ISC",
       "peer": true
     },
-    "node_modules/tmp": {
-      "version": "0.0.30",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "os-tmpdir": "~1.0.1"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
     "node_modules/to-fast-properties": {
       "version": "2.0.0",
       "license": "MIT",
@@ -11112,18 +9815,6 @@
         "node": ">=6"
       }
     },
-    "node_modules/tough-cookie": {
-      "version": "2.5.0",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "psl": "^1.1.28",
-        "punycode": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.8"
-      }
-    },
     "node_modules/ts-api-utils": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz",
@@ -11207,22 +9898,6 @@
       "version": "2.4.0",
       "license": "0BSD"
     },
-    "node_modules/tunnel-agent": {
-      "version": "0.6.0",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "safe-buffer": "^5.0.1"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/tweetnacl": {
-      "version": "0.14.5",
-      "dev": true,
-      "license": "Unlicense"
-    },
     "node_modules/type": {
       "version": "1.2.0",
       "license": "ISC",
@@ -11433,14 +10108,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/universalify": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
     "node_modules/unquote": {
       "version": "1.1.1",
       "license": "MIT",
@@ -11502,38 +10169,12 @@
       "version": "0.4.0",
       "license": "MIT"
     },
-    "node_modules/uuid": {
-      "version": "3.4.0",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "uuid": "bin/uuid"
-      }
-    },
     "node_modules/v8-compile-cache-lib": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
       "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
       "dev": true
     },
-    "node_modules/verror": {
-      "version": "1.10.0",
-      "dev": true,
-      "engines": [
-        "node >=0.6.0"
-      ],
-      "license": "MIT",
-      "dependencies": {
-        "assert-plus": "^1.0.0",
-        "core-util-is": "1.0.2",
-        "extsprintf": "^1.2.0"
-      }
-    },
-    "node_modules/verror/node_modules/core-util-is": {
-      "version": "1.0.2",
-      "dev": true,
-      "license": "MIT"
-    },
     "node_modules/vt-pbf": {
       "version": "3.1.3",
       "license": "MIT",
@@ -11568,103 +10209,6 @@
       "license": "Apache-2.0",
       "peer": true
     },
-    "node_modules/webdriver-js-extender": {
-      "version": "2.1.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/selenium-webdriver": "^3.0.0",
-        "selenium-webdriver": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=6.9.x"
-      }
-    },
-    "node_modules/webdriver-manager": {
-      "version": "12.1.9",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "adm-zip": "^0.5.2",
-        "chalk": "^1.1.1",
-        "del": "^2.2.0",
-        "glob": "^7.0.3",
-        "ini": "^1.3.4",
-        "minimist": "^1.2.0",
-        "q": "^1.4.1",
-        "request": "^2.87.0",
-        "rimraf": "^2.5.2",
-        "semver": "^5.3.0",
-        "xml2js": "^0.4.17"
-      },
-      "bin": {
-        "webdriver-manager": "bin/webdriver-manager"
-      },
-      "engines": {
-        "node": ">=6.9.x"
-      }
-    },
-    "node_modules/webdriver-manager/node_modules/ansi-styles": {
-      "version": "2.2.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/webdriver-manager/node_modules/chalk": {
-      "version": "1.1.3",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^2.2.1",
-        "escape-string-regexp": "^1.0.2",
-        "has-ansi": "^2.0.0",
-        "strip-ansi": "^3.0.0",
-        "supports-color": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/webdriver-manager/node_modules/rimraf": {
-      "version": "2.7.1",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      }
-    },
-    "node_modules/webdriver-manager/node_modules/semver": {
-      "version": "5.7.2",
-      "dev": true,
-      "license": "ISC",
-      "bin": {
-        "semver": "bin/semver"
-      }
-    },
-    "node_modules/webdriver-manager/node_modules/strip-ansi": {
-      "version": "3.0.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/webdriver-manager/node_modules/supports-color": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.8.0"
-      }
-    },
     "node_modules/webgl-context": {
       "version": "2.2.0",
       "license": "MIT",
@@ -11973,11 +10517,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/which-module": {
-      "version": "2.0.0",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/which-typed-array": {
       "version": "1.1.15",
       "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
@@ -12017,53 +10556,6 @@
         "object-assign": "^4.1.0"
       }
     },
-    "node_modules/wrap-ansi": {
-      "version": "2.1.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "string-width": "^1.0.1",
-        "strip-ansi": "^3.0.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/is-fullwidth-code-point": {
-      "version": "1.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "number-is-nan": "^1.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/string-width": {
-      "version": "1.0.2",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "code-point-at": "^1.0.0",
-        "is-fullwidth-code-point": "^1.0.0",
-        "strip-ansi": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/strip-ansi": {
-      "version": "3.0.1",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/wrappy": {
       "version": "1.0.2",
       "license": "ISC"
@@ -12089,26 +10581,6 @@
         }
       }
     },
-    "node_modules/xml2js": {
-      "version": "0.4.23",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "sax": ">=0.6.0",
-        "xmlbuilder": "~11.0.0"
-      },
-      "engines": {
-        "node": ">=4.0.0"
-      }
-    },
-    "node_modules/xmlbuilder": {
-      "version": "11.0.1",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4.0"
-      }
-    },
     "node_modules/xtend": {
       "version": "4.0.2",
       "license": "MIT",
@@ -12117,107 +10589,10 @@
         "node": ">=0.4"
       }
     },
-    "node_modules/y18n": {
-      "version": "4.0.3",
-      "dev": true,
-      "license": "ISC"
-    },
     "node_modules/yallist": {
       "version": "4.0.0",
       "license": "ISC"
     },
-    "node_modules/yaml": {
-      "version": "2.3.2",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">= 14"
-      }
-    },
-    "node_modules/yargs": {
-      "version": "12.0.5",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cliui": "^4.0.0",
-        "decamelize": "^1.2.0",
-        "find-up": "^3.0.0",
-        "get-caller-file": "^1.0.1",
-        "os-locale": "^3.0.0",
-        "require-directory": "^2.1.1",
-        "require-main-filename": "^1.0.1",
-        "set-blocking": "^2.0.0",
-        "string-width": "^2.0.0",
-        "which-module": "^2.0.0",
-        "y18n": "^3.2.1 || ^4.0.0",
-        "yargs-parser": "^11.1.1"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "11.1.1",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "camelcase": "^5.0.0",
-        "decamelize": "^1.2.0"
-      }
-    },
-    "node_modules/yargs/node_modules/find-up": {
-      "version": "3.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "locate-path": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/yargs/node_modules/locate-path": {
-      "version": "3.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-locate": "^3.0.0",
-        "path-exists": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/yargs/node_modules/p-limit": {
-      "version": "2.3.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-try": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/yargs/node_modules/p-locate": {
-      "version": "3.0.0",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "p-limit": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/yargs/node_modules/p-try": {
-      "version": "2.2.0",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/yn": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
diff --git a/package.json b/package.json
index 7d6b18a21..c34ea72dd 100644
--- a/package.json
+++ b/package.json
@@ -15,8 +15,9 @@
   ],
   "scripts": {
     "build": "make dist",
+    "deploy": "make deploy",
     "pretest": "make deploy",
-    "test": "make test"
+    "test": "make testparallel"
   },
   "repository": {
     "type": "git",
@@ -42,9 +43,7 @@
     "jasmine-spec-reporter": "^2.5.0",
     "moment": "2.29.4",
     "moment-timezone": "0.5.14",
-    "patch-package": "^8.0.0",
     "prettier": "^3.2.5",
-    "protractor": "5.4.4",
     "set-cookie-parser": "x",
     "ts-node": "^10.9.1",
     "webpack-bundle-analyzer": "^4.5.0"
diff --git a/patches/README.md b/patches/README.md
deleted file mode 100644
index fe57426a7..000000000
--- a/patches/README.md
+++ /dev/null
@@ -1,18 +0,0 @@
-# Dependency patches
-
-This folder includes the quick fixes we must do to our dependencies. This should only be used as a quick fix or in cases where a dependency is deprecated or won't fix the feature we need. The following are the changes that we have made to our dependencies:
-
-## webdriver-manager
-
-Used internally by `protractor` to create a selenium server. This package installs the latest ChromeDriver compatible with the installed Chrome version. But since version 115, the location of ChromeDriver has changed ([link](https://chromedriver.chromium.org/downloads/version-selection)). But the `webdriver-manager@12.1.9` still points to the old location. While based on [this issue](https://github.com/angular/webdriver-manager/issues/524) they are planning to fix this, we decided to apply a quick fix based on the suggestions in this issue.
-
-In summary, we modified the `update` command to be able to fetch the newest version of ChromeDriver. The changes are "hacky" and only involve the following files:
-
-- `built/lib/binaries/chrome_xml.js`: Changed `getLatestChromeDriverVersion` to refer to the new location of chromeDriver.
-- `built/lib/cmds/update.js`: Changed `unzip` function to handle the new filenames.
-
-
-The following command was used for generating this patch:
-```
-npx patch-package webdriver-manager --exclude=\.DS_Store
-```
diff --git a/patches/webdriver-manager+12.1.9.patch b/patches/webdriver-manager+12.1.9.patch
deleted file mode 100644
index c5ce1ba10..000000000
--- a/patches/webdriver-manager+12.1.9.patch
+++ /dev/null
@@ -1,86 +0,0 @@
-diff --git a/node_modules/webdriver-manager/built/lib/binaries/chrome_xml.js b/node_modules/webdriver-manager/built/lib/binaries/chrome_xml.js
-index 6dfbea5..52e2fd9 100644
---- a/node_modules/webdriver-manager/built/lib/binaries/chrome_xml.js
-+++ b/node_modules/webdriver-manager/built/lib/binaries/chrome_xml.js
-@@ -55,13 +55,41 @@ class ChromeXml extends config_source_1.XmlConfigSource {
-             return 'linux';
-         }
-     }
-+    /**
-+     * Helper method, gets the ostype and osarch to return the platform name
-+     */
-+    getPlatformName() {
-+        const osType = this.getOsTypeName();
-+        // mac-x64 or mac-arm64
-+        if (osType === 'mac') {
-+            return osType + '-' + this.osarch;
-+        }
-+        // win32 or win64
-+        else if (osType === 'win') {
-+            return  osType + (this.osarch === 'x64' ? '64' : '32');
-+        }
-+        else {
-+            return 'linux64';
-+        }
-+
-+    }
-     /**
-      * Gets the latest item from the XML.
-      */
-     getLatestChromeDriverVersion() {
--        const latestReleaseUrl = 'https://chromedriver.storage.googleapis.com/LATEST_RELEASE';
--        return http_utils_1.requestBody(latestReleaseUrl).then(latestVersion => {
--            return this.getSpecificChromeDriverVersion(latestVersion);
-+        const currPlatform = this.getPlatformName();
-+        const lastKnownGoodVersionsWithDownloads_Url = 'https://googlechromelabs.github.io/chrome-for-testing/last-known-good-versions-with-downloads.json';
-+
-+        return http_utils_1.requestBody(lastKnownGoodVersionsWithDownloads_Url).then(body => {
-+            const latestVersion_Body = JSON.parse(body)['channels']['Stable']
-+
-+            const latestVersion = latestVersion_Body['version']
-+            const latestVersion_Url = latestVersion_Body['downloads']['chromedriver'].find(obj => obj['platform'] == currPlatform)['url']
-+
-+            return Promise.resolve({
-+                url: latestVersion_Url,
-+                version: latestVersion,
-+            });
-         });
-     }
-     /**
-diff --git a/node_modules/webdriver-manager/built/lib/cmds/update.js b/node_modules/webdriver-manager/built/lib/cmds/update.js
-index b98cdce..12c2d47 100644
---- a/node_modules/webdriver-manager/built/lib/cmds/update.js
-+++ b/node_modules/webdriver-manager/built/lib/cmds/update.js
-@@ -207,6 +207,19 @@ function updateBinary(binary, outputDir, proxy, ignoreSSL) {
-         }
-     });
- }
-+function getPlatformName() {
-+    const osType = config_1.Config.osType();
-+    const osArch  = config_1.Config.osArch();
-+    if (osType === 'Darwin') {
-+        return 'mac' + '-' + osArch;
-+    }
-+    else if (osType === 'Windows_NT') {
-+        return 'win' + (osArch === 'x64' ? '64' : '32');
-+    }
-+    else {
-+        return 'linux64';
-+    }
-+}
- function unzip(binary, outputDir, fileName) {
-     // remove the previously saved file and unzip it
-     let osType = config_1.Config.osType();
-@@ -237,7 +250,11 @@ function unzip(binary, outputDir, fileName) {
-         child_process.spawnSync('tar', ['zxvf', path.resolve(outputDir, fileName), '-C', outputDir]);
-     }
-     // rename
--    fs.renameSync(path.resolve(outputDir, binary.zipContentName()), mv);
-+    if (fileName.indexOf('chromedriver_') != -1) {
-+        fs.renameSync(path.resolve(outputDir, 'chromedriver-' + getPlatformName(), binary.zipContentName()), mv)
-+    } else {
-+        fs.renameSync(path.resolve(outputDir, binary.zipContentName()), mv);
-+    }
-     // set permissions
-     if (osType !== 'Windows_NT') {
-         logger.info(binary.name + ': setting permissions to 0755 for ' + mv);
diff --git a/test/e2e/data_setup/config/parallel-configs/default-config.dev.json b/test/e2e/data_setup/config/parallel-configs/default-config.dev.json
index c8b63f2db..f354823ec 100644
--- a/test/e2e/data_setup/config/parallel-configs/default-config.dev.json
+++ b/test/e2e/data_setup/config/parallel-configs/default-config.dev.json
@@ -9,7 +9,6 @@
             "recordedit/domain-filter.config.json",
             "recordedit/foreign-key-dropdown.config.json",
             "recordedit/null-values.config.json",
-            "recordedit/submission-disabled.config.json",
 
             "recordset/add.config.json",
             "recordset/edit.config.json"
diff --git a/test/e2e/data_setup/config/recordedit/submission-disabled.config.json b/test/e2e/data_setup/config/recordedit/submission-disabled.config.json
deleted file mode 100644
index a95309d77..000000000
--- a/test/e2e/data_setup/config/recordedit/submission-disabled.config.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-    "catalog": {},
-    "schema": {
-        "name": "submission-disabled",
-        "createNew": true,
-        "path": "test/e2e/data_setup/schema/recordedit/submission-disabled.json"
-    },
-    "tables": {
-        "createNew": true
-    },
-    "entities": {
-        "createNew": true,
-        "path": "test/e2e/data_setup/data/submission-disabled"
-    }
-}
diff --git a/test/e2e/data_setup/config/recordedit/submission-disabled.dev.json b/test/e2e/data_setup/config/recordedit/submission-disabled.dev.json
deleted file mode 100644
index 5bc5a2405..000000000
--- a/test/e2e/data_setup/config/recordedit/submission-disabled.dev.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-    "setup": {
-        "schemaConfigurations": [
-            "recordedit/submission-disabled.config.json"
-        ],
-        "schema": "submission-disabled"
-    },
-    "cleanup" : true
-}
diff --git a/test/e2e/data_setup/data/submission-disabled/duplicate_key_conflict.json b/test/e2e/data_setup/data/submission-disabled/duplicate_key_conflict.json
deleted file mode 100644
index c6b535fdf..000000000
--- a/test/e2e/data_setup/data/submission-disabled/duplicate_key_conflict.json
+++ /dev/null
@@ -1 +0,0 @@
-[{"duplicate_id": 1000}]
diff --git a/test/e2e/data_setup/data/submission-disabled/submission-disabled-table.json b/test/e2e/data_setup/data/submission-disabled/submission-disabled-table.json
deleted file mode 100644
index 9ccb2ebe2..000000000
--- a/test/e2e/data_setup/data/submission-disabled/submission-disabled-table.json
+++ /dev/null
@@ -1 +0,0 @@
-[{"id": 1000, "text": "some value", "int": 3483}]
diff --git a/test/e2e/data_setup/schema/recordedit/defaults.json b/test/e2e/data_setup/schema/recordedit/defaults.json
index c18c86cf9..e15f89fe9 100644
--- a/test/e2e/data_setup/schema/recordedit/defaults.json
+++ b/test/e2e/data_setup/schema/recordedit/defaults.json
@@ -388,7 +388,7 @@
                         "timestamp_disabled", "timestamptz_disabled", "json_disabled", "color_rgb_hex_disabled"
                     ],
                     "detailed": [
-                        "text", "text_disabled", "markdown", "markdown_disabled", ["defaults", "fk_text"], ["defaults", "fk_text_disabled"], "int", "int_disabled", "float", "float_disabled",
+                        "text", "text_disabled", "markdown", "markdown_disabled", ["defaults", "fk_text"], ["defaults", "fk_dropdown"], ["defaults", "fk_text_disabled"], "int", "int_disabled", "float", "float_disabled",
                         "boolean_true", "boolean_false", "boolean_disabled", "date", "date_disabled", "timestamp", "timestamp_disabled", "timestamp_disabled_no_default", "timestamptz",
                         "timestamptz_disabled", "timestamptz_disabled_no_default", "json", "json_disabled", "json_disabled_no_default", "color_rgb_hex", "color_rgb_hex_disabled"
                     ]
diff --git a/test/e2e/data_setup/schema/recordedit/submission-disabled.json b/test/e2e/data_setup/schema/recordedit/submission-disabled.json
deleted file mode 100644
index 37e255c2d..000000000
--- a/test/e2e/data_setup/schema/recordedit/submission-disabled.json
+++ /dev/null
@@ -1,76 +0,0 @@
-{
-    "schema_name": "submission-disabled",
-    "tables": {
-        "submission-disabled-table": {
-            "comment": "Table to represent adding multiple entities",
-            "kind": "table",
-            "keys": [
-                {
-                    "comment": null,
-                    "annotations": {},
-                    "unique_columns": [
-                        "id"
-                    ]
-                }
-            ],
-            "foreign_keys": [],
-            "table_name": "submission-disabled-table",
-            "schema_name": "submission-disabled",
-            "column_definitions": [
-                {
-                    "name": "id",
-                    "default": null,
-                    "nullok": false,
-                    "type": {
-                        "typename": "serial4"
-                    },
-                    "annotations": {
-                        "comment": [
-                            "hidden"
-                        ],
-                        "tag:isrd.isi.edu,2016:generated": null,
-                        "tag:isrd.isi.edu,2016:immutable": null
-                    }
-                }, {
-                    "name": "text",
-                    "nullok": true,
-                    "type": {
-                        "typename": "text"
-                    }
-                }, {
-                    "name": "int",
-                    "nullok": true,
-                    "type": {
-                        "typename": "int"
-                    }
-                }
-            ],
-            "annotations": {
-                "tag:isrd.isi.edu,2016:visible-columns" : {
-                    "*": ["id", "text", "int"]
-                }
-            }
-        },
-        "duplicate_key_conflict": {
-            "kind": "table",
-            "table_name": "duplicate_key_conflict",
-            "schema_name": "submission-disabled",
-            "keys": [{
-                "unique_columns": ["duplicate_id"]
-            }],
-            "column_definitions": [
-                {
-                    "name": "duplicate_id",
-                    "nullok": false,
-                    "type": {"typename":"int4"}
-                }
-            ]
-        }
-    },
-    "table_names": [
-        "submission-disabled-table",
-        "duplicate_key_conflict"
-    ],
-    "comment": null,
-    "annotations": {}
-}
diff --git a/test/e2e/locators/recordedit.ts b/test/e2e/locators/recordedit.ts
index c6f4e7055..ce9758f75 100644
--- a/test/e2e/locators/recordedit.ts
+++ b/test/e2e/locators/recordedit.ts
@@ -216,6 +216,15 @@ export default class RecordeditLocators {
     return container.locator(`.column-permission-warning-${formNumber}-${columnDisplayName}`)
   }
 
+  /**
+   * only applicaple to inputs that have a "fake" placehodler: boolean, file, foriegnkey, and iframe.
+   */
+  static getInputPlaceholderMessage(container: Locator | Page, name: string, formNumber: number): Locator {
+    formNumber = formNumber || 1;
+    const inputName = `c_${formNumber}-${name}`;
+    return container.locator(`.input-switch-container-${inputName}`).locator('.chaise-input-placeholder');
+  }
+
   // -------------- file input selectors --------------- //
   static getTextFileInputForAColumn(container: Locator | Page, name: string, formNumber: number): Locator {
     formNumber = formNumber || 1;
diff --git a/test/e2e/setup/playwright.model.ts b/test/e2e/setup/playwright.model.ts
index d61154b5d..f45060dac 100644
--- a/test/e2e/setup/playwright.model.ts
+++ b/test/e2e/setup/playwright.model.ts
@@ -1,11 +1,11 @@
 export type TestOptions = {
   /**
-   * the name of the main spec folder.
-   * usages:
-   * - the catalog alias
-   * - finding the folder (for default chaise-config.js)
+   * the name of the main spec folder. used for locating the chaise-config.js file. If missing, we won't try to find and
+   * copy the chaise-config.js file into the remote location.
+   *
+   * Note: it should be defined for all the tests under "specs". It's optional so we can use this for manual testing too.
    */
-  mainSpecName: string,
+  mainSpecName?: string,
   /**
    * the name of the spec (will be used for the report file)
    */
diff --git a/test/e2e/setup/playwright.setup.ts b/test/e2e/setup/playwright.setup.ts
index 3051f8d6e..4c33c8ac5 100644
--- a/test/e2e/setup/playwright.setup.ts
+++ b/test/e2e/setup/playwright.setup.ts
@@ -30,7 +30,6 @@ export default async function globalSetup(config: FullConfig) {
 
   const options: TestOptions = optionsEnv;
 
-  // TODO testConfiguration is a bit different in the protractor version
   // grab the data files
   let testConfiguration;
   if (options.configFileName) {
@@ -69,7 +68,7 @@ export default async function globalSetup(config: FullConfig) {
 
   // create the catalog
   try {
-    await createCatalog(testConfiguration, projectNames, options.mainSpecName, options.manualTestConfig);
+    await createCatalog(testConfiguration, projectNames, options.manualTestConfig);
   } catch (exp) {
     throw exp;
   }
@@ -77,11 +76,13 @@ export default async function globalSetup(config: FullConfig) {
   // take care of chaise-config
   let chaiseConfigFilePath = options.chaiseConfigFilePath;
   // use the default
-  if (typeof chaiseConfigFilePath !== 'string') {
+  if (typeof chaiseConfigFilePath !== 'string' && options.mainSpecName) {
     chaiseConfigFilePath = `test/e2e/specs/${options.mainSpecName}/chaise-config.js`;
   }
 
-  copyChaiseConfig(chaiseConfigFilePath, options.addDefaultCatalogToChaiseConfig);
+  if (chaiseConfigFilePath) {
+    copyChaiseConfig(chaiseConfigFilePath, options.addDefaultCatalogToChaiseConfig);
+  }
 
   registerCallbacks(testConfiguration);
 }
@@ -126,7 +127,7 @@ async function checkUserSessions(): Promise<{ session: any, authCookie: string }
 /**
  * create the catalog and data
  */
-async function createCatalog(testConfiguration: any, projectNames: string[], mainSpecName: string, isManual?: boolean) {
+async function createCatalog(testConfiguration: any, projectNames: string[], isManual?: boolean) {
 
   return new Promise(async (resolve, reject) => {
     testConfiguration.setup.url = process.env.ERMREST_URL;
diff --git a/test/e2e/specs/all-features-confirmation/errors/errors.spec.js b/test/e2e/specs/all-features-confirmation/errors/errors.spec.js
deleted file mode 100644
index 0339556d4..000000000
--- a/test/e2e/specs/all-features-confirmation/errors/errors.spec.js
+++ /dev/null
@@ -1,114 +0,0 @@
-const { browser, element } = require('protractor');
-var chaisePage = require('../../../utils/chaise.page.js');
-var recordHelpers = require('../../../utils/record-helpers.js');
-var EC = protractor.ExpectedConditions;
-
-var testParams = {
-    table_name: "accommodation",
-    schemaName:  "product-record",
-    fileTable:  "file",
-    multipleRecordsTable : "multiple_records",
-    tableNotFound : "accommodation_not_found",
-    conflict : "Conflict",
-    deletionErrTextBooking : [
-        "This entry cannot be deleted as it is still referenced from the booking table. " +
-        "All dependent entries must be removed before this item can be deleted. " +
-        "If you have trouble removing dependencies please contact the site administrator.\n\n" +
-        "Show Error Details"
-    ],
-    deletionErrTextAccommodationImg : [
-        "This entry cannot be deleted as it is still referenced from the accommodation_image table. " +
-        "All dependent entries must be removed before this item can be deleted. " +
-        "If you have trouble removing dependencies please contact the site administrator.\n\n" +
-        "Show Error Details"
-    ],
-    recordNotFoundModalText : "The record does not exist or may be hidden.\nIf you continue to face this issue, please contact the system administrator.\n\nClick OK to show the list of all records.",
-    multipleRecordFoundModalText : "There are more than 1 record found for the filters provided.\n\nClick OK to show all the matched records.",
-    tableNotFoundModalText : function() { return "Table " + this.tableNotFound + " not found in schema.\n\nClick OK to go to the Home Page."},
-    sizeNotValidModalText : function() { return "'limit' must be greater than 0\n\nClick OK to go to the " + this.multipleRecordsTable + "."},
-    negativeLimitErrorText : "'limit' must be greater than 0\n\nClick OK to go to the Home Page.",
-    hideErrors : "Hide Error Details",
-    conflictRecordEditErrorBooking : "This entry cannot be deleted as it is still referenced from the booking table. All dependent entries must be removed before this item can be deleted.\n\nClick OK to go to the Accommodations.\nClick Reload to start over.\nShow Error Details",
-    conflictRecordEditErrorAccommodationImg : "This entry cannot be deleted as it is still referenced from the accommodation_image table. All dependent entries must be removed before this item can be deleted.\n\nClick OK to go to the Accommodations.\nClick Reload to start over.\nShow Error Details",
-    facetErrorstext:{
-      invalidPageCriteriaTitle: "Invalid Page Criteria",
-      invalidPageCriteriaBody: "Click OK to reload this page without Invalid Page Criteria.",
-      invalidFacetFilterTitle: "Invalid Facet Filters",
-      invalidFacetFilterBody: "Click OK to reload this page without Invalid Facet Filters.",
-      invalidFilterOperatorErrorTitle : "Invalid Filter",
-      invalidFilterOperatorErrorBody : "Click OK to show the list of all records."
-    },
-    conflictErrors: {
-        title: "Conflict",
-        message: [
-            "An unexpected error has occurred. Try clearing your cache.",
-            "If you continue to face this issue, please contact the system administrator.",
-            "\nClick OK to go to the Home Page.",
-            "Show Error Details"
-        ].join("\n"),
-        details: "invalid input syntax for type boolean: \"12\"",
-    }
-};
-
-/*
-*  All error related test cases are created here.
-*  Test cases from other apps would be collated in future
-*/
-
-describe('Error related test cases,', function() {
-    describe("Error check for invalid filter in RecordEdit", function(){
-
-      beforeAll(function() {
-          pageTestUrl = browser.params.url + "/recordedit/#" + browser.params.catalogId + "/" + testParams.schemaName + ":" + testParams.table_name +  "/id::gt:2002@after()";
-          chaisePage.navigate(pageTestUrl);
-          modalTitle = chaisePage.recordEditPage.getModalTitle();
-          modalActionBody = chaisePage.recordEditPage.getModalActionBody();
-      });
-
-      it("should be returned Invalid Page Criteria", function (done) {
-          chaisePage.waitForElement(modalTitle).then(function(){
-              return modalTitle.getText();
-          }).then(function (text) {
-              expect(text).toBe(testParams.facetErrorstext.invalidPageCriteriaTitle, "Invalid Page Criteria error pop-up could not be opened!");
-              return modalActionBody.getText();
-          }).then(function (errorText) {
-              expect(errorText).toBe(testParams.facetErrorstext.invalidPageCriteriaBody, "Error action text did not match");
-              done();
-          }).catch(chaisePage.catchTestError(done));
-      });
-
-      it('On click of OK button the page should reload the page without paging condition but with invalid filter conditions', function(done){
-          const modalOkBtn = chaisePage.errorModal.getOKButton();
-          // make sure ok button is clickable
-          browser.wait(protractor.ExpectedConditions.elementToBeClickable(modalOkBtn), browser.params.defaultTimeout);
-          chaisePage.clickButton(modalOkBtn).then(function(){
-              return chaisePage.waitForElement(modalTitle);
-          }).then (function (){
-             return modalTitle.getText();
-          }).then(function (text) {
-               expect(text).toBe(testParams.facetErrorstext.invalidFilterOperatorErrorTitle, "Invalid Filter operator error pop-up could not be opened!");
-               return modalActionBody.getText();
-           }).then(function (errorText) {
-               expect(errorText).toBe(testParams.facetErrorstext.invalidFilterOperatorErrorBody, "Error action text did not match");
-               done();
-          }).catch(chaisePage.catchTestError(done));
-      });
-
-      it('On click of OK button the page should redirect to RecordSet', function(done){
-          const modalOkBtn = chaisePage.errorModal.getOKButton();
-          // make sure ok button is clickable
-          browser.wait(protractor.ExpectedConditions.elementToBeClickable(modalOkBtn), browser.params.defaultTimeout);
-          chaisePage.clickButton(modalOkBtn).then(function(){
-              recordsetWithoutFacetUrl = browser.params.url + "/recordset/#" + browser.params.catalogId + "/" + testParams.schemaName + ":" + testParams.table_name;
-              browser.wait(() => {
-                  return browser.driver.getCurrentUrl().then((url) => {
-                      return url.toContain(recordsetWithoutFacetUrl);
-                  });
-              });
-
-             done();
-          }).catch(chaisePage.catchTestError(done));
-      });
-
-    });
-});
diff --git a/test/e2e/specs/all-features-confirmation/errors/errors.spec.ts b/test/e2e/specs/all-features-confirmation/errors/errors.spec.ts
index 7f123f3c1..515b4ee3f 100644
--- a/test/e2e/specs/all-features-confirmation/errors/errors.spec.ts
+++ b/test/e2e/specs/all-features-confirmation/errors/errors.spec.ts
@@ -1,5 +1,5 @@
 import { test, expect, TestInfo, Page, Locator } from '@playwright/test';
-import RecordeditLocators from '@isrd-isi-edu/chaise/test/e2e/locators/recordedit';
+import RecordeditLocators, { RecordeditInputType } from '@isrd-isi-edu/chaise/test/e2e/locators/recordedit';
 import RecordLocators from '@isrd-isi-edu/chaise/test/e2e/locators/record';
 import RecordsetLocators from '@isrd-isi-edu/chaise/test/e2e/locators/recordset';
 import ModalLocators from '@isrd-isi-edu/chaise/test/e2e/locators/modal';
@@ -7,6 +7,7 @@ import AlertLocators from '@isrd-isi-edu/chaise/test/e2e/locators/alert';
 
 import { getCatalogID } from '@isrd-isi-edu/chaise/test/e2e/utils/catalog-utils';
 import { removeAuthCookieAndReload } from '@isrd-isi-edu/chaise/test/e2e/utils/user-utils';
+import { setInputValue } from '@isrd-isi-edu/chaise/test/e2e/utils/recordedit-utils';
 
 test.describe('error handling', () => {
   // run all test cases in here in parallel
@@ -54,7 +55,6 @@ test.describe('error handling', () => {
         await page.waitForURL('**' + getChaiseURL('recordset', 'accommodation', baseURL, testInfo) + '**');
       });
 
-      // why are we testing this? this was in the original protractor test
       await test.step('clicking back button should go back to the initial page', async () => {
         await page.goBack();
         await expect.soft(page).toHaveURL(recordPageURL);
@@ -244,7 +244,6 @@ test.describe('error handling', () => {
   });
 
   test.describe('recordedit app', () => {
-
     test('navigating to a page with that returns no record', async ({ page, baseURL }, testInfo) => {
       const errorModal = ModalLocators.getErrorModal(page);
       const recordPageURL = getChaiseURL('recordedit', 'accommodation', baseURL, testInfo) + '/id=11223312121';
@@ -333,6 +332,57 @@ test.describe('error handling', () => {
       });
 
     });
+
+    test('editting a record without changing data', async ({ baseURL, page }, testInfo) => {
+      await test.step('open recordedit page', async () => {
+        await page.goto(getChaiseURL('recordedit', 'category', baseURL, testInfo) + '/id=10003');
+        await RecordeditLocators.waitForRecordeditPageReady(page);
+      });
+
+      await test.step('an alert should be displayed upon submission', async () => {
+        const alert = AlertLocators.getWarningAlert(page);
+        await RecordeditLocators.submitForm(page);
+        await expect.soft(alert).toBeVisible();
+        await expect.soft(alert).toHaveText([
+          'WarningNo data was changed in the update request. ',
+          'Please check the form content and resubmit the data.'
+        ].join(''));
+      });
+    });
+
+    test('duplicate key value and required errors while creating a record', async ({ baseURL, page }, testInfo) => {
+      const recordeditError = AlertLocators.getErrorAlert(page);
+      await test.step('open recordedit page', async () => {
+        await page.goto(getChaiseURL('recordedit', 'category', baseURL, testInfo));
+        await RecordeditLocators.waitForRecordeditPageReady(page);
+      });
+
+      await test.step('submitting without setting values should result in the required error', async () => {
+        await RecordeditLocators.submitForm(page);
+        await expect.soft(recordeditError).toBeVisible();
+        await expect.soft(recordeditError).toHaveText([
+          'ErrorSorry, the data could not be submitted because there are errors on the form. ',
+          'Please check all fields and try again.'
+        ].join(''));
+        const requiredError = 'Please enter a value for this field.';
+        await expect.soft(RecordeditLocators.getErrorMessageForAColumn(page, 'id', 1)).toHaveText(requiredError);
+        await expect.soft(RecordeditLocators.getErrorMessageForAColumn(page, 'term', 1)).toHaveText(requiredError);
+      });
+
+      await test.step('submitting after using a duplicate key value should return in the duplicate error.', async () => {
+        await setInputValue(page, 1, 'id', 'id', RecordeditInputType.INT_4, '99999');
+        await setInputValue(page, 1, 'term', 'term', RecordeditInputType.TEXT, 'Castle');
+        await RecordeditLocators.submitForm(page);
+        await expect.soft(recordeditError).toBeVisible();
+        await expect.soft(recordeditError).toHaveText([
+          'ErrorThe entry cannot be created/updated. ',
+          'Please use a different term for this record. ',
+          'Click here to see the conflicting record that already exists.'
+        ].join(''));
+
+      });
+      
+    });
   });
 
 });
diff --git a/test/e2e/specs/default-config/protractor.conf.js b/test/e2e/specs/default-config/protractor.conf.js
deleted file mode 100644
index 5c0320020..000000000
--- a/test/e2e/specs/default-config/protractor.conf.js
+++ /dev/null
@@ -1,16 +0,0 @@
-var pConfig = require('./../../utils/protractor.configuration.js');
-
-var config = pConfig.getConfig({
-    // This config is meant to be run as part of the parallel tests configuration
-    configFileName: 'parallel-configs/default-config.dev.json',
-    specs: [
-        "*/*.spec.js"
-    ],
-    setBaseUrl: function(browser, data) {
-        browser.params.url = process.env.CHAISE_BASE_URL;
-        return browser.params.url;
-    },
-    chaiseConfigFilePath: 'test/e2e/specs/default-config/chaise-config.js'
-});
-
-exports.config = config;
diff --git a/test/e2e/specs/default-config/recordedit/immutable-inputs.conf.js b/test/e2e/specs/default-config/recordedit/immutable-inputs.conf.js
deleted file mode 100644
index aec1de6c3..000000000
--- a/test/e2e/specs/default-config/recordedit/immutable-inputs.conf.js
+++ /dev/null
@@ -1,15 +0,0 @@
-var pConfig = require('./../../../utils/protractor.configuration.js');
-
-var config = pConfig.getConfig({
-    configFileName: 'recordedit/immutable-inputs.dev.json',
-    chaiseConfigFilePath: 'test/e2e/specs/default-config/chaise-config.js',
-    specs: [
-        "immutable-inputs.spec.js"
-    ],
-    setBaseUrl: function(browser, data) {
-      browser.params.url = process.env.CHAISE_BASE_URL;
-      return browser.params.url;
-    }
-});
-
-exports.config = config;
diff --git a/test/e2e/specs/default-config/recordedit/immutable-inputs.config.ts b/test/e2e/specs/default-config/recordedit/immutable-inputs.config.ts
new file mode 100644
index 000000000..76c5a8170
--- /dev/null
+++ b/test/e2e/specs/default-config/recordedit/immutable-inputs.config.ts
@@ -0,0 +1,8 @@
+import getConfig from '@isrd-isi-edu/chaise/test/e2e/setup/playwright.configuration';
+
+export default getConfig({
+  testName: 'default-config/recordedit/immutable-inputs',
+  configFileName: 'recordedit/immutable-inputs.dev.json',
+  mainSpecName: 'default-config',
+  testMatch: [ 'immutable-inputs.spec.ts' ]
+});
diff --git a/test/e2e/specs/default-config/recordedit/immutable-inputs.spec.js b/test/e2e/specs/default-config/recordedit/immutable-inputs.spec.js
deleted file mode 100644
index 9ce1edf4c..000000000
--- a/test/e2e/specs/default-config/recordedit/immutable-inputs.spec.js
+++ /dev/null
@@ -1,401 +0,0 @@
-var chaisePage = require('../../../utils/chaise.page.js');
-var recordEditHelpers = require('../../../utils/recordedit-helpers.js');
-var momentTz = require('moment-timezone');
-var testParams = {
-    // for verifying data is present
-    column_names: [
-        "text", "text_disabled", "markdown", "markdown_disabled", "iKS50idGfVCGnnS6lUoZ8Q", "WnsyE4pJ1O0IW8zsj6MDHg", "int", "int_disabled",
-        "float", "float_disabled", "boolean_true", "boolean_false", "boolean_disabled", "date", "date_disabled", "timestamp", "timestamp_disabled",
-        "timestamptz", "timestamptz_disabled", "json", "json_disabled", "color_rgb_hex", "color_rgb_hex_disabled"
-    ],
-    table_name: "defaults-table",
-    default_column_values: {
-    // data values
-        text_value: "default",
-        text_disabled_value: "Disabled input",
-        markdown_value: "**bold**",
-        markdown_disabled_value: "*italics*",
-        foreign_key_value: "Default for foreign_key column", // rowname of the fk
-        foreign_key_dropdown_value: "Default for foreign_key_dropdown column", // rowname of the fk
-        foreign_key_disabled_value: "Default for foreign_key_disabled column", // rowname of the disabled fk
-        int_value: "25",
-        int_disabled_value: "20",
-        float_value: "1.6478",
-        float_disabled_value: "93.2182",
-        boolean_true_value: "true",
-        boolean_false_value: "false",
-        boolean_disabled_value: "false",
-        date_value: "2010-06-08",
-        date_disabled_value: "2014-05-12",
-        timestamp_value: "2016-05-14T17:30:00",
-        timestamp_date_value: "2016-05-14",
-        timestamp_time_value: "17:30:00",
-        timestamp_disabled_value: "2012-06-22T18:36:00",
-        timestamp_disabled_date_value: "2012-06-22",
-        timestamp_disabled_time_value: "18:36:00",
-        timestamp_disabled_no_default_value: "",
-        timestamp_disabled_no_default_date_value: "",
-        timestamp_disabled_no_default_time_value: "",
-        timestamptz_value: "2014-05-07T14:40:00-07:00",
-        timestamptz_date_value: "2014-05-07",
-        timestamptz_time_value: "14:40:00",
-        timestamptz_disabled_value: "2010-06-13T17:22:00-07:00",
-        timestamptz_disabled_date_value: "2010-06-13",
-        timestamptz_disabled_time_value: "17:22:00",
-        timestamptz_disabled_no_default_value: "",
-        timestamptz_disabled_no_default_date_value: "",
-        timestamptz_disabled_no_default_time_value: "",
-        json_value:JSON.stringify({"name":"testing_json"}),
-        json_disabled_value:JSON.stringify(98.786),
-        json_disabled_no_default_value: "Automatically generated",
-        asset_value: "28110_191_z.jpg",
-        asset_disabled_value: "28110_191_z.jpg",
-        asset_disabled_no_default_value: "Automatically generated",
-        color_rgb_hex_value: "#123456",
-        color_rgb_hex_disabled_value: "#654321",
-        rid_disabled_value: "Automatically generated",
-        rcb_disabled_value: "Automatically generated",
-        rmb_disabled_value: "Automatically generated",
-        rct_disabled_date_value: "Automatically generated",
-        rct_disabled_time_value: "Automatically generated",
-        rmt_disabled_date_value: "Automatically generated",
-        rmt_disabled_time_value: "Automatically generated",
-    },
-    record_column_values: {
-    // data values
-        text: "default",
-        text_disabled: "Disabled input",
-        markdown: "bold",
-        markdown_disabled: "italics",
-        // Value of "name" column on foreign (defaults_fk_text) related entity
-        "iKS50idGfVCGnnS6lUoZ8Q": "Default for foreign_key column",
-        // Value of "name" column on foreign (defaults_fk_text_dropdown) related entity
-        "2PO3pruPa9O5g7nNztzMjQ": "Default for foreign_key_dropdown column",
-        // Value of "name" column on foreign (defaults_fk_text_disabled) related entity
-        "WnsyE4pJ1O0IW8zsj6MDHg": "Default for foreign_key_disabled column",
-        int: "25",
-        int_disabled: "20",
-        float: "1.6478",
-        float_disabled: "93.2182",
-        boolean_true: "true",
-        boolean_false: "false",
-        boolean_disabled: "false",
-        date: "2010-06-08",
-        date_disabled: "2014-05-12",
-        timestamp: "2016-05-14 17:30:00",
-        timestamp_disabled: "2012-06-22 18:36:00",
-        timestamptz: "2014-05-07 14:40:00",
-        timestamptz_disabled: "2010-06-13 17:22:00",
-        json: JSON.stringify({"name":"testing_json"},undefined,2),
-        json_disabled: JSON.stringify(98.786),
-        color_rgb_hex: "#123456",
-        color_rgb_hex_disabled: "#654321"
-    },
-    edit_key: { name: "id", value: "2", operator: "="},
-    re_column_names: [
-        { name: "text_disabled" },
-        { name: "markdown_disabled", type: "textarea" },
-        { name: "foreign_key_disabled", type: "foreign_key" },
-        { name: "int_disabled" },
-        { name: "float_disabled" },
-        { name: "boolean_disabled", type: "dropdown" },
-        { name: "date_disabled" },
-        { name: "timestamp_disabled", type: "timestamp" },
-        { name: "timestamptz_disabled", type: "timestamp" },
-        { name: "json_disabled", type: "textarea" },
-        { name: "asset_disabled", type: "asset" },
-        { name: "color_rgb_hex_disabled", type: "color" }
-    ],
-    re_column_values: {
-        text_disabled: "Disabled input",
-        markdown_disabled: "*italics*",
-        // Value of "name" column on foreign related entity
-        foreign_key_disabled: "Default for foreign_key_disabled column",
-        int_disabled: "20",
-        float_disabled: "93.2182",
-        boolean_disabled: "false",
-        date_disabled: "2014-05-12",
-        timestamp_disabled: "2012-06-22T18:36:00",
-        timestamp_disabled_date: "2012-06-22",
-        timestamp_disabled_time: "18:36:00",
-        timestamptz_disabled: "2010-06-13T17:22:00-07:00",
-        timestamptz_disabled_date: "2010-06-13",
-        timestamptz_disabled_time: "17:22:00",
-        json_disabled: JSON.stringify(98.786),
-        // Value of "filename" column for the current record
-        // asset_disabled: "Four Points Sherathon 3"
-        asset_disabled: "28110_191_z.jpg",
-        color_rgb_hex_disabled: "#654321"
-    }
-};
-
-describe('Record Add with defaults', function() {
-
-    describe("for when the user creates an entity with default values, ", function() {
-        var EC = protractor.ExpectedConditions,
-            values = testParams.default_column_values,
-            textInput, textDisabledInput,
-            markdownInput, markdownDisabledInput,
-            foreignKeyInput, foreignKeyDropdownInput, foreignKeyDisabledInput,
-            intInput, intDisabledInput,
-            floatInput, floatDisabledInput,
-            booleanTrueInput, booleanFalseInput, booleanDisabledInput,
-            dateInput, dateDisabledInput,
-            timestampInputs, timestampDisabledInput, timestampDisabledNoDefaultInput,
-            timestamptzInputs, timestamptzDisabledInput, timestamptzDisabledNoDefaultInput,
-            jsonInput, jsonDisabledInput, jsonDisabledNoDefaultInput,
-            colorRGBHexInput, colorRGBHexDisabledInput;
-
-        beforeAll(function () {
-            chaisePage.navigate(browser.params.url + "/recordedit/#" + browser.params.catalogId + "/defaults:" + testParams.table_name);
-            chaisePage.waitForElement(element(by.id("submit-record-button")));
-        });
-
-        it("should prefill simple input fields that are not disabled with their default value.", function() {
-            textInput = chaisePage.recordEditPage.getInputForAColumn('text', 1);
-            markdownInput = chaisePage.recordEditPage.getTextAreaForAColumn('markdown', 1);
-            intInput = chaisePage.recordEditPage.getInputForAColumn('int', 1);
-            floatInput = chaisePage.recordEditPage.getInputForAColumn('float', 1);
-            booleanTrueInput = chaisePage.recordEditPage.getDropdownElementByName('boolean_true', 1);
-            booleanFalseInput = chaisePage.recordEditPage.getDropdownElementByName('boolean_false', 1);
-            dateInput = chaisePage.recordEditPage.getInputForAColumn('date', 1);
-            jsonInput = chaisePage.recordEditPage.getTextAreaForAColumn('json', 1);
-            colorRGBHexInput = chaisePage.recordEditPage.getColorInputForAColumn('color_rgb_hex', 1);
-
-            expect(textInput.getAttribute("value")).toBe(values.text_value, "Text input default is incorrect");
-            expect(markdownInput.getAttribute("value")).toBe(values.markdown_value, "Markdown input default is incorrect");
-            expect(intInput.getAttribute("value")).toBe(values.int_value, "Int input default is incorrect");
-            expect(floatInput.getAttribute("value")).toBe(values.float_value, "Float input default is incorrect");
-            expect(chaisePage.recordEditPage.getDropdownText(booleanTrueInput).getText()).toBe(values.boolean_true_value, "Boolean input is not set to true");
-            expect(chaisePage.recordEditPage.getDropdownText(booleanFalseInput).getText()).toBe(values.boolean_false_value, "Boolean input is not set to false");
-            expect(dateInput.getAttribute("value")).toBe(values.date_value, "Date input default is incorrect");
-            expect(jsonInput.getAttribute("value")).toBe(values.json_value, "JSON input default is incorrect");
-            expect(colorRGBHexInput.getAttribute("value")).toBe(values.color_rgb_hex_value, "Text input default is incorrect");
-        });
-
-        it("should prefill simple input fields that are disabled with their default value.", function() {
-            textDisabledInput = chaisePage.recordEditPage.getInputForAColumn('text_disabled', 1);
-            markdownDisabledInput = chaisePage.recordEditPage.getTextAreaForAColumn('markdown_disabled', 1);
-            intDisabledInput = chaisePage.recordEditPage.getInputForAColumn('int_disabled', 1);
-            floatDisabledInput = chaisePage.recordEditPage.getInputForAColumn('float_disabled', 1);
-            booleanDisabledInput = chaisePage.recordEditPage.getDropdownElementByName('boolean_disabled', 1);
-            dateDisabledInput = chaisePage.recordEditPage.getInputForAColumn('date_disabled', 1);
-            jsonInputDisabled= chaisePage.recordEditPage.getTextAreaForAColumn('json_disabled', 1);
-            colorRGBHexDisabledInput = chaisePage.recordEditPage.getColorInputForAColumn('color_rgb_hex_disabled', 1);
-
-            expect(textDisabledInput.getAttribute("value")).toBe(values.text_disabled_value, "Text disabled input default is incorrect");
-            expect(markdownDisabledInput.getAttribute("value")).toBe(values.markdown_disabled_value, "Markdown disabled input default is incorrect");
-            expect(intDisabledInput.getAttribute("value")).toBe(values.int_disabled_value, "Int disabled input default is incorrect");
-            expect(floatDisabledInput.getAttribute("value")).toBe(values.float_disabled_value, "Float disabled input default is incorrect");
-            expect(chaisePage.recordEditPage.getDropdownText(booleanDisabledInput).getText()).toBe(values.boolean_disabled_value, "Boolean disabled input default is incorrect");
-            expect(dateDisabledInput.getAttribute("value")).toBe(values.date_disabled_value, "Date disabled input default is incorrect");
-            expect(jsonInputDisabled.getAttribute("value")).toBe(values.json_disabled_value, "JSON disabled input default is incorrect");
-            expect(colorRGBHexDisabledInput.getAttribute("value")).toBe(values.color_rgb_hex_disabled_value, "Text input default is incorrect");
-
-        });
-
-        //JOSN columns
-        it("should initialize json columns properly if they are disabled without a default.", function() {
-            jsonDisabledNoDefaultInput = chaisePage.recordEditPage.getTextAreaForAColumn('json_disabled_no_default', 1);
-
-            expect(jsonDisabledNoDefaultInput.getAttribute("value")).toBe("", "The disabled json value is incorrect");
-            expect(jsonDisabledNoDefaultInput.getAttribute("placeholder")).toBe(values.json_disabled_no_default_value, "The disabled json placeholder is incorrect");
-        });
-
-        // Timestamp columns
-        it("should intialize timestamp columns properly with a default value.", function() {
-            timestampInput = chaisePage.recordEditPage.getInputForAColumn('timestamp', 1);
-            timestampInputs = chaisePage.recordEditPage.getTimestampInputsForAColumn('timestamp', 1);
-
-            expect(timestampInput.getAttribute('value')).toBe(values.timestamp_value, "Timestamp default is incorrect");
-            expect(timestampInputs.date.getAttribute('value')).toBe(values.timestamp_date_value, "Timestamp date default is incorrect");
-            expect(timestampInputs.time.getAttribute('value')).toBe(values.timestamp_time_value, "Timestamp time default is incorrect");
-
-            timestampDisabledInput = chaisePage.recordEditPage.getInputForAColumn('timestamp_disabled', 1);
-            timestampDisabledInputObj = chaisePage.recordEditPage.getTimestampInputsForAColumn('timestamp_disabled', 1);
-
-            expect(timestampDisabledInput.getAttribute('value')).toBe(values.timestamp_disabled_value, "Timestamp disabled value is incorrect");
-            expect(timestampDisabledInputObj.date.getAttribute('value')).toBe(values.timestamp_disabled_date_value, "Timestamp disabled date value is incorrect");
-            expect(timestampDisabledInputObj.time.getAttribute('value')).toBe(values.timestamp_disabled_time_value, "Timestamp disabled time value is incorrect");
-        });
-
-        it("should initialize timestamp columns properly if they are disabled without a default.", function() {
-            timestampDisabledNoDefaultInput = chaisePage.recordEditPage.getInputForAColumn('timestamp_disabled_no_default', 1);
-            timestampDisabledNoDefaultInputObj = chaisePage.recordEditPage.getTimestampInputsForAColumn('timestamp_disabled_no_default', 1);
-
-            // should both be empty string ("")
-            expect(timestampDisabledNoDefaultInput.getAttribute("value")).toBe(values.timestamp_disabled_no_default_value, "The disabled timestamp value is incorrect");
-            expect(timestampDisabledNoDefaultInputObj.date.getAttribute("value")).toBe(values.timestamp_disabled_no_default_date_value, "The disabled timestamp date value is incorrect");
-            expect(timestampDisabledNoDefaultInputObj.time.getAttribute("value")).toBe(values.timestamp_disabled_no_default_time_value, "The disabled timestamp time value is incorrect");
-        });
-
-        // Timestamptz columns
-        it("should intialize timestamptz columns properly with a default value.", function() {
-            timestamptzInput = chaisePage.recordEditPage.getInputForAColumn('timestamptz', 1);
-            timestamptzInputs = chaisePage.recordEditPage.getTimestampInputsForAColumn('timestamptz', 1);
-
-            expect(timestamptzInput.getAttribute('value')).toBe(values.timestamptz_value, "Timestamptz default is incorrect");
-            expect(timestamptzInputs.date.getAttribute('value')).toBe(values.timestamptz_date_value, "Timestamptz date default is incorrect");
-            expect(timestamptzInputs.time.getAttribute('value')).toBe(values.timestamptz_time_value, "Timestamptz time default is incorrect");
-
-            timestamptzDisabledInput = chaisePage.recordEditPage.getInputForAColumn('timestamptz_disabled', 1);
-            timestamptzDisabledInputObj = chaisePage.recordEditPage.getTimestampInputsForAColumn('timestamptz_disabled', 1);
-
-            expect(timestamptzDisabledInput.getAttribute('value')).toBe(values.timestamptz_disabled_value, "Hidden timestamptz disabled value is incorrect");
-            expect(timestamptzDisabledInputObj.date.getAttribute('value')).toBe(values.timestamptz_disabled_date_value, "Timestamptz disabled date value is incorrect");
-            expect(timestamptzDisabledInputObj.time.getAttribute('value')).toBe(values.timestamptz_disabled_time_value, "Timestamptz disabled time value is incorrect");
-        });
-
-        it("should initialize timestamptz columns properly if they are disabled without a default.", function() {
-            timestamptzDisabledNoDefaultInput = chaisePage.recordEditPage.getInputForAColumn('timestamptz_disabled_no_default', 1);
-            timestamptzDisabledNoDefaultInputObj = chaisePage.recordEditPage.getTimestampInputsForAColumn('timestamptz_disabled_no_default', 1);
-
-            expect(timestamptzDisabledNoDefaultInput.getAttribute('value')).toBe(values.timestamptz_disabled_no_default_value, "Hidden timestamptz disabled value is incorrect");
-            expect(timestamptzDisabledNoDefaultInputObj.date.getAttribute("value")).toBe(values.timestamptz_disabled_no_default_date_value, "The disabled timestamptz date value is incorrect");
-            expect(timestamptzDisabledNoDefaultInputObj.time.getAttribute("value")).toBe(values.timestamptz_disabled_no_default_time_value, "The disabled timestamptz time value is incorrect");
-        });
-
-        // Foreign key columns
-        it("should initialize foreign key inputs with their default value.", function() {
-            // the clone will be disabled while data is loading.
-            browser.wait(EC.elementToBeClickable(chaisePage.recordEditPage.getCloneFormInputSubmitButton()));
-
-            foreignKeyInput = chaisePage.recordEditPage.getForeignKeyInputDisplay("foreign_key", 1);
-            foreignKeyDropdownInput = chaisePage.recordEditPage.getForeignKeyInputDisplay("foreign_key_dropdown", 1);
-            foreignKeyDisabledInput = chaisePage.recordEditPage.getForeignKeyInputDisplay("foreign_key_disabled", 1);
-
-            expect(foreignKeyInput.getText()).toBe(values.foreign_key_value, "Foreign key input default is incorrect");
-            expect(foreignKeyDropdownInput.getText()).toBe(values.foreign_key_dropdown_value, "Foreign key dropdown input default is incorrect");
-            expect(foreignKeyDisabledInput.getText()).toBe(values.foreign_key_disabled_value, "Foreign key disabled default is incorrect");
-        });
-
-        // Asset columns
-        it("should initialize asset column inputs with their default value.", function() {
-            // the clone btn will be disabled while data is loading.
-            browser.wait(EC.elementToBeClickable(chaisePage.recordEditPage.getCloneFormInputSubmitButton()));
-
-            const assetTextInput = chaisePage.recordEditPage.getTextFileInputForAColumn("asset", 1)
-            expect(assetTextInput.getText()).toBe(values.asset_value, "Asset input default is incorrect");
-
-            const assetDisabledTextInput = chaisePage.recordEditPage.getTextFileInputForAColumn("asset_disabled", 1);
-            expect(assetDisabledTextInput.getText()).toBe(values.asset_disabled_value, "Asset disabled default is incorrect");
-        });
-
-        it("should initialize asset columns properly if they are disabled without a default.", function() {
-            const assetTextInput = chaisePage.recordEditPage.getTextFileInputForAColumn("asset_disabled_no_default", 1);
-            expect(assetTextInput.getText()).toBe(values.asset_disabled_no_default_value, "The disabled asset placeholder is incorrect");
-        });
-
-        // System columns
-        it("should initialize system column inputs with 'Automatically Generated'.", function() {
-            var ridDisabledInput = chaisePage.recordEditPage.getInputForAColumn("RID", 1),
-                rcbDisabledInput = chaisePage.recordEditPage.getInputForAColumn("RCB", 1),
-                rmbDisabledInput = chaisePage.recordEditPage.getInputForAColumn("RMB", 1),
-                rctDisabledInput = chaisePage.recordEditPage.getTimestampInputsForAColumn("RCT", 1),
-                rmtDisabledInput = chaisePage.recordEditPage.getTimestampInputsForAColumn("RMT", 1);
-
-            expect(ridDisabledInput.getAttribute("placeholder")).toBe(values.rid_disabled_value, "RID disabled input default is incorrect");
-            expect(rcbDisabledInput.getAttribute("placeholder")).toBe(values.rcb_disabled_value, "RCB disabled input default is incorrect");
-            expect(rmbDisabledInput.getAttribute("placeholder")).toBe(values.rmb_disabled_value, "RMB disabled input default is incorrect");
-
-            expect(rctDisabledInput.date.getAttribute("placeholder")).toBe(values.rct_disabled_date_value, "RCT disabled date input default is incorrect");
-            expect(rctDisabledInput.time.getAttribute("placeholder")).toBe(values.rct_disabled_time_value, "RCT disabled time input default is incorrect");
-
-            expect(rmtDisabledInput.date.getAttribute("placeholder")).toBe(values.rmt_disabled_date_value, "RMT disabled date input default is incorrect");
-            expect(rmtDisabledInput.time.getAttribute("placeholder")).toBe(values.rmt_disabled_time_value, "RMT disabled time input default is incorrect");
-        });
-
-        // TODO write tests for default values for composite foreign keys when implemented
-
-        describe("Submit the form", function() {
-            beforeAll(function() {
-                chaisePage.recordEditPage.submitForm();
-            });
-
-            it("and redirect to a record page with the default values.", function() {
-                var redirectUrl = browser.params.url + "/record/#" + browser.params.catalogId + "/defaults:" + testParams.table_name + "/RID=";
-
-                browser.wait(function () {
-                    return browser.driver.getCurrentUrl().then(function(url) {
-                        return url.startsWith(redirectUrl);
-                    });
-                });
-
-                expect(browser.driver.getCurrentUrl()).toContain(redirectUrl);
-
-                recordEditHelpers.testRecordAppValuesAfterSubmission(testParams.column_names, testParams.record_column_values, testParams.column_names.length);
-            });
-        });
-    });
-});
-
-describe("Record Edit with immutable columns", function() {
-
-    describe("should verify the presentation of data", function () {
-
-        beforeAll(function () {
-            var keys = [];
-            keys.push(testParams.edit_key.name + testParams.edit_key.operator + testParams.edit_key.value);
-            chaisePage.navigate(browser.params.url + "/recordedit/#" + browser.params.catalogId + "/defaults:" + testParams.table_name + "/"  + keys.join("&"));
-
-            chaisePage.recordeditPageReady();
-            browser.wait(function() {
-                return chaisePage.recordEditPage.getAllColumnNames().count().then(function(ct) {
-                    return (ct == testParams.re_column_names.length+1); // first row is not included
-                });
-            }, browser.params.defaultTimeout);
-        });
-
-        for (var i=0; i < testParams.re_column_names.length; i++) {
-            (function(index) {
-                const columnObj = testParams.re_column_names[index];
-                const columnName = columnObj.name;
-                // normal inputs with values in input under value attribute
-                it("should initialize text input column: " + columnName + " with the proper value", function () {
-                    let input;
-                    switch (columnObj.type) {
-                        case 'asset':
-                            input = chaisePage.recordEditPage.getTextFileInputForAColumn(columnName, 1);
-                            expect(input.getText()).toBe(testParams.re_column_values[columnName], "Recordedit value for: " + columnName + " is incorrect");
-
-                            // that's why the asset column must be added to the begining of visible columns list
-                            const tooltip = chaisePage.getTooltipDiv();
-                            chaisePage.waitForElementInverse(tooltip).then(function () {
-                                chaisePage.testTooltipReturnPromise(input, testParams.re_column_values[columnName], 'recordedit');
-                            });
-                            break;
-                        case 'color':
-                            input = chaisePage.recordEditPage.getColorInputForAColumn(columnName, 1);
-                            expect(input.getAttribute('value')).toBe(testParams.re_column_values[columnName], "Recordedit value for: " + columnName + " is incorrect");
-                            break;
-                        case 'dropdown':
-                            input = chaisePage.recordEditPage.getDropdownElementByName(columnName, 1);
-                            expect(chaisePage.recordEditPage.getDropdownText(input).getText()).toBe(testParams.re_column_values[columnName], "Recordedit value for: " + columnName + " is incorrect");
-                            break;
-                        case 'foreign_key':
-                            input = chaisePage.recordEditPage.getForeignKeyInputDisplay(columnName, 1);
-                            expect(input.getText()).toBe(testParams.re_column_values[columnName], "Recordedit value for: " + columnName + " is incorrect");
-                            break;
-                        case 'textarea':
-                            input = chaisePage.recordEditPage.getTextAreaForAColumn(columnName, 1);
-                            expect(input.getAttribute('value')).toBe(testParams.re_column_values[columnName], "Recordedit value for: " + columnName + " is incorrect");
-                            break;
-                        case 'timestamp':
-                            input = chaisePage.recordEditPage.getInputForAColumn(columnName, 1);
-                            expect(input.getAttribute('value')).toBe(testParams.re_column_values[columnName], "Recordedit value for: " + columnName + " is incorrect");
-
-                            const inputObj = chaisePage.recordEditPage.getTimestampInputsForAColumn(columnName, 1);
-                            expect(inputObj.date.getAttribute('value')).toBe(testParams.re_column_values[columnName + '_date'], "Recordedit value for: " + columnName + " date is incorrect");
-                            expect(inputObj.time.getAttribute('value')).toBe(testParams.re_column_values[columnName + '_time'], "Recordedit value for: " + columnName + " time is incorrect");
-                            break;
-                        default:
-                            // colummObj.type = input but not set
-                            input = chaisePage.recordEditPage.getInputForAColumn(columnName, 1);
-                            expect(input.getAttribute('value')).toBe(testParams.re_column_values[columnName], "Recordedit value for: " + columnName + " is incorrect");
-                            break;
-                    }
-                });
-            })(i);
-        };
-    });
-});
diff --git a/test/e2e/specs/default-config/recordedit/immutable-inputs.spec.ts b/test/e2e/specs/default-config/recordedit/immutable-inputs.spec.ts
new file mode 100644
index 000000000..61b56ca27
--- /dev/null
+++ b/test/e2e/specs/default-config/recordedit/immutable-inputs.spec.ts
@@ -0,0 +1,208 @@
+import { expect, Locator, test } from '@playwright/test';
+import RecordeditLocators, { RecordeditInputType } from '@isrd-isi-edu/chaise/test/e2e/locators/recordedit';
+import { getCatalogID } from '@isrd-isi-edu/chaise/test/e2e/utils/catalog-utils';
+import { testInputValue, testSubmission } from '@isrd-isi-edu/chaise/test/e2e/utils/recordedit-utils';
+
+
+const testParams = {
+  schemaTable: 'defaults:defaults-table',
+  create: {
+    columns: [
+      { name: 'asset_disabled', displayname: 'asset_disabled', type: RecordeditInputType.FILE, value: '28110_191_z.jpg', disabled: false },
+      { name: 'asset_disabled_no_default', displayname: 'asset_disabled_no_default', type: RecordeditInputType.FILE, disabled: true },
+
+      { name: 'text', displayname: 'text', type: RecordeditInputType.TEXT, value: 'default', disabled: false },
+      { name: 'text_disabled', displayname: 'text_disabled', type: RecordeditInputType.TEXT, value: 'Disabled input', disabled: true },
+
+      { name: 'markdown', displayname: 'markdown', type: RecordeditInputType.MARKDOWN, value: '**bold**', disabled: false },
+      { name: 'markdown_disabled', displayname: 'markdown_disabled', type: RecordeditInputType.MARKDOWN, value: '*italics*', disabled: true },
+
+      {
+        name: 'iKS50idGfVCGnnS6lUoZ8Q', displayname: 'foreign_key', type: RecordeditInputType.FK_POPUP,
+        value: 'Default for foreign_key column', disabled: false
+      },
+      {
+        name: '2PO3pruPa9O5g7nNztzMjQ', displayname: 'foreign_key_dropdown', type: RecordeditInputType.FK_DROPDOWN,
+        value: 'Default for foreign_key_dropdown column', disabled: false
+      },
+      {
+        name: 'WnsyE4pJ1O0IW8zsj6MDHg', displayname: 'foreign_key_disabled', type: RecordeditInputType.FK_POPUP,
+        value: 'Default for foreign_key_disabled column', disabled: true
+      },
+
+      { name: 'int', displayname: 'int', type: RecordeditInputType.INT_4, value: '25', disabled: false },
+      { name: 'int_disabled', displayname: 'int_disabled', type: RecordeditInputType.INT_4, value: '20', disabled: true },
+
+      { name: 'float', displayname: 'float', type: RecordeditInputType.NUMBER, value: '1.6478', disabled: false },
+      { name: 'float_disabled', displayname: 'int_disabled', type: RecordeditInputType.NUMBER, value: '93.2182', disabled: true },
+
+      { name: 'boolean_true', displayname: 'boolean_true', type: RecordeditInputType.BOOLEAN, value: 'true', disabled: false },
+      { name: 'boolean_false', displayname: 'boolean_false', type: RecordeditInputType.BOOLEAN, value: 'false', disabled: false },
+      { name: 'boolean_disabled', displayname: 'boolean_disabled', type: RecordeditInputType.BOOLEAN, value: 'false', disabled: true },
+
+      { name: 'date', displayname: 'date', type: RecordeditInputType.DATE, value: '2010-06-08', disabled: false },
+      { name: 'date_disabled', displayname: 'date_disabled', type: RecordeditInputType.DATE, value: '2014-05-12', disabled: true },
+
+      {
+        name: 'timestamp', displayname: 'timestamp', type: RecordeditInputType.TIMESTAMP, disabled: false,
+        value: { date_value: '2016-05-14', time_value: '17:30:00' }
+      },
+      {
+        name: 'timestamp_disabled', displayname: 'timestamp_disabled', type: RecordeditInputType.TIMESTAMP, disabled: true,
+        value: { date_value: '2012-06-22', time_value: '18:36:00' }
+      },
+      {
+        name: 'timestamp_disabled_no_default', displayname: 'timestamp_disabled_no_default',
+        type: RecordeditInputType.TIMESTAMP, disabled: true, autoGenerated: true
+      },
+
+      {
+        name: 'timestamptz', displayname: 'timestamptz', type: RecordeditInputType.TIMESTAMP, disabled: false,
+        value: { date_value: '2014-05-07', time_value: '14:40:00' }
+      },
+      {
+        name: 'timestamptz_disabled', displayname: 'timestamptz_disabled', type: RecordeditInputType.TIMESTAMP, disabled: true,
+        value: { date_value: '2010-06-13', time_value: '17:22:00' }
+      },
+      {
+        name: 'timestamptz_disabled_no_default', displayname: 'timestamptz_disabled_no_default',
+        type: RecordeditInputType.TIMESTAMP, disabled: true, autoGenerated: true
+      },
+
+      {
+        name: 'json', displayname: 'json', type: RecordeditInputType.JSON, disabled: false,
+        value: JSON.stringify({ 'name': 'testing_json' })
+      },
+      {
+        name: 'json_disabled', displayname: 'json_disabled', type: RecordeditInputType.JSON, disabled: true,
+        value: JSON.stringify(98.786)
+      },
+      {
+        name: 'json_disabled_no_default', displayname: 'json_disabled_no_default', type: RecordeditInputType.JSON,
+        disabled: true, autoGenerated: true
+      },
+
+      { name: 'color_rgb_hex', displayname: 'color_rgb_hex', type: RecordeditInputType.COLOR, value: '#123456', disabled: false },
+      { name: 'color_rgb_hex_disabled', displayname: 'text_disabled', type: RecordeditInputType.COLOR, value: '#654321', disabled: true },
+
+      { name: 'RID', displayname: 'RID', type: RecordeditInputType.TEXT, disabled: true, autoGenerated: true },
+      { name: 'RCB ', displayname: 'RCB ', type: RecordeditInputType.TEXT, disabled: true, autoGenerated: true },
+      { name: 'RMB ', displayname: 'RMB ', type: RecordeditInputType.TEXT, disabled: true, autoGenerated: true },
+      { name: 'RCT', displayname: 'RCT', type: RecordeditInputType.TIMESTAMP, disabled: true, autoGenerated: true },
+      { name: 'RMT', displayname: 'RMT', type: RecordeditInputType.TIMESTAMP, disabled: true, autoGenerated: true },
+    ],
+    submission: {
+      tableDisplayname: 'defaults-table',
+      resultColumnNames: [
+        'text', 'text_disabled', 'markdown', 'markdown_disabled',
+        'foreign_key', 'foreign_key_dropdown', 'foreign_key_disabled',
+        'int', 'int_disabled', 'float', 'float_disabled', 'boolean_true', 'boolean_false', 'boolean_disabled',
+        'date', 'date_disabled', 'timestamp', 'timestamp_disabled', 'timestamptz', 'timestamptz_disabled',
+        'json', 'json_disabled', 'color_rgb_hex', 'color_rgb_hex_disabled'
+      ],
+      resultRowValues: [[
+        'default', 'Disabled input', 'bold', 'italics',
+        { caption: 'Default for foreign_key column', url: '/defaults:foreign-text-table/' },
+        { caption: 'Default for foreign_key_dropdown column', url: '/defaults:foreign-dropdown-table/' },
+        { caption: 'Default for foreign_key_disabled column', url: '/defaults:foreign-text-disabled-table/' },
+        '25', '20', '1.6478', '93.2182', 'true', 'false', 'false', '2010-06-08', '2014-05-12', '2016-05-14 17:30:00',
+        '2012-06-22 18:36:00', '2014-05-07 14:40:00', '2010-06-13 17:22:00', JSON.stringify({ 'name': 'testing_json' }, undefined, 2),
+        JSON.stringify(98.786, undefined, 2), '#123456', '#654321'
+      ]]
+    }
+  },
+  edit: {
+    columns: [
+      { name: 'asset_disabled', displayname: 'asset_disabled', type: RecordeditInputType.FILE, value: '28110_191_z.jpg', disabled: false },
+      { name: 'text_disabled', displayname: 'text_disabled', type: RecordeditInputType.TEXT, value: 'Disabled input' },
+      { name: 'markdown_disabled', displayname: 'markdown_disabled', type: RecordeditInputType.MARKDOWN, value: '*italics*', disabled: true },
+      {
+        name: 'WnsyE4pJ1O0IW8zsj6MDHg', displayname: 'foreign_key_disabled', type: RecordeditInputType.FK_POPUP,
+        value: 'Default for foreign_key_disabled column', disabled: true
+      },
+      { name: 'int_disabled', displayname: 'int_disabled', type: RecordeditInputType.INT_4, value: '20', disabled: true },
+      { name: 'float_disabled', displayname: 'int_disabled', type: RecordeditInputType.NUMBER, value: '93.2182', disabled: true },
+      { name: 'boolean_disabled', displayname: 'boolean_disabled', type: RecordeditInputType.BOOLEAN, value: 'false', disabled: true },
+      { name: 'date_disabled', displayname: 'date_disabled', type: RecordeditInputType.DATE, value: '2014-05-12', disabled: true },
+      {
+        name: 'timestamp_disabled', displayname: 'timestamp_disabled', type: RecordeditInputType.TIMESTAMP, disabled: true,
+        value: { date_value: '2012-06-22', time_value: '18:36:00' }
+      },
+      {
+        name: 'timestamptz_disabled', displayname: 'timestamptz_disabled', type: RecordeditInputType.TIMESTAMP, disabled: true,
+        value: { date_value: '2010-06-13', time_value: '17:22:00' }
+      },
+      {
+        name: 'json_disabled', displayname: 'json_disabled', type: RecordeditInputType.JSON, disabled: true,
+        value: JSON.stringify(98.786)
+      },
+      { name: 'color_rgb_hex_disabled', displayname: 'text_disabled', type: RecordeditInputType.COLOR, value: '#654321', disabled: true },
+    ]
+  }
+
+}
+
+test.describe('Immutable and Generated columns', () => {
+  test.describe.configure({ mode: 'parallel' });
+
+  test('Create mode', async ({ page, baseURL }, testInfo) => {
+    await test.step('open recordedit page', async () => {
+      await page.goto(`${baseURL}/recordedit/#${getCatalogID(testInfo.project.name)}/${testParams.schemaTable}`);
+      await RecordeditLocators.waitForRecordeditPageReady(page);
+    });
+
+    for await (const col of testParams.create.columns) {
+      await test.step(`${col.displayname}`, async () => {
+        await test.step(`display ${col.disabled ? 'disabled' : ''} input with proper value`, async () => {
+          await testInputValue(page, 1, col.name, col.displayname, col.type, col.disabled, col.value);
+        });
+
+        if (col.autoGenerated) {
+          await test.step('display the "Automatically generated" placeholder', async () => {
+            switch (col.type) {
+              case RecordeditInputType.TIMESTAMP:
+                const props = RecordeditLocators.getTimestampInputsForAColumn(page, col.name, 1);
+                await testAutomaticallyGenerated(props.time, col.displayname);
+                await testAutomaticallyGenerated(props.date, col.displayname);
+                break;
+              case RecordeditInputType.FILE:
+              case RecordeditInputType.FK_DROPDOWN:
+              case RecordeditInputType.FK_POPUP:
+              case RecordeditInputType.BOOLEAN:
+                await expect.soft(RecordeditLocators.getInputPlaceholderMessage(page, col.name, 1)).toHaveText('Automatically generated');
+                break;
+              default:
+                await testAutomaticallyGenerated(RecordeditLocators.getInputForAColumn(page, col.name, 1), col.displayname);
+                break;
+            }
+          });
+        }
+      })
+    }
+
+    await test.step('submit and save the data', async () => {
+      await testSubmission(page, testParams.create.submission);
+    });
+  });
+
+  test('Edit mode', async ({ page, baseURL }, testInfo) => {
+    await test.step('open recordedit page', async () => {
+      await page.goto(`${baseURL}/recordedit/#${getCatalogID(testInfo.project.name)}/${testParams.schemaTable}/id=2`);
+      await RecordeditLocators.waitForRecordeditPageReady(page);
+    });
+
+    await test.step('display immutable inputs properly with their values.', async () => {
+      for await (const col of testParams.edit.columns) {
+        await test.step(`${col.displayname}`, async () => {
+          await testInputValue(page, 1, col.name, col.displayname, col.type, true, col.value);
+        });
+      }
+    });
+  });
+
+})
+
+const testAutomaticallyGenerated = async (inp: Locator, displayname: string) => {
+  await expect.soft(inp, displayname).toHaveAttribute('placeholder', 'Automatically generated');
+}
+
diff --git a/test/e2e/specs/default-config/recordedit/submission-disabled.conf.js b/test/e2e/specs/default-config/recordedit/submission-disabled.conf.js
deleted file mode 100644
index f8bde8521..000000000
--- a/test/e2e/specs/default-config/recordedit/submission-disabled.conf.js
+++ /dev/null
@@ -1,15 +0,0 @@
-var pConfig = require('./../../../utils/protractor.configuration.js');
-
-var config = pConfig.getConfig({
-    configFileName: 'recordedit/submission-disabled.dev.json',
-    chaiseConfigFilePath: 'test/e2e/specs/default-config/chaise-config.js',
-    specs: [
-        "submission-disabled.spec.js"
-    ],
-    setBaseUrl: function(browser, data) {
-      browser.params.url = process.env.CHAISE_BASE_URL;
-      return browser.params.url;
-    }
-});
-
-exports.config = config;
diff --git a/test/e2e/specs/default-config/recordedit/submission-disabled.spec.js b/test/e2e/specs/default-config/recordedit/submission-disabled.spec.js
deleted file mode 100644
index 91e2c5935..000000000
--- a/test/e2e/specs/default-config/recordedit/submission-disabled.spec.js
+++ /dev/null
@@ -1,71 +0,0 @@
-var chaisePage = require('../../../utils/chaise.page.js');
-var testParams = {
-    table_name: "submission-disabled-table",
-    key: {
-        name: "id",
-        value: "1000",
-        operator: "="
-    },
-    conflict_table_name: "duplicate_key_conflict",
-    conflict_column: "duplicate_id",
-    conflict_key: "1000",
-    conflict_message: "The entry cannot be created/updated. Please use a different duplicate_id for this record. Click here to see the conflicting record that already exists."
-};
-
-describe("For error handling strategies on submission,", function() {
-
-    describe("when editing a record without changing data,", function() {
-
-        beforeAll(function () {
-            var keys = [];
-            keys.push(testParams.key.name + testParams.key.operator + testParams.key.value);
-
-            chaisePage.navigate(browser.params.url + "/recordedit/#" + browser.params.catalogId + "/submission-disabled:" + testParams.table_name + "/" + keys.join("&"));
-
-            chaisePage.recordeditPageReady();
-        });
-
-        // NOTE: adding this test here because eventually we are going to change the behavior
-        // of updating an entity with no changes. Currently the update function throws an error,
-        // whereas, later we will be disabling the submission button until changes were made in the form
-        it("warn the user when submitting data when no data was changed.", function(done) {
-            chaisePage.recordEditPage.submitForm().then(() => {
-                const alert = chaisePage.recordEditPage.getAlertWarning();
-                return chaisePage.waitForElement(alert);
-            }).then(() => {
-                done();
-                expect(alert.getText()).toEqual("Warning No data was changed in the update request. Please check the form content and resubmit the data.");
-            }).catch(chaisePage.catchTestError(done));
-        });
-    });
-
-    describe("when creating a record,", function() {
-
-        var uri;
-
-        beforeAll(function () {
-            uri = browser.params.url + "/recordedit/#" + browser.params.catalogId + "/submission-disabled:" + testParams.conflict_table_name;
-            chaisePage.navigate(uri);
-
-            chaisePage.recordeditPageReady();
-        });
-
-        it("a conflict error should show an alert with a link to the conflicting record.", function(done) {
-            const idInput = chaisePage.recordEditPage.getInputForAColumn(testParams.conflict_column, 1);
-
-            idInput.sendKeys(testParams.conflict_key);
-            expect(idInput.getAttribute('value')).toBe(testParams.conflict_key, "input does not show the correct value");
-
-            chaisePage.recordEditPage.submitForm().then(function () {
-                return browser.wait(function() { return chaisePage.recordEditPage.getAlertError(); }, browser.params.defaultTimeout);
-            }).then(function(alert) {
-                expect(alert.getText()).toContain(testParams.conflict_message, "alert message is incorrect");
-
-                var duplicate_uri = uri.replace('recordedit', 'record') + '/' + testParams.conflict_column + '=' + testParams.conflict_key;
-                expect(chaisePage.recordEditPage.getAlertErrorLink().getAttribute('href')).toContain(duplicate_uri, "link to duplicate record is incorrect");
-
-                done();
-            }).catch(chaisePage.catchTestError(done));
-        });
-    });
-});
diff --git a/test/e2e/specs/delete-prohibited/navbar/catalog-chaise-config.spec.ts b/test/e2e/specs/delete-prohibited/navbar/catalog-chaise-config.spec.ts
index 493a7df8d..f6c8fa284 100644
--- a/test/e2e/specs/delete-prohibited/navbar/catalog-chaise-config.spec.ts
+++ b/test/e2e/specs/delete-prohibited/navbar/catalog-chaise-config.spec.ts
@@ -34,7 +34,6 @@ test.describe('Navbar with chaise-config annotation', () => {
 
   test('should hide the navbar bar if the hideNavbar query parameter is set to true', async ({ page, baseURL }, testInfo) => {
     const PAGE_URL = `/recordset/#${getCatalogID(testInfo.project.name)}/catalog-config-navbar:config-table`;
-    await page.pause();
     await page.goto(`${baseURL}${PAGE_URL}?hideNavbar=true`);
     await RecordsetLocators.waitForRecordsetPageReady(page);
     await expect.soft(NavbarLocators.getContainer(page)).not.toBeAttached();
diff --git a/test/e2e/specs/delete-prohibited/recordset/histogram-facet.spec.ts b/test/e2e/specs/delete-prohibited/recordset/histogram-facet.spec.ts
index 1cf50041e..0b9a6c652 100644
--- a/test/e2e/specs/delete-prohibited/recordset/histogram-facet.spec.ts
+++ b/test/e2e/specs/delete-prohibited/recordset/histogram-facet.spec.ts
@@ -63,7 +63,8 @@ const testParams = {
 };
 
 test.describe('Testing features for range picker facet types with histograms', () => {
-  test.describe.configure({ mode: 'parallel' });
+  // this test is flaky, so we're going to retry it if it failed the first time.
+  test.describe.configure({ mode: 'parallel', retries: 3 });
 
   for (const [index, facetParams] of testParams.facets.entries()) {
     test(`Testing facet: ${facetParams.name}`, async ({ page, baseURL }, testInfo) => {
diff --git a/test/e2e/utils/chaise.page.js b/test/e2e/utils/chaise.page.js
deleted file mode 100644
index 457ea2afb..000000000
--- a/test/e2e/utils/chaise.page.js
+++ /dev/null
@@ -1,1714 +0,0 @@
-const { element, browser } = require('protractor');
-var Q = require('q');
-
-var recordEditPage = function() {
-    var that = this;
-
-    // recordedit form view
-
-    // TODO playwright: renamed to getPageTitle
-    this.getEntityTitleElement = function() {
-        return element(by.css('.app-container #page-title'));
-    };
-
-    // TODO playwright: renamed to getPageTitleLink
-    this.getEntityTitleLinkElement = function() {
-        return this.getEntityTitleElement().element(by.tagName('a'));
-    };
-
-    this.getRequiredInfoEl = () => {
-        return element(by.className('required-info'));
-    }
-
-    this.getAllColumnNames = function() {
-        return element.all(by.css(".entity-key-column > .entity-key > span.column-displayname > span"));
-    };
-
-    this.getAllColumnPermissionOverlays = function () {
-      return element.all(by.css(".column-permission-overlay"));
-    }
-
-    this.getColumnPermissionOverlay = function (formNumber, displayName) {
-        displayName = makeSafeIdAttr(displayName);
-        return element(by.css(".column-permission-overlay-" + formNumber + '-' + displayName));
-    }
-
-    this.getColumnPermissionError = function (formNumber, displayName) {
-        displayName = makeSafeIdAttr(displayName);
-        return element(by.css(".column-permission-warning-" + formNumber + '-' + displayName));
-    };
-
-    this.getColumnsWithUnderline = function() {
-        return element.all(by.css('.entity-key-column > .entity-key > span.column-displayname.chaise-icon-for-tooltip'));
-    };
-
-    this.getColumnInlineComments = () => {
-      return element.all(by.css('.inline-comment-row'));
-    };
-
-    this.getColumnWithAsterisk = function(el) {
-        return el.element(by.xpath('./../..')).element(by.className('text-danger'));
-    };
-
-    this.getRecordeditForms = () => {
-        return element.all(by.css('.recordedit-form .form-header'))
-    }
-
-    this.getCloneFormInput = function () {
-        return element(by.id("copy-rows-input"));
-    };
-
-    this.getCloneFormInputSubmitButton = function () {
-        return element(by.id("copy-rows-submit"));
-    };
-
-    this.getRecordeditResetButton = function () {
-        return element(by.id('recordedit-reset'));
-    };
-
-    this.getSubmitRecordButton = function () {
-        return element(by.id("submit-record-button"));
-    };
-
-    this.getBulkDeleteButton = function () {
-        return element(by.id('bulk-delete-button'));
-    };
-
-    /* input selectors */
-    this.getInputRemoveButton = function (name, index) {
-        const inputName = 'c_' + index + '-' + name;
-        return element(by.className('input-switch-container-' + inputName)).element(by.css('.remove-input-btn'));
-    }
-
-    this.clearInput = function(el) {
-        return el.getAttribute('value').then(function(value) {
-            el.sendKeys(Array(value.length + 1).join(protractor.Key.BACK_SPACE));
-            browser.sleep(10);
-        }).catch(function (err) {
-            console.log(err)
-        });
-    };
-
-    this.getInputForAColumn = function(name, index) {
-        index = index || 1;
-        const inputName = 'c_' + index + '-' + name;
-        return element(by.className(inputName));
-    };
-
-    this.getInputById = function (index, displayName) {
-        displayName = makeSafeIdAttr(displayName);
-        return element(by.id("form-" + index + '-' + displayName + "-input"));
-    };
-
-    // NOTE: duplicate of getInputForAColumn, not removing this and refactoring tests since protractor tests will be deprecated soon
-    this.getTextAreaForAColumn = function(name, index) {
-        index = index || 1;
-        const inputName = 'c_' + index + '-' + name;
-        return element(by.className(inputName));
-    };
-
-    this.getDateInputsForAColumn = function(name, index) {
-        index = index || 1;
-        const inputName = 'c_' + index + '-' + name;
-        const inputObj = {};
-        // NOTE: duplicate of getInputForAColumn, not changing this since protractor tests will be deprecated soon
-        inputObj.date = element(by.className(inputName));
-        inputObj.todayBtn = element(by.css(`.input-switch-container-${inputName} .date-today-btn`));
-        return inputObj;
-    };
-
-    this.getTimestampInputsForAColumn = function(name, index) {
-        index = index || 1;
-        const inputName = 'c_' + index + '-' + name;
-        var inputObj = {};
-        const container =  element(by.className(`input-switch-container-${inputName}`));
-        inputObj.date = element(by.className(`${inputName}-date`));
-        inputObj.time = element(by.className(`${inputName}-time`));
-        inputObj.nowBtn = container.element(by.css('.date-time-now-btn'));
-        inputObj.clearBtn = container.element(by.css('.date-time-clear-btn'));
-        return inputObj;
-    };
-
-    this.getInputControlForAColumn = (name, index) => {
-        index = index || 1;
-        const inputName = 'c_' + index + '-' + name;
-        return element(by.className('input-switch-container-' + inputName)).element(by.css('.chaise-input-control'));
-    }
-
-    this.getTextFileInputForAColumn = (name, index) => {
-        index = index || 1;
-        const inputName = 'c_' + index + '-' + name;
-        return element(by.className('input-switch-container-' + inputName)).element(by.css('.chaise-input-control > span'));
-    }
-
-    /* Color input selectors */
-    this.getColorInputForAColumn = (name, index) => {
-        index = index || 1;
-        const inputName = 'c_' + index + '-' + name;
-        return element(by.className('input-switch-container-' + inputName)).element(by.tagName('input'));
-    }
-
-    this.getColorInputBackground = function (name, index) {
-        index = index || 1;
-        const inputName = 'c_' + index + '-' + name;
-        var script = "var color = document.querySelector('.input-switch-container-" + inputName + " .chaise-color-picker-preview').style.backgroundColor;";
-        script += "var ctx = document.createElement('canvas').getContext('2d');ctx.fillStyle = color;";
-        script += "return ctx.fillStyle;";
-        return browser.executeScript(script);
-    };
-
-    this.getColorInputBtn = function (name, index) {
-        index = index || 1;
-        const inputName = 'c_' + index + '-' + name;
-        return element(by.css('.input-switch-container-' + inputName + ' button'));
-    }
-
-    this.getColorInputPopup = function () {
-        return element(by.css('.chaise-color-picker-popup:not(.sp-hidden)'));
-    };
-
-    this.getColorInputPopupInput = function () {
-        return this.getColorInputPopup().element(by.css('.sp-input'));
-    };
-
-    this.getColorInputPopupClearBtn = function () {
-        return this.getColorInputPopup().element(by.css('.sp-clear'));
-    };
-
-    this.getColorInputPopupSelectBtn = function () {
-        return this.getColorInputPopup().element(by.css('.sp-choose'));
-    };
-
-    /* Multi form input selectors */
-    this.getMultiFormToggleButton = function (name) {
-        var columnDisplayName = makeSafeIdAttr(name);
-        return element(by.css('.multi-form-' + columnDisplayName));
-    };
-
-    this.getMultiFormApplyBtn = function () {
-        return element(by.css('.multi-form-input-apply-btn'));
-    }
-
-    this.getMultiFormClearBtn = function () {
-        return element(by.css('.multi-form-input-clear-btn'));
-    }
-
-    this.getMultiFormCloseBtn = function () {
-        return element(by.css('.multi-form-input-close-btn'));
-    }
-
-    this.getMultiFormInputCheckbox = function () {
-        return element(by.css('.multi-form-input-checkbox input'));
-    }
-
-    this.getMultiFormInputCheckboxLabel = function () {
-        return element(by.css('.multi-form-input-checkbox label'));
-    }
-
-    /* dropdown selectors */
-    this.getDropdownElementByName = (name, index) => {
-        index = index || 1;
-        const inputName = 'c_' + index + '-' + name;
-        return element(by.css('.input-switch-container-' + inputName + ' .dropdown-toggle'));
-    }
-
-    // foreign key dropdown selectors
-    this.getFkeyDropdowns = () => {
-        return element.all(by.css('.fk-dropdown'));
-    }
-
-    this.getDropdownSelectableOptions = () => {
-        return element(by.css('.dropdown-menu.show')).all(by.css('.dropdown-select-value'));
-    }
-
-    this.getDropdownLoadMoreRow = () => {
-        return element(by.css('.dropdown-menu .load-more-row'));
-    }
-
-    this.getDropdownSearch = () => {
-        return element(by.css('.dropdown-menu .search-row .chaise-input-control input'));
-    }
-
-    // boolean dropdown selectors
-    this.getDropdownText = (el) => {
-        return el.element(by.css('.chaise-input-control'));
-    };
-
-    this.getOpenDropdownOptionsContainer = () => {
-        return element(by.css(".dropdown-menu.show"));
-    }
-
-    // Gets the boolean dropdown options after the input is opened and attached to input container
-    this.getDropdownOptions = function() {
-        return element(by.css(".dropdown-menu.show")).all(by.tagName('li'));
-    }
-
-    this.selectDropdownValue = function(dropdownEl, value) {
-        var self = this;
-        return dropdownEl.getText().then(function(txt) {
-            var defer = Q.defer();
-            // if the existing selection isn't the desired value,
-            if (txt.trim() !== value) {
-                // Click open the dropdown
-                dropdownEl.click().then(function () {
-                    const optionsContainer = self.getOpenDropdownOptionsContainer();
-                    return browser.wait(protractor.ExpectedConditions.visibilityOf(optionsContainer), browser.params.defaultTimeout);
-                }).then(() => {
-                    // Get all the possible choices in the dropdown
-                    return self.getDropdownOptions();
-                }).then(function (options) {
-                    // loop through options and check for one that matches our value we want to click
-                    options.forEach(function (option, index) {
-                        option.getAttribute("innerHTML").then(function (optionTxt) {
-                            if (optionTxt.trim() == value + "") {
-                                try {
-                                    option.click()
-                                } catch (e) {}
-                                defer.resolve();
-                            } else if (index == options.length-1) {
-                                // we didn't match any and this is the last one
-                                defer.reject();
-                            }
-                        });
-                    });
-                });
-
-            } else {
-                defer.resolve(txt);
-            }
-            return defer.promise;
-        });
-    };
-
-    /* Foreign key input and popup selectors */
-    this.getModalPopupBtns = function() {
-        return element.all(by.css(".modal-popup-btn"));
-    };
-
-    this.getModalTitle = function() {
-        return element(by.css(".modal-title"));
-    };
-
-    this.getModalActionBody = function() {
-        return element(by.css('.modal-body')).all(by.tagName('span')).get(1);
-    };
-
-    this.getModalCloseBtn = function() {
-        return element(by.css(".modal-close"));
-    };
-
-    this.getForeignKeyInputDisplay = function(columnDisplayName, index) {
-        columnDisplayName = makeSafeIdAttr(columnDisplayName);
-        return element(by.id("form-" + index + '-' + columnDisplayName + "-display"));
-    };
-
-    this.getForeignKeyInputButton = function(columnDisplayName, index) {
-        columnDisplayName = makeSafeIdAttr(columnDisplayName);
-        return element(by.id("form-" + index + '-' + columnDisplayName + "-button"));
-    };
-
-    this.getForeignKeyInputClear = function(columnDisplayName, index) {
-        return this.getForeignKeyInputDisplay(columnDisplayName, index).element(by.className('remove-input-btn'));
-    };
-
-    this.getForeignKeyInputs = function() {
-        return element.all(by.css(".popup-select-value"));
-    };
-
-    /**
-     * returns the cell (entity-value).
-     * this is useful if we want to test the extra classes attached to it.
-     */
-    this.getFormInputCell = (name, index, isArray) => {
-      index = index || 1;
-      const inputName = 'c_' + index + '-' + name;
-
-      if(isArray){
-        return element(by.className('array-input-field-container ' + inputName)).element(by.xpath('..'));
-      }
-      return element(by.className('input-switch-container-' + inputName)).element(by.xpath('..'));
-    };
-
-    this.getInputSwitchContainer = (name, index) => {
-      index = index || 1;
-      const inputName = 'c_' + index + '-' + name;
-      return element(by.className('input-switch-container-' + inputName))
-    }
-    // TODO: This is BAD, no column name should be hardcoded
-    this.getInputSwitchContainerFK = (index) => {
-        index = index || 1;
-        const inputName = 'c_' + index + '-' + 'lIHKX0WnQgN1kJOKR0fK5A';
-        return element(by.className('input-switch-container-' + inputName))
-      }
-
-    this.getIframeInputDisplay = (container, name, index) => {
-      if (!container) {
-        container = this.getInputSwitchContainer(name, index);
-      }
-      return container.element(by.css('.chaise-input-control'));
-    };
-
-    this.getIframeInputButton = (container, name, index) => {
-      if (!container) {
-        container = this.getInputSwitchContainer(name, index);
-      }
-      return container.element(by.css('.chaise-input-group-append button'));
-    };
-
-    this.getIframeInputClear = (container, name, index) => {
-      if (!container) {
-        container = this.getInputSwitchContainer(name, index);
-      }
-      return container.element(by.css('.input-switch-clear'));
-    };
-
-    this.getIframeInputPopupSpinner = () => {
-      return element(by.className('iframe-field-modal-spinner'));
-    };
-
-    this.getIframeInputPopupIframe = () => {
-      return element(by.css('.iframe-field-popup iframe'));
-    };
-
-    this.getIframeInputPopupSubmitBtn = () => {
-      return element(by.id('iframe-submit-btn'));
-    };
-
-    this.getIframeInputPopupAlertBtn = () => {
-      return element(by.id('iframe-alert-btn'));
-    };
-
-    this.getIframeInputPopupInputs = () => {
-      return {
-        creator: element(by.id('creator')),
-        file_content: element(by.id('file-content')),
-        notes: element(by.id('notes'))
-      }
-    }
-
-    this.getIframeInputCancelPopup = () => {
-      const modal = element(by.css('.confirm-iframe-close-modal'));
-      return {
-        element: modal,
-        body: modal.element(by.css('.modal-body')),
-        cancelButton: modal.element(by.css('.cancel-button'))
-      };
-    }
-
-    this.submitForm = function() {
-        const defer = Q.defer();
-
-        element(by.css(('button[type="submit"]'))).click().then(() => {
-            defer.resolve();
-        });
-
-        return defer.promise;
-    };
-
-    /* error message selectors */
-    this.getErrorMessageForAColumn = (name, index) => {
-        index = index || 1;
-        const inputName = 'c_' + index + '-' + name;
-        return element(by.className('input-switch-container-' + inputName)).element(by.css('.input-switch-error'));
-    }
-
-    this.getInputErrorMessage = function(el, type) {
-        return el.element(by.xpath('./../..')).element(by.css('.input-switch-error'));
-    };
-
-    this.getJSONInputErrorMessage = function(el) {
-        // similar input structure as array detailed below
-        return el.element(by.xpath('./../../..')).element(by.css('.input-switch-error'));
-    };
-
-    this.getArrayInputErrorMessage = function(el) {
-        /**
-         * The error message is a sibling of the grandparent to the textarea. Get the great grandparent and select the error from there
-         *  <div class='input-switch-container-{index}-{name}'>
-         *    <div class='input-switch-array'>
-         *      <div class='chaise-input-control'>
-         *        <textarea class='c_{index}-{name}' />
-         *      </div>
-         *    </div>
-         *    <span class='input-switch-error'>...</span>]
-         *  </div>
-         */
-        return el.element(by.xpath('./../../..')).element(by.css('.input-switch-error'));
-    };
-
-    this.getDeleteRowButton = function(index) {
-        index = index || 0;
-        return this.getAllDeleteRowButtons().get(index);
-    };
-
-    this.getAllDeleteRowButtons = function() {
-        return element.all(by.css('button.remove-form-btn'));
-    };
-
-    /**
-     * Returns a random number between min (inclusive) and max (exclusive)
-     */
-    this.getRandomArbitrary = function(min, max) {
-        min = min || -32768;
-        max = max || 32767;
-        return Math.random() * (max - min) + min;
-    };
-
-    /**
-     * Returns a random integer between min (inclusive) and max (inclusive)
-     * Using Math.round() will give you a non-uniform distribution!
-     */
-    this.getRandomInt = function(min, max) {
-        min = (min == undefined || min == null) ? -32768 : min;
-        max = (max == undefined || max == null) ? 32767 : max;
-        return Math.floor(Math.random() * (max - min + 1)) + min;
-    };
-
-    /* alert selectors */
-
-    // TODO use getAlertErrorElement instead of this
-    this.getAlertError = function() {
-        /**
-         * TODO while this is only used in recordedit, the submission might be
-         * very fast and therefore by the time that we're calling this it's executing in record.
-         * That's why I rewrote it to not use jQuery.
-         * Also the way it's used in test it must be executeScript, but it might be
-         * better to refactor where this function is called and then use element selector instead.
-         */
-        return browser.executeScript('return document.querySelector(\'.alert-danger\');');
-    };
-
-    this.getAlertErrorElement = (el) => {
-      const locator = by.css('.alert-danger');
-      return el ? el.element(locator) : element(locator);
-    };
-
-    this.getAlertErrorClose = (el) => {
-      const locator = by.css('.alert-danger button')
-      return el ? el.element(locator) : element(locator);
-    }
-
-    this.getAlertErrorLink = function(el) {
-      const locator = by.css('.alert-danger a');
-      return el ? el.element(locator) : element(locator);
-    };
-
-    this.getAlertWarning = function(el) {
-      const locator = by.css('.alert-warning');
-      return el ? el.element(locator) : element(locator);
-    };
-
-    this.getRecordSetTable = function() {
-        return element(by.className('recordset-table'));
-    };
-
-    // ArrayField Selectors
-
-    /**
-     *
-     * @typedef {Object} ArrayFieldContainerElement
-     * @property {Function} getAddNewElementContainer - returns the add new element container for the given array field
-     * @property {Function} getAddNewValueInputElement - returns add new element input element for a given array field
-     * @property {Function} getClearInputButton - returns clear button for the current input
-     * @property {Function} getErrorMessageElement - returns error message element for the current input
-     * @property {Function} getAddButton - returns add button for a given array field
-     * @property {Function} getRemoveButton - returns remove button for a given array field
-     * @property {Function} getRemoveLastElementButton - returns remove button for last element in the arrayField
-     * @property {Function} getLastArrayItem - returns the element added to the array
-     * @property {Function} getArrayFieldValues - returns values of the arrayfield as an array
-     * @property {Function} isAddButtonDisabled - returns true if Add button is disabled, false if otherwise
-     */
-
-    /**
-     *
-     * @param {string} fieldName - name of the column
-     * @param {string} formNumber - form number
-     * @param {string} baseType - baseType of the Array
-     * @return {ArrayFieldContainerElement} arrayFieldContainer
-     *
-     */
-    this.getArrayFieldContainer = function(colName, formNumber, baseType){
-      formNumber = formNumber || 1;
-      const fieldName = `c_${formNumber}-${colName}`;
-
-      const elem = element(by.css(`.array-input-field-container-${fieldName}`));
-
-      elem.getAddNewElementContainer = function(){
-        return this.element(by.className("add-element-container"));
-      }
-
-      elem.getAddButton = function(){
-        const addNewContainer = this.getAddNewElementContainer()
-        return addNewContainer.element(by.className("add-button"))
-      }
-
-      elem.getRemoveButton = function () {
-        return this.element(by.css('.array-remove-button'));
-      }
-
-      elem.getRemoveLastElementButton = async function(){
-        try{
-          const buttons = this.all(by.css(".action-buttons .fa-trash"));
-
-          if(await buttons.count()){
-            return buttons.last()
-          }
-          return null
-
-        }catch (err){
-          return null
-        }
-      }
-
-      elem.getErrorMessageElement = function(){
-        return this.element(by.className("input-switch-error"));
-      }
-
-      elem.isAddButtonDisabled = async function(){
-        const addNewContainer = this.getAddNewElementContainer()
-        const addButton = await addNewContainer.element(by.css('.chaise-btn-sm.add-button'))
-        return !(await addButton.isEnabled());
-      }
-
-      switch(baseType){
-        case 'date':
-        case 'integer':
-        case 'number':
-        case 'text':
-          elem.getAddNewValueInputElement = function(){
-            const addNewContainer = this.getAddNewElementContainer()
-            return addNewContainer.element(by.className(" input-switch"))
-          }
-
-          elem.getLastArrayItem = function(){
-            return this.all(by.css(`li [class*="${fieldName}-"][class$="-val"] input`)).last();
-          }
-
-          elem.getArrayFieldValues = async function(){
-            const arrElems = await this.all(by.css(`li [class*="${fieldName}-"][class$="-val"] input`));
-            const extractedValues = []
-
-            for( let item of arrElems){
-              let val = await item.getAttribute('value')
-              extractedValues.push(/number|integer/.test(baseType) ? JSON.parse(val) : val)
-            }
-
-            return extractedValues.length ? extractedValues : null;
-          }
-
-          elem.getClearInputButton = function () {
-            const addNewContainer = this.getAddNewElementContainer();
-            return addNewContainer.element(by.className('remove-input-btn'));
-          }
-
-        break;
-        case 'boolean':
-          elem.getArrayFieldValues = async function(){
-            const arrElems = await this.all(by.css(`li [class*="${fieldName}-"][class$="-val"] input`));
-            const extractedValues = []
-
-            for( let item of arrElems){
-              let val = await item.getAttribute('value')
-              extractedValues.push(JSON.parse(val))
-            }
-
-            return extractedValues.length ? extractedValues : null;
-          }
-          break;
-        case 'timestamp':
-        case 'timestamptz' :
-          elem.getAddNewValueInputElement = function(){
-            const addNewContainer = this.getAddNewElementContainer()
-            return [
-              addNewContainer.element(by.className("input-switch-date")).element(by.className(" input-switch")),
-              addNewContainer.element(by.className("input-switch-time")).element(by.className(" input-switch"))
-          ]
-          }
-
-          elem.getLastArrayItem = function(){
-            const dateInput = this.all(by.css(`li [class*="${fieldName}-"][class$="-val"] .input-switch-date input`)).last();
-            const timeInput = this.all(by.css(`li [class*="${fieldName}-"][class$="-val"] .input-switch-time input`)).last();
-
-            return [dateInput, timeInput];
-          }
-
-          elem.getArrayFieldValues = async function(){
-            const dateInputs = await this.all(by.css(`li [class*="${fieldName}-"][class$="-val"] .input-switch-date input`));
-            const timeInputs = await this.all(by.css(`li [class*="${fieldName}-"][class$="-val"] .input-switch-time input`));
-
-            let dateTimeValues = []
-
-            for(let i =0; i< dateInputs.length; i++){
-              let dateVal = await dateInputs[i].getAttribute('value')
-              let timeVal = await timeInputs[i].getAttribute('value')
-              dateTimeValues.push([dateVal,timeVal])
-            }
-
-            return dateTimeValues.length ? dateTimeValues : null;
-          }
-
-          elem.getClearInputButton = function () {
-            const addNewContainer = this.getAddNewElementContainer();
-            return addNewContainer.element(by.className("date-time-clear-btn"));
-          }
-
-        break;
-      }
-      return  elem;
-    };
-
-
-};
-
-var recordPage = function() {
-    var that = this;
-    this.getEntityTitleElement = function() {
-        return element(by.css('.entity-title'));
-    };
-
-    this.getEntitySubTitleElement = function() {
-        return element(by.css(".entity-subtitle"));
-    };
-
-    this.getColumns = function() {
-        return element.all(by.css("tr:not(.forced-hidden) td.entity-key"));
-    };
-
-    this.getAllColumnNames = function() {
-        return element.all(by.css('tr:not(.forced-hidden) td.entity-key > span.column-displayname > span'));
-    };
-
-    this.getColumnNameElement = function (columnDisplayName) {
-        const displayName = makeSafeIdAttr(columnDisplayName);
-        return element(by.css(`.entity-row-${displayName} td.entity-key > span.column-displayname`));
-    };
-
-    this.getAllColumnValues = function () {
-        return element.all(by.css('tr:not(.forced-hidden) td.entity-value'));
-    };
-
-    this.getColumnValue = function(columnName) {
-        return element(by.id("row-" + columnName)).element(by.css(".entity-value")).element(by.css("span"));
-    };
-
-    this.getLinkChild = function(el) {
-        return el.element(by.css("a"));
-    };
-
-    this.getValueMarkdownContainer = function (el) {
-        return el.element(by.css(".markdown-container:not(.chaise-comment)"));
-    };
-
-    /* related table selectors */
-    this.getRelatedTables = function () {
-        return element.all(by.css(".chaise-accordion:not(.forced-hidden)"));
-    };
-
-    this.getRelatedTable = function(displayName) {
-        displayName = makeSafeIdAttr(displayName);
-        return element(by.id("rt-" + displayName));
-    };
-
-    this.getEntityRelatedTable = function (displayName) {
-        displayName = makeSafeIdAttr(displayName);
-        return element(by.id("entity-" + displayName));
-    };
-
-    this.getInlineRelatedTableInlineComment = function (displayname) {
-        return this.getEntityRelatedTable(displayname).element(by.css(".inline-tooltip"));
-    }
-
-    // TODO this function might not be needed and we should evaluate it during react migration
-    //      (we might only need the getDisplayedRelatedTableTitles function)
-    // given that we're using ng-show, this function is returning the hidden related tables too
-    this.getRelatedTableTitles = function() {
-        return browser.executeScript(`
-          return Array.from(document.querySelectorAll('.chaise-accordion .chaise-accordion-header .chaise-accordion-displayname')).map((el) => el.textContent.trim());
-        `);
-    }
-    // the following function only returns the related tables that are displayed
-    this.getDisplayedRelatedTableTitles = function() {
-      return browser.executeScript(`
-          return Array.from(document.querySelectorAll('.chaise-accordion:not(.forced-hidden) .chaise-accordion-header .chaise-accordion-displayname')).map((el) => el.textContent.trim());
-      `);
-    }
-
-    this.getRelatedTableAccordion = function(displayName) {
-        displayName = makeSafeIdAttr(displayName);
-        return element(by.id("rt-heading-" + displayName));
-    };
-
-    this.getRelatedTableHeading = function(displayName) {
-        return this.getRelatedTableAccordion(displayName).element(by.css('.panel-heading'));
-    };
-
-    this.getRelatedTableSectionHeader = function(displayName) {
-        return this.getRelatedTableHeading(displayName).element(by.css('.chaise-accordion-header'));
-    };
-
-    this.getRelatedTableSectionHeaderDisplayname = function(displayName) {
-        return this.getRelatedTableHeading(displayName).element(by.css('.chaise-accordion-header .chaise-accordion-displayname'));
-    };
-
-    this.getRelatedTableInlineComment = function(displayname) {
-        return this.getRelatedTableAccordion(displayname).element(by.css('.inline-tooltip'));
-    }
-
-    this.getRelatedTableColumnNamesByTable = function(displayName) {
-        displayName = makeSafeIdAttr(displayName);
-        return element(by.id("rt-" + displayName)).all(by.css(".table-column-displayname > span"));
-    };
-
-    /**
-     * TODO
-     * in playwright use RecordsetLocators.getRows instead and
-     * pass the contaienr yourself.
-     */
-    this.getRelatedTableRows = function(displayName, isInline) {
-        var el = isInline ? this.getEntityRelatedTable(displayName) : this.getRelatedTable(displayName);
-        return el.all(by.css(".chaise-table-row"));
-    };
-
-    /* related table actions selectors */
-    this.getRelatedTableRowLink = function (displayName, rowIndex, isInline) {
-        var rows = this.getRelatedTableRows(displayName, isInline);
-        return rows.get(rowIndex).all(by.tagName("td")).first().all(by.css(".view-action-button")).first();
-    };
-
-    this.getRelatedTableRowEdit = function (displayName, rowIndex, isInline) {
-        var rows = this.getRelatedTableRows(displayName, isInline);
-        return rows.get(rowIndex).all(by.tagName("td")).first().element(by.css(".edit-action-button"));
-    };
-
-    this.getRelatedTableRowDelete = function (displayName, rowIndex, isInline) {
-        var rows = this.getRelatedTableRows(displayName);
-        return rows.get(rowIndex).all(by.tagName("td")).first().element(by.css(".delete-action-button"));
-    };
-
-    this.getDeleteActionButtons = function (displayname) {
-        return element(by.id("rt-" + displayname)).all(by.css(".delete-action-button"));
-    };
-
-    this.getMoreResultsLink = function(displayName, isInline) {
-        var el = isInline ? this.getEntityRelatedTable(displayName) : this.getRelatedTableAccordion(displayName);
-        // the link is not a child of the table, rather one of the accordion group
-        return el.element(by.css(".more-results-link"));
-    };
-
-    this.getBulkEditLink = function(displayName, isInline) {
-      var el = isInline ? this.getEntityRelatedTable(displayName) : this.getRelatedTableAccordion(displayName);
-      // the link is not a child of the table, rather one of the accordion group
-      return el.element(by.css(".bulk-edit-link"));
-    };
-
-    this.getAddRecordLink = function(displayName, isInline) {
-        var el = isInline ? this.getEntityRelatedTable(displayName) : this.getRelatedTableAccordion(displayName);
-        // the link is not a child of the table, rather one of the accordion group
-        return el.element(by.css(".add-records-link"));
-    };
-
-    this.getUnlinkRecordsLink = function(displayName, isInline) {
-        var el = isInline ? this.getEntityRelatedTable(displayName) : this.getRelatedTableAccordion(displayName);
-        // the link is not a child of the table, rather one of the accordion group
-        return el.element(by.css(".unlink-records-link"));
-    }
-
-    this.getToggleDisplayLink = function(displayName, isInline) {
-        var el = isInline ? this.getEntityRelatedTable(displayName) : this.getRelatedTableAccordion(displayName);
-        // the link is not a child of the table, rather one of the accordion group
-        return el.element(by.css(".toggle-display-link"));
-    };
-
-    this.getNoResultsRow = function(displayName, isInline) {
-        var el = isInline ? this.getEntityRelatedTable(displayName) : this.getRelatedTable(displayName);
-        return el.element(by.id("no-results-row"));
-    };
-
-    /* record page action selectors */
-    this.getCreateRecordButton = function() {
-        return element(by.css(".title-buttons .create-record-btn"));
-    };
-
-    this.getEditRecordButton = function() {
-        return element(by.css(".title-buttons .edit-record-btn"));
-    };
-
-    this.getCopyRecordButton = function() {
-        return element(by.css(".title-buttons .copy-record-btn"));
-    };
-
-    this.getDeleteRecordButton = function () {
-        return element(by.css(".title-buttons .delete-record-btn"));
-    };
-
-    this.getConfirmDeleteTitle = function() {
-        return element(by.css(".confirm-delete-modal .modal-title"));
-    };
-
-    this.getConfirmDeleteButton = function () {
-        return element(by.css(".confirm-delete-modal .ok-button"));
-    };
-
-    this.getConfirmDeleteText = function () {
-      return element(by.css(".confirm-delete-modal .modal-body"));
-    };
-
-    this.getShowAllRelatedEntitiesButton = function() {
-        return element(by.css(".toggle-empty-sections"));
-    };
-
-    /* share citation popup selectors */
-    this.getShareButton = function() {
-        return element(by.css('.share-cite-btn'));
-    };
-
-    this.getVersionedLinkElement = function() {
-        return element(by.css('.share-modal-versioned-link'));
-    };
-
-    this.getLiveLinkElement = function() {
-        return element(by.css('.share-modal-live-link'));
-    };
-
-    this.getShareModal = function() {
-        return element(by.css(".chaise-share-citation-modal"));
-    };
-
-    this.waitForCitation = function (timeout) {
-        var locator = element.all(by.css('.citation-loader'));
-        return browser.wait(function () {
-            return locator.isDisplayed().then(function (arr) {
-                return arr.includes(true) === false;
-            }).catch(function () {
-                return true;
-            });
-        }, timeout || browser.params.defaultTimeout);
-    }
-
-    this.getModalListElements = function() {
-        return this.getModalText().all(by.tagName('li'));
-    };
-
-    this.getShareLinkHeader = function() {
-        return element(by.css(".share-modal-links")).element(by.tagName('h2'));
-    };
-
-    this.getShareLinkSubHeaders = function() {
-        return element(by.css(".share-modal-links")).all(by.tagName('h3'));
-    };
-
-    this.getCitationHeader = function() {
-        return element(by.css(".share-modal-citation")).element(by.tagName('h2'));
-    };
-
-    this.getDownloadCitationHeader = function() {
-        return element(by.css(".share-modal-download-citation")).element(by.tagName('h3'));
-    };
-
-    this.getCitationText = function() {
-        return element(by.css(".share-modal-citation-text"));
-    };
-
-    this.getBibtex = function() {
-        return element(by.css(".bibtex-download-btn"));
-    };
-
-    /* general record modal selectors */
-    this.getModalText = function() {
-        return element(by.css(".modal-body"));
-    };
-
-    this.getConfirmDeleteModalText = function () {
-        return element(by.css(".confirm-delete-modal .modal-body"));
-    }
-
-    this.getErrorModalText = function () {
-        return element(by.css(".modal-error .modal-body"));
-    }
-
-    this.getModalDisabledRows = function () {
-      return element.all(by.css('.modal-body tr.disabled-row'));
-    };
-
-    this.getRelatedSectionSpinner = function () {
-        return element(by.css(".related-section-spinner"));
-    }
-
-    /* side panel selectors */
-    this.getSidePanel = function() {
-      return element(by.css('.side-panel-resizable'));
-    }
-
-    this.getSidePanelItemById = function (idx) {
-        return element(by.id("recordSidePan-heading-" + idx));
-    }
-
-    this.getSidePanelHeadings = function() {
-        return element.all(by.css("li.toc-heading"));
-    };
-
-    this.getSidePanelTableTitles = function() {
-        return element.all(by.css('.columns-container li.toc-heading'));
-    }
-
-    this.getHideTocBtn = function() {
-        return element(by.className('hide-toc-btn'));
-    }
-
-    this.getShowTocBtn = function() {
-        return element(by.className('show-toc-btn'));
-    }
-
-    /**
-     * TODO in playwright use the recordset function
-     */
-    this.getModalSidePanel = function() {
-        return element(by.css(".modal-body")).element(by.css('.side-panel-resizable'));
-    }
-};
-
-var recordsetPage = function() {
-    var that = this;
-
-    this.waitForInverseMainSpinner = function () {
-        var locator = element(by.id("main-spinner"));
-        return browser.wait(protractor.ExpectedConditions.invisibilityOf(locator), browser.params.defaultTimeout);
-    };
-
-    this.getPageTitleElement = function() {
-        return element(by.id('page-title'));
-    };
-
-    this.getPageTitleTooltip = function () {
-        return this.getPageTitleElement().element(by.css(".chaise-icon-for-tooltip"));
-    };
-
-    this.getPageTitleInlineComment = function () {
-        return this.getPageTitleElement().element(by.css(".inline-tooltip"));
-    };
-
-    this.getTotalCount = function() {
-        return element(by.css('.chaise-table-header-total-count'));
-    };
-
-    this.getColumnNames = function() {
-        return element.all(by.css(".table-column-displayname > span"));
-    };
-
-    this.getWarningAlert = function () {
-        return element(by.css(".alert-warning"));
-    };
-
-    this.getSuccessAlert = () => element(by.css('.alert-success'));
-
-    this.getAlerts = () => element.all(by.css('.alerts-container .alert'));
-
-    /* sort selectors */
-    this.getColumnSortButton = function(rawColumnName){
-        return element(by.css('.c_' + rawColumnName)).element(by.css('.not-sorted-icon'));
-    };
-
-    this.getColumnSortAscButton = function(rawColumnName){
-        return element(by.css('.c_' + rawColumnName)).element(by.css('.desc-sorted-icon'));
-    };
-
-    this.getColumnSortDescButton = function(rawColumnName){
-        return element(by.css('.c_' + rawColumnName)).element(by.css('.asc-sorted-icon'));
-    };
-
-    /* main table selectors */
-    this.getRows = function() {
-        return element.all(by.css('.chaise-table-row'));
-    };
-
-    this.getRowCells = function (el) {
-        return el.all(by.tagName("td"));
-    };
-
-    /**
-     * TODO in playwright version, use recordsetLocators.getRows(rsModal)
-     */
-    this.getModalRows = function () {
-        return element.all(by.css('.modal-body .chaise-table-row'));
-    };
-
-    this.getModalColumnNames = function() {
-        return element.all(by.css(".modal-body .table-column-displayname > span"));
-    };
-
-    this.waitForInverseModalSpinner = function () {
-        var locator = element(by.css(".modal-body .recordset-main-spinner"));
-        return browser.wait(protractor.ExpectedConditions.invisibilityOf(locator), browser.params.defaultTimeout);
-    };
-
-    this.getNoResultsRow = function() {
-        return element(by.id("no-results-row"));
-    };
-
-    this.getColumnsWithTooltipIcon = function() {
-        return element.all(by.css("span.table-column-displayname.chaise-icon-for-tooltip"));
-    };
-
-    /* main search selectors */
-    this.getMainSearchBox = function(el) {
-        var locator = by.className("recordset-main-search");
-        return el ? el.element(locator) : element(locator);
-    };
-
-    this.getMainSearchPlaceholder = function (el) {
-        return this.getMainSearchBox(el).element(by.className("chaise-input-placeholder"))
-    }
-
-    this.getMainSearchInput = function(el) {
-        return this.getMainSearchBox(el).element(by.className("main-search-input"));
-    };
-
-    this.getSearchSubmitButton = function(el) {
-        return this.getMainSearchBox(el).element(by.className("chaise-search-btn"));
-    };
-
-    this.getSearchClearButton = function(el) {
-        return this.getMainSearchBox(el).element(by.className("remove-search-btn"));
-    };
-
-    /* table actions selectors */
-    this.getNextButton = function () {
-        return element(by.css(".chaise-table-next-btn"));
-    };
-
-    this.getPreviousButton = function () {
-        return element(by.css(".chaise-table-previous-btn"));
-    };
-
-    this.getPageLimitDropdown = function () {
-        return element(by.css(".page-size-dropdown"));
-    };
-
-    this.getPageLimitSelector = function (limit) {
-        return element(by.css(".page-size-limit-" + limit));
-    };
-
-    this.getAddRecordLink = function(el) {
-        var locator = by.css(".chaise-table-header-create-link");
-        return el ? el.element(locator) : element(locator);
-    };
-
-    this.getEditRecordLink = function(el) {
-        var locator = by.css(".chaise-table-header-edit-link");
-        return el ? el.element(locator) : element(locator);
-    };
-
-    // NOTE: used for making changes in recordedit app. Could be rewritten to use recordEditPage function instead
-    this.getInputForAColumn = function(name, index) {
-        index = index || 1;
-        const inputName = 'c_' + index + '-' + name;
-        return element(by.className(inputName));
-    };
-
-    // NOTE: used for making changes in recordedit app. Could be rewritten to use recordEditPage function instead
-    this.getModalPopupBtn = function(columnDisplayName, index) {
-        columnDisplayName = makeSafeIdAttr(columnDisplayName);
-        return element(by.id("form-" + index + '-' + columnDisplayName + "-button"));
-    };
-
-    /* action column selectors */
-    this.getActionHeaderSpan = function () {
-        return element(by.css('.actions-header span'));
-    }
-
-    this.getViewActionButtons = function() {
-        return element.all(by.css('.view-action-button'));
-    };
-
-    this.getEditActionButtons = function() {
-        return element.all(by.css('.edit-action-button'));
-    };
-
-    this.getDeleteActionButtons = function() {
-        return element.all(by.css('.delete-action-button'));
-    };
-
-    this.getConfirmDeleteTitle = function() {
-        return element(by.css(".confirm-delete-modal .modal-title"));
-    };
-
-    this.getConfirmDeleteButton = function () {
-      return element(by.css(".confirm-delete-modal .ok-button"));
-    };
-
-    /* saved query, export, and other page action selectors */
-    this.getSavedQueryDropdown = () => element(by.css('.saved-query-menu')).element(by.tagName('button'));
-
-    this.getSavedQueryOptions = () => element.all(by.css('.saved-query-menu-item'));
-
-    this.getSaveQueryOption = () => element(by.partialLinkText('Save current search criteria'));
-
-    this.saveQuerySubmit = () => element(by.id('modal-submit-record-btn'));
-
-    this.getSavedQueriesOption = () => element(by.partialLinkText('Show saved search criteria'));
-
-    this.getApplySavedQueryButtons = () => element.all(by.css('.apply-saved-query-button'));
-
-    this.getDuplicateSavedQueryModal = () => element(by.css('.duplicate-saved-query-modal'));
-
-    this.getExportDropdown = function () {
-        return element(by.css(".export-menu")).element(by.tagName("button"));
-    };
-
-    this.getExportOptions = function () {
-        return element.all(by.css(".export-menu-item"));
-    };
-
-    this.getExportOption = function (optionName) {
-        var option = makeSafeIdAttr(optionName);
-        return element(by.css(".export-menu-item-" + option));
-    };
-
-    this.getExportSubmenuOptions = function () {
-      return element.all(by.css(".export-submenu-item"));
-    };
-
-    this.getExportSubmenuOption = function (optionName) {
-      var option = makeSafeIdAttr(optionName);
-      return element(by.css(".export-submenu-item-" + option));
-    };
-
-    this.getExportModal = function () {
-        return element(by.css(".export-progress"));
-    }
-
-    this.getPermalinkButton = function() {
-        return element(by.id('permalink'));
-    };
-
-    this.getTableHeader = function () {
-        return element(by.tagName("thead"));
-    }
-
-    /******* Facet selectors for recordset with faceting ********/
-    this.getHideFilterPanelBtn = function(el) {
-        const locator = by.css('.hide-filter-panel-btn');
-        return el ? el.element(locator) : element(locator);
-    }
-
-    this.getShowFilterPanelBtn = function(el) {
-        const locator = by.css('.show-filter-panel-btn');
-        return el ? el.element(locator) : element(locator);
-    }
-
-    this.getSidePanel = function(el) {
-        const locator = by.css('.side-panel-resizable');
-        return el ? el.element(locator) : element(locator);
-    }
-
-    this.getAllFacets = function (){
-        return element.all(by.css(".panel-group")).all(by.css(".facet-panel"));
-    }
-
-    this.getOpenFacets = function () {
-        return element.all(by.css(".panel-open"));
-    }
-
-    this.getClosedFacets = function () {
-        return element.all(by.css(".facet-panel button.collapsed"));
-    }
-
-    this.getFacetById = function (idx) {
-        return element(by.css(".fc-" + idx));
-    }
-
-    this.getFacetHeaderById = function (idx) {
-        return element(by.css(".fc-heading-" + idx)).element(by.css('.facet-header-text'));
-    };
-
-    this.getFacetHeaderButtonById = function (idx) {
-        return this.getFacetById(idx).element(by.css('.fc-heading-' + idx + ' button'))
-    }
-
-    this.getFacetSearchBoxById = function (idx) {
-        return element(by.css(".fc-" + idx)).element(by.css(".chaise-search-box"));
-    }
-
-    this.getFacetSearchBox = function (idx) {
-        return element(by.css(".fc-" + idx)).element(by.css(".facet-search-input"));
-    }
-
-    this.getFacetSearchBoxClear = function (idx) {
-        return element(by.css(".fc-" + idx)).element(by.css(".remove-search-btn"));
-    }
-
-    this.getFacetSearchPlaceholderById = function (idx) {
-        return this.getFacetSearchBoxById(idx).element(by.className("chaise-input-placeholder"))
-    }
-
-    // get child of accordion group, sibling to accordion heading
-    this.getFacetCollapse = function (idx) {
-        return element(by.css(".fc-" + idx)).element(by.css(".accordion-collapse"));
-    }
-
-    this.getFacetTitles = function () {
-        return element.all(by.css(".accordion-header .facet-header-text"));
-    }
-
-    this.getOpenFacetTitles = function () {
-        return element.all(by.css(".panel-open .facet-header-text"));
-    }
-
-    /* facet and selected filters selectors */
-    this.getSelectedRowsFilters = function () {
-        // adding ".selected-chiclet-name" to the selector to not select the clear-all-btn
-        return element(by.css(".selected-chiclets")).all(by.css(".selected-chiclet .selected-chiclet-name"));
-    }
-
-    this.getFacetFilters = function () {
-        return element(by.css(".chiclets-container")).all(by.css(".filter-chiclet"));
-    }
-
-    this.getClearAllFilters = function () {
-        return element(by.css(".clear-all-filters"));
-    }
-
-    this.getClearCustomFilters = function () {
-        return element(by.className("clear-custom-filters"));
-    }
-
-    this.getClearCustomFacets = function () {
-        return element(by.className("clear-custom-facets"));
-    };
-
-    this.getFacetOptions = function (idx) {
-        return element(by.css(".fc-" + idx)).all(by.css(".chaise-checkbox label"));
-    }
-
-    this.getCheckedFacetOptions = function (idx) {
-        return element(by.css(".fc-" + idx)).all(by.css(".chaise-checkbox input.checked"));
-    }
-
-    this.getFacetMoreFiltersText = function (idx) {
-      return element(by.css(".fc-" + idx)).element(by.css('.more-filters'));
-    }
-
-    this.getFacetOptionsText = function (idx) {
-      return browser.executeScript(`
-        return Array.from(document.querySelectorAll('.fc-${idx} .chaise-checkbox label')).map((el) => el.textContent.trim())
-      `);
-    }
-
-    this.getFacetOption = function (idx, option) {
-        return element(by.css(".fc-" + idx)).element(by.css(".checkbox-" + option));
-    }
-
-    this.getList = function (idx) {
-        return element(by.css(".fc-" + idx)).element(by.css(".chaise-list-container"));
-    }
-
-    this.getModalMatchNullInput = function () {
-        return element(by.className("chaise-table-header-match-null"));
-    };
-
-    this.getModalDisabledRows = function () {
-        return element.all(by.css('.modal-body tr.disabled-row'));
-    };
-
-    this.getDisabledFacetOptions = function (idx) {
-        return element(by.css(".fc-" + idx)).all(by.css(".chaise-checkbox input[disabled]"));
-    };
-
-    /* facet show more and popup selectors */
-    this.getShowMore = function (idx) {
-        return element(by.css(".fc-" + idx)).element(by.css(".show-more-btn"));
-    }
-
-    this.getModalRecordsetTotalCount = function() {
-        return element(by.css('.modal-body .chaise-table-header-total-count'));
-    };
-
-    this.getModalFirstColumn = function () {
-        return element.all(by.css(".modal-body .chaise-table-row td:nth-child(2)"));
-    };
-
-    this.getModalCloseBtn = function() {
-        return element(by.css(".modal-close"));
-    };
-
-    this.getCheckedModalOptions = function () {
-        return element(by.css(".modal-body .recordset-table")).all(by.css(".chaise-checkbox input.checked"));
-    }
-
-    this.getModalOptions = function () {
-        return element(by.css(".modal-body .recordset-table")).all(by.css(".chaise-checkbox input"));
-    };
-
-    this.getModalTotalCount = function (popup) {
-        return popup.element(by.css('.chaise-table-header-total-count'));
-    };
-
-    /**
-     * TODO playwright: use RecordsetLocators.getCheckboxInputs
-     */
-    this.getRecordsetTableModalOptions = function () {
-        return element(by.css(".modal-body .recordset-table")).all(by.css(".chaise-checkbox input"));
-    };
-
-    /**
-     * TODO playwright: use RecordsetLocators.getRowCheckboxInput
-     */
-    this.getModalRecordsetTableOptionByIndex = function (popup, index) {
-        return popup.element(by.css(".recordset-table")).all(by.css(".chaise-checkbox input")).get(index);
-    };
-
-    this.getModalClearSelection = function (popup) {
-        return popup.element(by.css(".clear-all-btn"));
-    }
-
-    this.getModalSubmit = function () {
-        return element(by.id("multi-select-submit-btn"));
-    }
-
-    this.getSelectAllBtn = function () {
-        return element(by.css(".table-select-all-rows"));
-    };
-
-    this.getModalWarningAlert = function (popup) {
-        return popup.element(by.css(".alert-warning"));
-    };
-
-    /* range facet selectors */
-    // there's integer/float/date/timestamp inputs
-    this.getRangeMinInput = function (idx, className) {
-        return element(by.css(".fc-" + idx)).element(by.css("." + className));
-    }
-
-    this.getRangeMaxInput = function (idx, className) {
-        return element(by.css(".fc-" + idx)).element(by.css("." + className));
-    }
-
-    this.getInputClear = function (idx, className) {
-        return element(by.css(".fc-" + idx)).element(by.css("." + className));
-    }
-
-    this.getRangeInputValidationError = function (idx) {
-        return element(by.css(".fc-" + idx)).element(by.css(".range-input-error"));
-    }
-
-    this.getRangeSubmit = function (idx) {
-        return element(by.css(".fc-" + idx)).element(by.css(".range-input-submit-btn"));
-    }
-
-    /* histogram selectors */
-    this.getHistogram = function (idx) {
-        return element(by.css(".fc-" + idx)).element(by.css(".js-plotly-plot"));
-    };
-
-    this.getPlotlyZoom = function (idx) {
-        return element(by.css(".fc-" + idx)).element(by.css(".zoom-plotly-button"));
-    };
-
-    this.getPlotlyZoomDisabled = function (idx) {
-        return element(by.css(".fc-" + idx)).all(by.css(".zoom-plotly-button[disabled]"));
-    };
-
-    this.getPlotlyUnzoom = function (idx) {
-        return element(by.css(".fc-" + idx)).element(by.css(".unzoom-plotly-button"));
-    };
-
-    this.getPlotlyUnzoomDisabled = function (idx) {
-        return element(by.css(".fc-" + idx)).all(by.css(".unzoom-plotly-button[disabled]"));
-    };
-
-    this.getPlotlyReset = function (idx) {
-        return element(by.css(".fc-" + idx)).element(by.css(".reset-plotly-button"));
-    };
-};
-
-var SearchPopup = function () {
-    this.getAddPureBinaryPopup = function () {
-        return element(by.className("add-pure-and-binary-popup"));
-    };
-
-    this.getUnlinkPureBinaryPopup = function () {
-        return element(by.className("unlink-pure-and-binary-popup"));
-    }
-
-    this.getFacetPopup = function () {
-        return element(by.className("faceting-show-details-popup"));
-    };
-
-    this.getScalarPopup = function () {
-        return element(by.className("scalar-show-details-popup"));
-    };
-
-    this.getForeignKeyPopup = function () {
-        return element(by.className("foreignkey-popup"));
-    };
-}
-
-var errorModal = function () {
-    var self = this;
-
-    this.getElement = function () {
-        return element(by.css('.modal-error'));
-    };
-
-    this.getToggleDetailsLink = function () {
-        return element(by.css('.modal-error .toggle-error-details'));
-    };
-
-    this.getErrorDetails = function () {
-        return element(by.css('.modal-error .error-details'));
-    }
-
-    this.getTitle = function () {
-        return element(by.css(".modal-error .modal-title"));
-    }
-
-    this.getBody = function () {
-        return element(by.css(".modal-error .modal-body"));
-    }
-
-    this.getOKButton = function () {
-        return element(by.css('.modal-error .ok-button'));
-    }
-
-    this.getCloseButton = function () {
-        return element(by.css('.modal-error .modal-close'));
-    }
-
-    this.getReloadButton = function () {
-      return element(by.css('.modal-error .error-reload-button'));
-    };
-};
-
-var navbar = function () {
-    this.getBanner = function (key) {
-        var selector = ".chaise-navbar-banner-container";
-        if (key) {
-            selector += ".chaise-navbar-banner-container-" + key;
-        }
-        return element(by.css(selector));
-    }
-
-    this.getBannerDismissBtn = function (key) {
-        var banner = this.getBanner(key);
-        return banner.element(by.css(".close"));
-    }
-
-    this.getHrefValue = function(element) {
-        return browser.executeScript("return arguments[0].getAttribute('href');", element);
-    };
-}
-
-// Makes a string safe and valid for use in an HTML element's id attribute.
-// Commonly used for column displaynames.
-function makeSafeIdAttr(string) {
-    var ID_SAFE_REGEX = /[^\w-]+/g;
-    return String(string).replace(ID_SAFE_REGEX, '-');
-}
-
-function chaisePage() {
-    this.recordEditPage = new recordEditPage();
-    this.recordPage = new recordPage();
-    this.recordsetPage = new recordsetPage();
-    this.errorModal = new errorModal();
-    this.searchPopup = new SearchPopup();
-    this.navbar = new navbar();
-
-    this.clickButton = function(button) {
-        return browser.executeScript("arguments[0].click();", button);
-    };
-
-    this.getWindowName = function() {
-        return browser.executeScript("return window.name;");
-    };
-
-    this.getPageId = function() {
-        return browser.executeScript("return window.dcctx.contextHeaderParams.pid");
-    };
-
-    this.recordsetPageReady = function() {
-        return this.waitForElement(element(by.css(".recordset-table")));
-    }
-
-    this.recordPageReady = function() {
-        var self = this;
-        this.waitForElement(self.recordPage.getEntityTitleElement());
-        this.waitForElement(element(by.css('.record-main-section-table')));
-        return this.waitForElementInverse(self.recordPage.getRelatedSectionSpinner());
-    }
-
-    this.recordeditPageReady = function() {
-        return this.waitForClickableElement(element(by.id("submit-record-button")));
-    }
-
-    this.setAuthCookie = function(url, authCookie) {
-        if (url && authCookie) {
-            // Visit the default page and set the authorization cookie if required
-            this.navigate(url);
-            browser.sleep(browser.params.defaultTimeout);
-            browser.driver.executeScript('document.cookie="' + authCookie + 'path=/;secure;"');
-        }
-    };
-
-    this.waitForUrl = function(expectedUrlFragment, timeout) {
-        return browser.wait(function() {
-            return browser.driver.getCurrentUrl().then(function(url) {
-              return new RegExp(expectedUrlFragment).test(url);
-            });
-        }, timeout || browser.params.defaultTimeout);
-    };
-
-    this.waitForClickableElement = function (locator, timeout) {
-        return browser.wait(protractor.ExpectedConditions.elementToBeClickable(locator), timeout || browser.params.defaultTimeout);
-    };
-
-    this.waitForElement = function (locator, timeout) {
-        return browser.wait(protractor.ExpectedConditions.visibilityOf(locator), timeout || browser.params.defaultTimeout);
-    };
-
-    this.waitForElementInverse = function (locator, timeout) {
-        return browser.wait(protractor.ExpectedConditions.invisibilityOf(locator), timeout || browser.params.defaultTimeout);
-    };
-
-    this.waitForElementCondition = function(condition, timeout) {
-        return browser.wait(condition, timeout || browser.params.defaultTimeout);
-    };
-
-    this.waitForTextInUrl = function(text, errMsg, timeout){
-        return browser.wait(protractor.ExpectedConditions.urlContains(text), timeout || browser.params.defaultTimeout, errMsg);
-    }
-
-    // schema - schema name
-    // table - table name
-    // row - array of objects in form of [{column: "column-name", value: "value"}, ...]
-    this.getEntityRow = function (schema, table, row) {
-        var match;
-        var entities = browser.params.entities[schema][table];
-        for (var i=0; i<entities.length; i++) {
-            var entity = entities[i];
-            // identifying information for entity could be multiple columns of data
-            // which is the case for assocation tables
-            for (var j=0; j<row.length; j++) {
-                if (entity[row[j].column] == row[j].value) {
-                    match = entity;
-                } else {
-                    match = null;
-                    // move on to next entity
-                    break;
-                }
-            }
-            if (match) break;
-        }
-        return match;
-    }
-
-    this.getTooltipDiv = function() {
-        return element(by.css('.tooltip'));
-    };
-
-    this.catchTestError = function (done) {
-        return function (err) {
-            done.fail(err);
-        };
-    };
-
-    /**
-     * Simulate the login process by navigating to a chaise page and
-     * changing cookie and localStorage values.
-     * NOTE if we change the cookie/localStorage that we're adding during login,
-     *      this function needs to be updated too.
-     */
-    this.performLogin = function(cookie, defer) {
-        defer = defer || require('q').defer();
-
-        this.navigate(process.env.CHAISE_BASE_URL + "/login/");
-
-        browser.wait(protractor.ExpectedConditions.urlContains('/login/'), browser.params.defaultTimeout).then(function() {
-            return browser.executeScript('document.cookie="' + cookie + ';path=/;' + (process.env.CI ? '"' : 'secure;"'))
-        }).then(function() {
-            return browser.executeScript('window.localStorage.setItem( \'session\', \'{"previousSession":true}\' );');
-        }).then(function () {
-            browser.ignoreSynchronization = false;
-            defer.resolve();
-        }).catch(function (err) {
-            console.dir(err);
-            defer.reject(err);
-        });
-
-        return defer.promise;
-    };
-
-    this.waitForAggregates = function (timeout) {
-        var locator = element.all(by.css('.table-column-spinner'));
-        return browser.wait(function () {
-            return locator.isDisplayed().then(function (arr) {
-                return arr.includes(true) === false;
-            }).catch(function () {
-                return true;
-            });
-        }, timeout || browser.params.defaultTimeout);
-    };
-
-    /**
-     * the safe way to navigate to a page with or without angular
-     * @param {string} url
-     * @returns
-     */
-    this.navigate = function (url) {
-      browser.waitForAngularEnabled(false);
-      browser.ignoreSynchronization = true;
-      return browser.get(url);
-    }
-
-    this.refresh = function (url) {
-      this.navigate(url);
-      return browser.refresh();
-    }
-
-    /**
-     * hover over the element and see if the expected tooltip shows up or not
-     * this function requires a done that will be called based on success/failure
-     */
-    this.testTooltipWithDone = function (el, expectedTooltip, done, appName) {
-        this.testTooltipReturnPromise(el, expectedTooltip, appName).then(() => {
-          done();
-        }).catch(this.catchTestError(done));
-    };
-
-    /**
-     * hover over the element and see if the expected tooltip shows up or not
-     * this function returns a promise
-     */
-    this.testTooltipReturnPromise = function (el, expectedTooltip, appName, defer) {
-        defer = defer || require('q').defer();
-        const self = this;
-        const tooltip = self.getTooltipDiv();
-        // hover over the element
-        browser.actions().mouseMove(el).perform();
-
-        // wait for tooltip to show up
-        self.waitForElement(tooltip).then(() => {
-            expect(tooltip.getText()).toBe(expectedTooltip);
-
-            // hover over an element that we know doesn't have tooltip to remove the tooltip
-            if (appName === 'record') {
-                browser.actions().mouseMove(self.recordPage.getEntityTitleElement()).perform();
-            } else if (appName === 'recordset') {
-                browser.actions().mouseMove(self.recordsetPage.getTotalCount()).perform();
-            } else if (appName === 'recordedit') {
-                browser.actions().mouseMove(self.recordEditPage.getRequiredInfoEl()).perform();
-            }
-
-            // TODO what about other apps
-
-            return self.waitForElementInverse(tooltip);
-        }).then(() => {
-            defer.resolve();
-        }).catch((err) => {
-            defer.reject(err);
-        });
-
-        return defer.promise;
-    };
-};
-
-module.exports = new chaisePage();
diff --git a/test/e2e/utils/jasmine-matchers.js b/test/e2e/utils/jasmine-matchers.js
deleted file mode 100644
index e8ea6a5a9..000000000
--- a/test/e2e/utils/jasmine-matchers.js
+++ /dev/null
@@ -1,100 +0,0 @@
-exports.execute = function () {
-    
-    beforeAll(function() {
-        'use strict';
-        
-        jasmine.addMatchers({
-            toHaveSameItems: function(util, customEqualityTesters) {
-                function isObject(obj) {
-                    return Object.prototype.toString.apply(obj) === '[object Object]';
-                }
-                function craftMessage(actual, expected, mismatches) {
-                    if(mismatches.length === 0) {
-                        return 'The collections do not match in length or objects. \n Expected collection:' + stringify(actual) + ' is not equal to ' + stringify(expected);
-                    }
-                    return ['The collections have equal length, but do not match.'].concat(mismatches.map(function(m) {
-                        return 'At ' + m.index + ': expected ' + stringify(m.expected) + ', actual ' + stringify(m.actual);
-                    })).join('\n    ');
-                }
-                function compareArraysSorted(actual, expected) {
-                    var mismatches = [];
-                    actual.forEach(function(item, i) {
-                        if(!util.equals(item, expected[i], customEqualityTesters)) {
-                            mismatches.push({index: i, actual: item, expected: expected[i]});
-                        }
-                    });
-                    return mismatches;
-                }
-                function compareArraysIgnoreSort(actual, expected) {
-                    expected = expected.slice(0);
-                    var mismatches = [];
-                    actual.forEach(function(item, i) {
-                        var foundIndex = -1;
-                        expected.some(function(expectedItem, i) {
-                            if(util.equals(item, expectedItem, customEqualityTesters)) {
-                                foundIndex = i;
-                                return true;
-                            }
-                        });
-                        if(foundIndex > -1) {
-                            expected.splice(foundIndex, 1)
-                        } else {
-                            mismatches.push({index: i, actual: item, expected: null});
-                        }
-                    });
-                    mismatches = mismatches.concat(expected.map(function(val, i) {
-                        return {index: actual.length+i, actual: null, expected: val};
-                    }));
-                    return mismatches;
-                }
-                function compareHashes(actual, expected) {
-                    var mismatches = {};
-                    Object.keys(actual).forEach(function(key) {
-                        if(!util.equals(actual[key], expected[key], customEqualityTesters)) {
-                            mismatches[key] = {index: key, actual: actual[key], expected: expected[key]};
-                        }
-                    });
-                    Object.keys(expected).forEach(function(key) {
-                        if(!util.equals(actual[key], expected[key], customEqualityTesters) && !mismatches[key]) {
-                            mismatches[key] = {index: key, actual: actual[key], expected: expected[key]};
-                        }
-                    });
-                    return Object.keys(mismatches).map(function(key) {
-                        return mismatches[key];
-                    });
-                }
-                return {
-                    compare: function(actual, expected, ignoreOrder) {
-                        if(!Array.isArray(actual) && !isObject(actual)) {
-                            throw new Error('Actual must be an Array or Object. Is type: ' + typeof actual);
-                        }
-                        if(!Array.isArray(expected) && !isObject(expected)) {
-                            throw new Error('Expectation must be an Array or Object. Is type: ' + typeof expected);
-                        }
-                        var mismatches;
-                        if(Array.isArray(actual) && Array.isArray(expected)) {
-                            if(actual.length !== expected.length) {
-                                return {
-                                    pass: false,
-                                    message: 'Array length differs! Actual length: ' + actual.length + ', expected length: ' + expected.length
-                                };
-                            }
-                            if(ignoreOrder) {
-                                mismatches = compareArraysIgnoreSort(actual, expected);
-                            } else {
-                                mismatches = compareArraysSorted(actual, expected);
-                            }
-                        }
-                        else {
-                            mismatches = compareHashes(actual, expected);
-                        }
-                        return {
-                            pass: mismatches.length === 0,
-                            message: craftMessage(actual, expected, mismatches)
-                        };
-                    }
-                };
-            }
-        });
-    });
-};
diff --git a/test/e2e/utils/page.utils.js b/test/e2e/utils/page.utils.js
deleted file mode 100644
index 91577f748..000000000
--- a/test/e2e/utils/page.utils.js
+++ /dev/null
@@ -1,238 +0,0 @@
-var COMMENT_URI = "comment", FACET_URI = "facet", FACETORDER_URI = "facetOrder", DESCRIPTION_URI = "description", IMMUTABLE = "tag:isrd.isi.edu,2016:immutable", GENERATED = "tag:isrd.isi.edu,2016:generated";
-
-var Sidebar = function() {
-	var self = this;
-
-	this.getColumns = function(table, annotations, dataTypes) {
-		var columns = [], annotations = annotations || ["hidden"];
-		if (table.annotations && table.annotations[COMMENT_URI] && table.annotations[COMMENT_URI].contains('exclude')) return [];
-		var cDefs = table.column_definitions.slice(0);
-		cDefs.forEach(function(c) {
-			if (!isColumnHidden(c, annotations, dataTypes)) {
-				c.table_name = table.table_name;
-				columns.push(c);
-			}
-		});
-
-		columns = columns.filter(function(c) {
-			return ["RID","RCT","RMT","RCB","RMB"].indexOf(c.name) === -1;
-		});
-		return columns.slice(0);
-	};
-
-	var isColumnHidden = function(c, annotations, dataTypes) {
-		if (!dataTypes || dataTypes.contains(c.type.typename)) {
-			if ( c['annotations'] == null || c['annotations'][COMMENT_URI] == null || !c['annotations'][COMMENT_URI].intersect(annotations).length) {
-				return false;
-			}
-		}
-		return true;
-	};
-
-	this.getAllReferenceColumnsForATable = function(schema, table, annotations, dataTypes) {
-		var columns = [], referenceTables = [];
-		table['foreign_keys'].forEach(function(key) {
-			if (key['referenced_columns'] != null) {
-				var i = 0
-				key['referenced_columns'].forEach(function(refCol) {
-					refCol.foreign_column_name = key['foreign_key_columns'][i++].column_name;
-					referenceTables.push(refCol);
-				});
-			}
-		});
-
-		referenceTables.forEach(function(referenceTable) {
-			for(var k in schema.content.tables) {
-				var column = table.column_definitions.find(function(c) { return c.name == referenceTable.foreign_column_name });
-				var isHidden = isColumnHidden(column, annotations, dataTypes);
-				metadata = schema.content.tables[k];
-				if (k == referenceTable['table_name']) {
-					if (metadata['annotations'] && metadata['annotations'][COMMENT_URI] && !metadata['annotations'][COMMENT_URI].contains('exclude') && metadata['annotations'][COMMENT_URI].contains('association')) {
-						var referredColumns = self.getColumns(schema.content.tables[referenceTable['table_name']], annotations, dataTypes);
-						referredColumns.forEach(function(rc) {
-							if (rc.name !== referenceTable.column_name || isHidden) {
-								columns.push(rc);
-							}
-						});
-					}
-				}
-			}
-		});
-
-		columns = columns.concat(this.getAllRefererColumnsForTables(schema, table, annotations, dataTypes));
-		return columns.slice(0);
-	};
-
-	this.getAllRefererColumnsForTables = function(schema, table, annotations, dataTypes) {
-		var tables = schema.content.tables, columns = [];
-		for (var k in tables) {
-			var t = tables[k];
-			if (t.table_name != table.table_name) {
-				t['foreign_keys'].forEach(function(key) {
-					if (key['referenced_columns'] != null) {
-						for (var i=0 ; i<key['referenced_columns'].length; i++) {
-							if (key['referenced_columns'][i].table_name == table.table_name) {
-								var cols = self.getColumns(t, annotations, dataTypes);
-								cols.forEach(function(rc) {
-									if (rc.name !== key['foreign_key_columns'][i].column_name) {
-										columns.push(rc);
-									}
-								});
-							}
-						}
-					}
-				});
-			}
-		}
-		return columns;
-	};
-
-	var getVisibleColumns = function(columns, baseName) {
-		var visibleColumns = [];
-		columns.forEach(function(c) {
-
-			if (c['annotations'] != null && (
-										(c.table_name == baseName && !c['annotations'][COMMENT_URI])
-			 											||
-				(c['annotations'][COMMENT_URI] != null && c['annotations'][COMMENT_URI].contains('top'))
-														||
-				(c['annotations'][FACETORDER_URI] != null && c['annotations'][FACETORDER_URI].length)))
-			{
-				visibleColumns.push(c);
-			}
-		});
-		return visibleColumns.slice(0);
-	};
-
-	// Returns columns which don't have 'hidden', 'summary' and 'dataset' set in their comment annotation
-	this.getAllSidebarColumns = function(schema, table, dataTypes) {
-		var annotation = ['exclude', 'hidden', 'summary', 'image'];
-		return self.getColumns(table, annotation, dataTypes).concat(this.getAllReferenceColumnsForATable(schema, table, annotation, dataTypes));
-	};
-
-
-	// Returns columns which don't have 'hidden', 'summary', 'bottom' and 'dataset' set in their comment annotation
-	this.getAllVisibleSidebarColumns = function(schema, table, dataTypes) {
-		var annotation = ['exclude', 'hidden', 'summary', 'bottom', 'image'];
-		var columns =  self.getColumns(table, annotation, dataTypes).concat(this.getAllReferenceColumnsForATable(schema, table, annotation, dataTypes));
-		return getVisibleColumns(columns, table.table_name);
-	};
-
-
-	// Returns columns which don't have 'hidden', 'summary', and 'dataset' set in their comment annotation
-	this.getInvisibleSidebarColumns = function(schema, table, dataTypes) {
-		var columns = this.getAllSidebarColumns(schema, table, dataTypes);
-		this.getAllVisibleSidebarColumns(schema, table, dataTypes).forEach(function(c) {
-			for (i = 0 ; i < columns.length; i++) {
-				if (columns[i].name == c.name && c.table_name == columns[i].table_name) {
-					columns.splice(i, 1);
-					break;
-				}
-			}
-		});
-
-		return columns.slice(0);
-	};
-
-	// Returns columns which have  either 'hidden', 'summary', 'bottom' or 'dataset' set in their comment annotation
-	this.getAllInvisibleColumns = function(schema, table, dataTypes) {
-		var columns = table.column_definitions;
-		this.getAllSidebarColumns(schema, table, dataTypes).forEach(function() {
-			if (columns.name == c.name) {
-				columns.splice(i, 1);
-			}
-		});
-		return columns.slice(0);
-	};
-
-	this.getAllCheckableColumns = function(schema, table, dataTypes) {
-		var annotation = ['exclude', 'hidden', 'summary', 'text', 'dataset', 'image', 'accommodation'], dataTypes = dataTypes || ['text', 'boolean'];
-		return self.getColumns(table, annotation, dataTypes).concat(this.getAllReferenceColumnsForATable(schema, table, annotation, dataTypes));
-	};
-
-	this.getAllVisibleCheckableColumnsForATable = function(schema, table, dataTypes) {
-		var annotation = ['exclude', 'hidden', 'summary', 'text', 'bottom', 'dataset', 'image', 'accommodation'], dataTypes = dataTypes || ['text', 'boolean'];
-		var columns = self.getColumns(table, annotation, dataTypes).concat(this.getAllReferenceColumnsForATable(schema, table, annotation, dataTypes));
-		return getVisibleColumns(columns, table.table_name);
-	};
-
-	this.getAllInvisibleCheckableSidebarColumns = function(schema, table, dataTypes) {
-		var columns = this.getAllCheckableColumns(schema, table, dataTypes);
-		this.getAllVisibleCheckableColumnsForATable(schema, table, dataTypes).forEach(function(c) {
-			for (i=0 ; i<columns.length;i++) {
-				if (columns[i].name == c.name && c.table_name == columns[i].table_name) {
-					columns.splice(i, 1);
-					break;
-				}
-			}
-		});
-
-		return columns.slice(0);
-	};
-
-	this.getAllNumericSidebarColumns = function(schema, table) {
-		return this.getAllSidebarColumns(schema, table, ['int4', 'int8', 'float4', 'float8', 'serial4', 'serial8']);
-	};
-
-	this.getVisibleNumbericSidebarColumns = function(schema, table) {
-		var columns = this.getAllVisibleSidebarColumns(schema, table, ['int4', 'int8', 'float4', 'float8', 'serial4', 'serial8']);
-		return getVisibleColumns(columns, table.table_name);
-	};
-
-	this.getAllInvisibleNumericSidebarColumns = function() {
-		return this.getInvisibleSidebarColumns(schema, table, ['int4', 'int8', 'float4', 'float8', 'serial4', 'serial8']);
-	};
-
-	this.getAllDateSidebarColumns = function(schema, table) {
-		return this.getAllSidebarColumns(schema, table, ['date', 'timestamptz']);
-	};
-
-	this.getVisibleDateSidebarColumns = function(schema, table) {
-		var columns = this.getAllVisibleSidebarColumns(schema, table, ['date', 'timestamptz']);
-		return getVisibleColumns(columns, table.table_name);
-	};
-
-	this.getAllInvisibleDateSidebarColumns = function(schema, table) {
-		return this.getInvisibleSidebarColumns(schema, table, ['date', 'timestamptz']);
-	};
-
-	this.getColumnDisplayName = function(column) {
-		var annotation = column.annotations;
-		// If display name found in annotation then return it else
-		// compute the display name replacing undercores with space and
-		// changing the case of first letter of each word to uppercase
-		if (annotation && annotation[DESCRIPTION_URI] && annotation[DESCRIPTION_URI]['display'])
-			return annotation[DESCRIPTION_URI]['display'];
-
-		var parts = column.name.split('_'), strings = [];
-		parts.forEach(function(part) {
-			strings.push(part[0].toUpperCase() + part.substr(1));
-		});
-		return strings.join(' ');
-	};
-
-	this.getVisibleSidebarColumnOrder = function(schema, table) {
-		var visibleColumns = this.getAllVisibleSidebarColumns(schema, table);
-		var orderedColumns = [], topColumns = [];
-
-		visibleColumns.forEach(function(c) {
-			if (c['annotations'][FACETORDER_URI] != null && c['annotations'][FACETORDER_URI].length) {
-				orderedColumns.push(c);
-			} else {
-				topColumns.push(c);
-			}
-		});
-
-		orderedColumns = orderedColumns.sort(function(a, b) {
-			return a['annotations'][FACETORDER_URI][0] - b['annotations'][FACETORDER_URI][0];
-		});
-
-		return orderedColumns.concat(topColumns);
-	};
-};
-
-var DataUtils = function() {
-	this.sidebar = new Sidebar();
-};
-
-module.exports = DataUtils;
diff --git a/test/e2e/utils/protractor.configuration.js b/test/e2e/utils/protractor.configuration.js
deleted file mode 100644
index a0f0095ee..000000000
--- a/test/e2e/utils/protractor.configuration.js
+++ /dev/null
@@ -1,165 +0,0 @@
-exports.getConfig = function(options) {
-  var config = {
-    sauceUser: process.env.SAUCE_USERNAME,
-    sauceKey: process.env.SAUCE_ACCESS_KEY,
-    framework: 'jasmine2',
-    // specify which chrome driver to use
-    capabilities: {
-      commandTimeout: 300,
-      // idleTimeout: 90,
-      //browserName: 'internet explorer',
-      //browserName: 'firefox',
-      browserName: 'chrome',
-      version: 'latest', //to specify the browser version
-      timeZone: 'Los_Angeles', // specify the timezone the browser should execute in
-      //using firefox causes problems - not showing the right result and -
-      //Apache log shows firefox is not requesting the server.
-      chromeOptions: {
-          // args is defined as empty so any additional args are "pushed" instead of replacing the object.
-          // see conditions below for setting screen resolution and using headless mode
-          args: [],
-          // Set download path and avoid prompting for download even though
-          // this is already the default on Chrome but for completeness
-          prefs: {
-              download: {
-                  'prompt_for_download': false,
-                  'default_directory': process.env.PWD + "/test/e2e/"
-              }
-          }
-      },
-      'platform': 'macOS 10.15',
-      'screenResolution': '1280x960'
-    },
-    specs: [
-      '*.spec.js'
-    ],
-    jasmineNodeOpts: {
-      showColors: true,
-      defaultTimeoutInterval: 300000,
-      print: function() {}
-    },
-    params: {
-        // defaultTimeout: Used in tests where Protractor needs to wait for an element or where
-        // the browser needs to do nothing for a while. Should not be >= 90000 since
-        // Sauce Labs wil end the a session if it hasn't received a command from
-        // test script in 90 seconds.
-        defaultTimeout: 15000
-    },
-    onPrepare: function() {
-        /* global angular: false, browser: false, jasmine: false */
-
-        // Disable animations so e2e tests run more quickly
-        var disableNgAnimate = function() {
-            angular.module('disableNgAnimate', []).run(['$animate', function($animate) {
-                $animate.enabled(false);
-            }]);
-        };
-
-        browser.addMockModule('disableNgAnimate', disableNgAnimate);
-    }
-  };
-
-  if (config.capabilities.chromeOptions) {
-    // setting screen size when running the tests locally to be consistent across different laptops and external displays
-    // tests are currently optimzed for this screen size
-    // this is the same as `screenResolution` above to make sure we test the same in CI environment as locally
-    if (!process.env.CI) {
-      config.capabilities.chromeOptions.args.push('--window-size=1280,960');
-    }
-
-    // using chrome in headless mode
-    // environment variables are of type "string" so verify the value is the string "true" instead of boolean true
-    if (process.env.HEADLESS == "true") {
-      config.capabilities.chromeOptions.args.push('--headless');
-      config.capabilities.chromeOptions.args.push('--disable-gpu');
-    }
-  }
-
-  Object.assign(config, options);
-
-  if (!options.configFileName && !options.testConfiguration) throw new Error("No configfile provided in protractor.conf.js");
-
-  var testConfiguration = options.testConfiguration;
-  if (options.configFileName) {
-    var configFileName = options.configFileName;
-    if(options.manualTestConfig) {
-      testConfiguration =  require('../../manual/data_setup/config/' + configFileName);
-    } else {
-      testConfiguration =  require('../data_setup/config/' + configFileName);
-    }
-  }
-
-  var dataSetup = require('./protractor.parameterize.js');
-
-  // Look through schemaConfigurations, if any are strings (filenames), grab the json file and insert into the schemaConfigs array
-  var schemaConfigs = testConfiguration.setup.schemaConfigurations;
-  for (var i = 0; i < schemaConfigs.length; i++) {
-      var schemaConfig = schemaConfigs[i];
-      if (typeof schemaConfig === 'string') {
-        if(options.manualTestConfig) {
-          schemaConfigs[i] = require(process.env.PWD + "/test/manual/data_setup/config/" + schemaConfig);
-        } else {
-          schemaConfigs[i] = require(process.env.PWD + "/test/e2e/data_setup/config/" + schemaConfig);
-        }
-      }
-  }
-
-  var dateSetupOptions = {
-    testConfiguration: testConfiguration
-  };
-  if (options.page) dateSetupOptions.page = options.page;
-
-
-  if (typeof options.setBaseUrl == 'function') {
-    dateSetupOptions.setBaseUrl = function(browser, data) {
-      options.setBaseUrl(browser, data);
-    }
-  }
-
-  let chaiseFilePath;
-  if (typeof options.chaiseConfigFilePath === 'string') {
-    try {
-      var fs = require('fs');
-      fs.accessSync(process.env.PWD + "/" + options.chaiseConfigFilePath);
-      chaiseFilePath = options.chaiseConfigFilePath;
-    } catch (e) {
-      console.log("Config file " + options.chaiseConfigFilePath  + " doesn't exists");
-    }
-  }
-
-  if (chaiseFilePath) {
-    const remoteChaiseDirPath = process.env.REMOTE_CHAISE_DIR_PATH;
-
-    let cmd;
-    if (typeof remoteChaiseDirPath === 'string') {
-      // since we're copying to a folder which might or might not exist, we have to use rsync and cannot use scp
-      cmd = `rsync -v ${chaiseFilePath} ${remoteChaiseDirPath}/config/`;
-      console.log('Copying using scp');
-    } else {
-      const configFolder = '/var/www/html/chaise/config';
-      // make sure the config folder is defined and then copy the chaise-config.js
-      cmd = `sudo mkdir -p ${configFolder} && sudo cp ${chaiseFilePath} ${configFolder}/chaise-config.js`;
-      console.log('Copying using cp');
-    }
-
-    try {
-      require('child_process').execSync(cmd);
-      console.log(`Copied file ${chaiseFilePath} successfully to chaise-config.js \n`);
-    } catch (exp) {
-      console.log(exp);
-      console.log(`Unable to copy file ${chaiseFilePath} to chaise-config.js \n`);
-      process.exit(1);
-    }
-  }
-
-  config.capabilities.shardTestFiles = (process.env.SHARDING == 'false' || process.env.SHARDING == false) ? false : true;
-  config.capabilities.maxInstances = process.env.MAXINSTANCES || 4;
-
-  if (options.parallel == false) {
-    config.capabilities.shardTestFiles = false;
-  }
-
-  dataSetup.parameterize(config, dateSetupOptions);
-
-  return config;
-};
diff --git a/test/e2e/utils/protractor.import.js b/test/e2e/utils/protractor.import.js
deleted file mode 100644
index 5cfc4f0cd..000000000
--- a/test/e2e/utils/protractor.import.js
+++ /dev/null
@@ -1,385 +0,0 @@
-const ermrestUtils = require('@isrd-isi-edu/ermrest-data-utils');
-var Q = require('q');
-const axios = require('axios');
-
-//**********************************************************************
-// function waitfor - Wait until a condition is met
-//
-// Needed parameters:
-//    test: function that returns a value
-//    expectedValue: the value of the test function we are waiting for
-//    msec: delay between the calls to test
-//    callback: function to execute when the condition is met
-// Parameters for debugging:
-//    count: used to count the loops
-//    source: a string to specify an ID, a message, etc
-//**********************************************************************
-function waitfor(test, timer, end, defer) {
-    // Check if condition met. If not, re-check later (msec).
-    if (!test()) {
-        if (timer > end) {
-            defer.reject(new Error("Timer timed out"));
-        } else {
-            setTimeout(function() {
-                timer = timer + 50;
-                waitfor(test, timer, end, defer);
-            }, 50);
-        }
-        return;
-    }
-    // Condition finally met. callback() can be executed.
-    defer.resolve();
-}
-
-function wait(condition, msec) {
-    var defer = Q.defer();
-
-    var timer = new Date().getTime();
-    var end = timer + msec;
-
-    waitfor(condition, timer, end, defer);
-
-    return defer.promise;
-}
-
-// Fetches the schemas for the current catalog
-// The schema could be a new one or existing one depending on the test configuration
-// Takes a callback function as an argument to be called on success
-var fetchSchemas = function(testConfiguration, catalogId) {
-    // Default to 1 if catalogId is undefined or null
-    var catalogId = catalogId || 1, catalog, defaultSchema, defaultTable, defer = Q.defer();
-    var done = false;
-
-    // Fetches the schemas for the catalogId
-    // and sets the defaultSchema and defaultTable in browser parameters
-    ermrestUtils.introspect({
-        url: process.env.ERMREST_URL,
-        catalogId: catalogId || 1,
-        authCookie: testConfiguration.authCookie
-    }).then(function(schema) {
-        if (testConfiguration.setup && testConfiguration.setup.schema) {
-            schema = schema.catalog.schemas[testConfiguration.setup.schema] || schema;
-        }
-        catalog = schema.catalog;
-        defaultSchema = schema;
-        defaultTable = schema.defaultTable;
-        // Set done to true to mention that the execution is over
-        done = true;
-    }, function(err) {
-        console.log("Unable to fetch schemas");
-        defer.reject(err);
-    });
-
-    // Wait until the value of done is true
-    wait(function() {
-        return done;
-    }, 5000).then(function() {
-        defer.resolve({ schema: defaultSchema, catalogId: catalogId, catalog: catalog, defaultSchema: defaultSchema, defaultTable: defaultTable });
-    }, function(err) {
-        console.log("Import out 5000");
-        err.catalogId = catalogId;
-        defer.reject(err);
-    });
-
-    return defer.promise;
-};
-exports.fetchSchemas = fetchSchemas;
-
-var importSchemas = function(configs, defer, authCookie, catalogId, entities) {
-
-    if (configs.length == 0) {
-        defer.resolve({catalogId: catalogId, entities: entities});
-        return;
-    }
-
-    var config = configs.shift();
-
-    if (catalogId) config.catalog.id = catalogId;
-    else delete config.catalog.id;
-
-    ermrestUtils.importData({
-        setup: config,
-        url: process.env.ERMREST_URL,
-        authCookie: authCookie
-    }).then(function (data) {
-        process.env.catalogId = data.catalogId;
-        if (data.schema) {
-            entities[data.schema.name] = {};
-            for (var t in data.schema.tables) {
-                if (!data.schema.tables.hasOwnProperty(t)) continue;
-                entities[data.schema.name][t] = data.schema.tables[t].entities;
-            }
-            console.log("Attached entities of " + data.schema.name + " schema");
-        }
-        importSchemas(configs, defer, authCookie, data.catalogId, entities);
-    }, function (err) {
-        defer.reject(err);
-    }).catch(function(err) {
-        console.log(err);
-        defer.reject(err);
-    });
-};
-
-/**
- * Will send a request to create all the given schemas at once. It will take
- * care of changing the configs to be what the function in ErmrestDataUtils accepts.
- * It will not return anything, but will reject or resolve the given defer object.
- *
- * NOTE the catalogId that is passed is not used in this function, I wanted to follow
- * the same pattern as the existing function, but we can completely remove that.
- * We're always create a new catalog in here. We're not reusing the same catalog.
- *
- * @param  {object} configs    the schema configurations
- * @param  {object} defer      the defer object
- * @param  {string} authCookie the webauthn cookie
- * @param  {string} catalogId  catalog id
- * @param  {object} entities   the container for the entities
- */
-var bulkImportSchemas = function(configs, defer, authCookie, catalogId, entities) {
-    var catalog = {},
-        schemas = {};
-
-    var config, schema, schemaName;
-
-    if (!configs || configs.length === 0) {
-        return defer.resolve({catalogId: catalogId, entities: {}}), defer.promise;
-    }
-
-    // create the settings based on the acceptable strucutre.
-    // please refer to ermest data utils documentation for the strucutre
-    var settings = {
-        url: process.env.ERMREST_URL,
-        authCookie: authCookie
-    };
-
-    configs.forEach(function (config) {
-        // copy annotations and ACLs over to the submitted catalog object
-        if (config.catalog && typeof config.catalog === "object") {
-            if (!("acls" in config.catalog)) {
-                config.catalog["acls"] = { "select": ["*"] };
-            }
-
-            // if empty object, this loop is skipped
-            for (var prop in config.catalog) {
-                // if property is set already
-                if (catalog[prop]) {
-                    console.log(prop + " is already defined on catalog object, overriding previously set value with new one")
-                }
-                catalog[prop] = config.catalog[prop];
-            }
-        }
-
-        schemas[config.schema.name] = {
-            path: config.schema.path
-        };
-
-        if (config.entities) {
-            schemas[config.schema.name].entities = config.entities.path;
-        }
-    });
-
-    // honoring the catalog object now, anything defined in it will be passed to ErmrestDataUtils
-    settings.setup = {catalog: catalog, schemas: schemas};
-
-    // reuse the same catalogid
-    if (catalogId) settings.setup.catalog.id = catalogId;
-
-    axios.get(process.env.ERMREST_URL).then(function (res) {
-        return ermrestUtils.createSchemasAndEntities(settings);
-    }).then(function (data) {
-        process.env.catalogId = data.catalogId;
-        if (data.schemas) {
-            for(schemaName in data.schemas) {
-                if (!data.schemas.hasOwnProperty(schemaName)) continue;
-
-                schema = data.schemas[schemaName];
-                entities[schema.name] = {};
-
-                for (var t in schema.tables) {
-                    if (!schema.tables.hasOwnProperty(t)) continue;
-
-                    entities[schema.name][t] = schema.tables[t].entities;
-                }
-            }
-            console.log("Attached entities for the schemas");
-        }
-        defer.resolve({entities: entities, catalogId: data.catalogId});
-    }).catch(function (err) {
-        console.log("error while trying to create model and data:");
-        console.log(err);
-        defer.reject(err);
-    });
-};
-
-exports.setup = function(testConfiguration) {
-
-    var defer = Q.defer();
-
-    var schemaConfigurations = testConfiguration.setup.schemaConfigurations;
-
-    if (!schemaConfigurations || schemaConfigurations.length == 0) throw new Error("No schemaConfiguration provided in testConfiguration.setup.");
-
-    var setupDone = false, successful = false, catalogId, entities = {};
-
-    var defer1 = Q.defer();
-    // Call setup to import data for tests as specified in the configuration
-    bulkImportSchemas(schemaConfigurations, defer1, testConfiguration.authCookie, undefined, entities);
-
-    defer1.promise.then(function(res) {
-
-        // Set catalogId in browser params for future reference to delete it if required
-        catalogId = res.catalogId;
-
-        // Set the entities object will contain the entities
-        entities = res.entities;
-
-        // Set successful to determine data import was done successfully
-        successful = true;
-
-        // Set setupDone to true to specify that the setup code has completed its execution
-        setupDone = true;
-    }, function(err) {
-
-        // Set catalogId in browser params for future reference to delete if it required
-        catalogId = err.catalogId || null;
-
-        // Set setupDone to true to specify that the setup code has completed its execution
-        setupDone = true;
-    });
-
-    // Wait until setupDone value is true
-    wait(function() {
-        return setupDone;
-    }, 120000).then(function() {
-        // If data import was successful then fetch the schema definitions for the catalog
-        // and set the default Schema and default Table in browser parameters
-        if (successful) {
-            exports.fetchSchemas(testConfiguration, catalogId).then(function(data) {
-                data.entities = entities;
-                defer.resolve(data);
-            }, function(err) {
-                defer.reject({ catalogId: catalogId });
-            });
-        } else {
-            defer.reject({ catalogId: catalogId });
-        }
-    }, function(err) {
-        console.log("I timed out in 120000");
-        err.catalogId = catalogId;
-        defer.reject(err);
-    });
-
-    return defer.promise;
-};
-
-
-exports.tear = function(testConfiguration, catalogId, defer) {
-    var cleanupDone = false, defer = Q.defer();
-
-    testConfiguration.setup.url = process.env.ERMREST_URL;
-
-    ermrestUtils.tear({
-      url: process.env.ERMREST_URL,
-      catalogId: catalogId,
-      setup: testConfiguration.setup.schemaConfigurations[0],
-      authCookie: process.env.AUTH_COOKIE
-    }).done(function() {
-      cleanupDone = true;
-    });
-
-    wait(function() {
-      return cleanupDone;
-    }, 5000).then(function() {
-        defer.resolve();
-    }, function(err) {
-        defer.reject(err);
-    });
-
-    return defer.promise;
-};
-
-/**
- * Delete the given list of namespaces
- * @param  {String} authCookie webauthn cookie
- * @param  {String[]} namespaces Array of namespaces. They must be absolute path.
- */
-exports.deleteHatracNamespaces = function (authCookie, namespaces) {
-    var promises = [];
-    namespaces.forEach(function (ns) {
-        var defer = Q.defer();
-
-        axios({
-          url: ns,
-          method: 'DELETE',
-          headers: {
-            'Cookie': authCookie
-          }
-        }).then(() => {
-            console.log(`namespace ${ns} deleted from hatrac.`);
-            defer.resolve();
-        }).catch((error) => {
-            console.log(`namespace ${ns} could not be deleted from hatrac.`);
-            console.log(error)
-            defer.reject(error);
-        });
-
-        promises.push(defer.promise);
-    });
-
-    return Q.all(promises);
-}
-
-exports.importACLs = function (params) {
-    var defer = Q.defer();
-    ermrestUtils.importACLS({
-        url: process.env.ERMREST_URL,
-        authCookie: process.env.AUTH_COOKIE,
-        setup: params
-    }).then(function () {
-        console.log("successfully updated the ACLs");
-        defer.resolve();
-    }).catch(function (err) {
-        console.log("error while trying to change ACLs");
-        console.dir(err);
-        defer.reject(err);
-    });
-    return defer.promise;
-}
-
-exports.updateCatalogAnnotation = function (catalogId, annotation) {
-    var defer = Q.defer();
-
-    var catalogObj = {
-        url: process.env.ERMREST_URL,
-        id: catalogId
-    };
-
-    ermrestUtils.createOrModifyCatalog(catalogObj, process.env.AUTH_COOKIE, annotation).then(function () {
-        console.log("successfully updated the catalog annotation");
-        defer.resolve();
-    }).catch(function (err) {
-        console.log("error while trying to update catalog annotation");
-        console.dir(err);
-        defer.reject(err);
-    });
-    return defer.promise;
-}
-
-exports.updateCatalogAlias = function (catalogId, alias) {
-  var defer = Q.defer();
-
-  var catalogObj = {
-      url: process.env.ERMREST_URL,
-      id: catalogId
-  };
-
-  ermrestUtils.createOrModifyCatalog(catalogObj, process.env.AUTH_COOKIE, undefined, undefined, alias).then(function () {
-      console.log("successfully updated the catalog annotation");
-      defer.resolve();
-  }).catch(function (err) {
-      console.log("error while trying to update catalog annotation");
-      console.dir(err);
-      defer.reject(err);
-  });
-  return defer.promise;
-}
diff --git a/test/e2e/utils/protractor.parameterize.js b/test/e2e/utils/protractor.parameterize.js
deleted file mode 100644
index 2a0d264ad..000000000
--- a/test/e2e/utils/protractor.parameterize.js
+++ /dev/null
@@ -1,318 +0,0 @@
-var Q = require("q");
-var fs = require("fs");
-const axios = require('axios');
-
-exports.parameterize = function(config, configParams) {
-
-    if ((typeof configParams != 'object')) {
-        throw new Error("Invalid testConfiguration path provided for protractor parameterization in protractor config");
-    }
-
-    var testConfiguration = configParams.testConfiguration || {};
-
-    testConfiguration.authCookie = process.env.AUTH_COOKIE;
-    var pImport = require('./protractor.import.js');
-
-    var catalogId = null,
-        Q = require('q');
-
-    // This is where we're writing the entities to.
-    // There are some system generated columns that we might want to know the value of,
-    // entities will have those. The problem is that we cannot just attach this variable
-    // to `global` since we might run test specs in multiple threads via sharding.
-    // Therefore we are writing these data this file, and then removing the file
-    var entities_path = "entities.json";
-
-    var launchPromise;
-
-    if (process.env.CI) {
-        console.log("In CI");
-        config.sauceUser = process.env.SAUCE_USERNAME;
-        config.sauceKey = process.env.SAUCE_ACCESS_KEY;
-        config.capabilities['tunnel-identifier'] = process.env.SAUCE_TUNNEL_IDENTIFIER;
-        config.capabilities['build'] = process.env.GITHUB_RUN_ID;
-        config.capabilities['name'] = process.env.GITHUB_WORKFLOW;
-        config.capabilities['idleTimeout'] = 190;
-        config.capabilities['commandTimeout'] = 500;
-        config.capabilities['timeZone'] = 'Los_Angeles';
-
-    }
-
-    var onErmrestLogin = function(defer) {
-        testConfiguration.setup.url = process.env.ERMREST_URL;
-        testConfiguration.setup.authCookie = testConfiguration.authCookie;
-
-        pImport.setup(testConfiguration).then(function(data) {
-            process.env.CATALOGID = data.catalogId;
-            if (data.entities) {
-                entities = data.entities;
-                fs.writeFile(entities_path, JSON.stringify(entities), 'utf8', function(err) {
-                    if (err) {
-                        console.log("couldn't write entities.");
-                        console.log(err);
-                        defer.reject(new Error("Unable to import data"));
-                    } else {
-                        console.log("created entities file for schemas");
-                        defer.resolve();
-                    }
-                });
-
-            } else {
-                defer.resolve();
-            }
-
-        }, function(err) {
-            process.env.CATALOGID = catalogId = err.catalogId;
-            console.log(err);
-            defer.reject(new Error("Unable to import data"));
-        });
-
-    };
-
-    /**
-     *  send a request to authn with the given cookie and return the result, purposes:
-     *  - set the `_ID` env variable so later can be used for tests.
-     *  - get the client object
-     */
-    var getSessionByCookie = function (cookie, authCookieEnvName) {
-        var defer = Q.defer();
-        axios({
-            url: process.env.ERMREST_URL.replace('ermrest', 'authn') + '/session',
-            method: 'GET',
-            headers: {
-                'Cookie': cookie
-            }
-        }).then(function (response) {
-            process.env[authCookieEnvName + '_ID'] = response.data.client.id;
-            console.log(authCookieEnvName + "_ID: ", response.data.client.id);
-
-            defer.resolve(response.data);
-        }).catch(function (err) {
-          console.log(err);
-          defer.reject('Unable to retreive userinfo for ' + authCookieEnvName);;
-        })
-        return defer.promise;
-    }
-
-    /**
-     *  send a request to authn with the given username and password and return the result, purposes:
-     *  - set the `_ID` env variable so later can be used for tests.
-     *  - get the client object
-     */
-    var getSessionByUserPass = function (username, password, authCookieEnvName) {
-        var defer = Q.defer();
-
-        axios({
-            url: process.env.ERMREST_URL.replace('ermrest', 'authn') + '/session',
-            method: 'POST',
-            data: 'username=' + username + '&password=' + password
-        }).then((response) => {
-            var cookies = require('set-cookie-parser').parse(response);
-            cookies.forEach(function(c) {
-                // auth cookie env variable
-                if (c.name == "webauthn") {
-                    if (authCookieEnvName == "AUTH_COOKIE") { // main user
-                        testConfiguration.authCookie = c.name + "=" + c.value + ";";
-                        // set the session information to be parsed later
-                        process.env.WEBAUTHN_SESSION = JSON.stringify(response.data);
-                    }
-                    // webauthn cookie
-                    process.env[authCookieEnvName] = c.name + '=' + c.value + ';';
-                }
-            });
-
-            if (process.env[authCookieEnvName]) {
-                // user id
-                process.env[authCookieEnvName + '_ID'] = response.data.client.id;
-                defer.resolve();
-            } else {
-                defer.reject('Unable to retreive ' + authCookieEnvName);
-            }
-        }).catch((error) => {
-            console.dir('Unable to retreive ' + authCookieEnvName);
-            defer.reject(error);
-        });
-
-        return defer.promise;
-    };
-
-    config.beforeLaunch = function() {
-        var defer = Q.defer();
-
-        console.log("before launch");
-
-        if (process.env.CI) {
-            console.log("getting the hostname from the CI environment");
-            var exec = require('child_process').exec;
-            exec("hostname", function(error, stdout, stderr) {
-
-                process.env.ERMREST_URL = "http://" + stdout.trim() + "/ermrest";
-                process.env.CHAISE_BASE_URL = "http://" + stdout.trim() + "/chaise";
-
-                console.log("ERMrest url is " + process.env.ERMREST_URL);
-
-                console.log("getting test1 user info");
-                getSessionByUserPass('test1', 'dummypassword', 'AUTH_COOKIE').then(function () {
-                    console.log("getting test2 user info");
-                    return getSessionByUserPass('test2', 'dummypassword', 'RESTRICTED_AUTH_COOKIE');
-                }).then(function () {
-
-                    onErmrestLogin(defer);
-                }).catch(function (err) {
-                    defer.reject(err);
-                })
-            });
-        } else {
-            console.log("testing AUTH_COOKIE");
-            getSessionByCookie(process.env.AUTH_COOKIE, "AUTH_COOKIE").then(function (res) {
-                // set the session information to be parsed later
-                process.env.WEBAUTHN_SESSION = JSON.stringify(res);
-
-                console.log("testing RESTRICTED_AUTH_COOKIE");
-                return getSessionByCookie(process.env.RESTRICTED_AUTH_COOKIE, "RESTRICTED_AUTH_COOKIE");
-            }).then(function (res) {
-                onErmrestLogin(defer);
-            }).catch(function (err) {
-                defer.reject(err);
-            });
-        }
-
-
-        return defer.promise;
-    };
-
-    // This method will be called before starting to execute the test suite
-    config.onPrepare = function() {
-
-        var SpecReporter = require('jasmine-spec-reporter');
-        // add jasmine spec reporter
-        jasmine.getEnv().addReporter(new SpecReporter({
-            displayStacktrace: 'all'
-        }));
-
-        browser.params.configuration = testConfiguration, defer = Q.defer();
-        browser.params.client = JSON.parse(process.env.WEBAUTHN_SESSION).client;
-
-        // Set catalogId in browser params for future reference to delete it if required
-        browser.params.catalogId = catalogId = process.env.CATALOGID;
-
-        if (process.env.AUTH_COOKIE) {
-            testConfiguration.authCookie = process.env.AUTH_COOKIE;
-        }
-
-        pImport.fetchSchemas(testConfiguration, catalogId).then(function(data) {
-
-            // Set schema returned in browser params for refering it in test cases
-            browser.params.schema = data.defaultSchema;
-            browser.params.catalog = data.catalog;
-            browser.params.defaultSchema = data.defaultSchema;
-            browser.params.defaultTable = data.defaultTable;
-            browser.params.catalogId = data.catalogId;
-
-            // read the entities from the file
-            fs.readFile(entities_path, 'utf8', function(err, data) {
-                if (err) {
-                    console.log("couldn't read entities");
-                    defer.reject({
-                        catalogId: catalogId
-                    });
-                } else {
-                    browser.params.entities = JSON.parse(data);
-                }
-            });
-
-            // Set hatrac namespaces that should be deleted (test cases will add to this)
-            testConfiguration.hatracNamespaces = [];
-
-            // Set the base url to the page that we are running the tests for
-            browser.baseUrl = process.env.CHAISE_BASE_URL;
-
-            // set the url for testcases to start using the catalogId and schema that was mentioned in the configuration
-            if (typeof configParams.setBaseUrl == 'function') configParams.setBaseUrl(browser, data);
-            else browser.params.url = browser.baseUrl;
-
-            browser.params.origin = process.env.ERMREST_URL.slice(0, process.env.ERMREST_URL.indexOf('/ermrest'));
-
-            // Visit the default page and set the authorization cookie if required
-            if (testConfiguration.authCookie) {
-                console.log("setting up cookie");
-                require('./chaise.page.js').performLogin(testConfiguration.authCookie, defer);
-            } else {
-                defer.resolve();
-            }
-        }, function(err) {
-            defer.reject({
-                catalogId: catalogId
-            });
-        }).catch(function(err) {
-            console.log(err);
-            defer.reject({
-                catalogId: catalogId
-            });
-        });
-
-
-        return defer.promise;
-    };
-
-    // This method will be called after executing the test suite
-    config.afterLaunch = function(exitCode) {
-        var promises = [];
-
-        if (testConfiguration.hatracNamespaces && testConfiguration.hatracNamespaces.length > 0) {
-            // cleanup the hatrac namespaces
-            promises.push(pImport.deleteHatracNamespaces(testConfiguration.authCookie, testConfiguration.hatracNamespaces));
-        }
-
-        // If cleanup is true and setup was also true in the configuration then
-        // call cleanup to remove the created schema/catalog/tables if catalogId is not null
-        catalogId = process.env.CATALOGID;
-        console.log("catalogId:" + catalogId);
-        if (testConfiguration.cleanup && testConfiguration.setup && catalogId != null) {
-            promises.push(pImport.tear(testConfiguration, catalogId));
-        }
-
-        // delete the entities file
-        fs.unlinkSync(entities_path);
-
-        return Q.all(promises);
-    };
-
-    // If an uncaught exception is caught then simply call cleanup
-    // to remove the created schema/catalog/tables if catalogId is not null
-    process.on('uncaughtException', function(err) {
-        catalogId = process.env.CATALOGID;
-        console.log("in error : catalogId " + catalogId);
-        console.dir(err);
-        var cb = function() {
-            console.error((new Date).toUTCString() + ' uncaughtException:', err.message);
-            console.error(err.stack);
-            process.exit(1)
-        };
-        if (!process.catalogDeleted && testConfiguration.cleanup && testConfiguration.setup && catalogId != null) pImport.tear(testConfiguration, catalogId).then(cb, cb);
-        else cb();
-
-    });
-
-    /**
-     * This function can sometimes be called twice so we want to call process.exit only after trying to
-     * delete the catalog and the request succeeds or fails
-     *
-     * When Ctrl+C is pressed, the shell sends a SIGINT signal to the foreground process/process-group.
-     *
-     * So, if the foreground process is Node, it's only sent to the Node process. But when it's a npm
-     * process with a child Node process attached, the SIGINT is sent to both npm and Node processes.
-     *
-     * The reason why the Node process receives the signal a second time is because the npm process
-     * listens to signals and relays them to the child Node process
-     */
-    process.on('SIGINT', function(code) {
-        catalogId = process.env.CATALOGID;
-
-        console.log('About to exit because of SIGINT (ctrl + c)');
-        pImport.tear(testConfiguration, catalogId).finally(function() {
-            process.exit(1);
-        });
-    });
-
-};
diff --git a/test/e2e/utils/record-helpers.js b/test/e2e/utils/record-helpers.js
deleted file mode 100644
index f4ac12de7..000000000
--- a/test/e2e/utils/record-helpers.js
+++ /dev/null
@@ -1,1732 +0,0 @@
-var pImport =  require('../utils/protractor.import.js');
-var chaisePage = require('../utils/chaise.page.js');
-var fs = require('fs');
-var EC = protractor.ExpectedConditions;
-const Q = require('q');
-const { browser, ElementFinder } = require('protractor');
-
-exports.testPresentation = function (tableParams) {
-    var notNullColumns = tableParams.columns.filter(function (c) { return !c.hasOwnProperty("value") || c.value != null; });
-    var pageReadyCondition = function () {
-        return chaisePage.recordPageReady().then(function () {
-            return chaisePage.waitForAggregates();
-        });
-    };
-
-    beforeAll(function () {
-        pageReadyCondition();
-    });
-
-    it("should have '" + tableParams.title +  "' as title", function() {
-        var title = chaisePage.recordPage.getEntityTitleElement();
-        chaisePage.waitForElement(title);
-        expect(title.getText()).toEqual(tableParams.title);
-    });
-
-    it("should have '" + tableParams.subTitle +"' as subTitle", function() {
-        var subtitle = chaisePage.recordPage.getEntitySubTitleElement();
-        chaisePage.waitForElement(subtitle);
-        expect(subtitle.getText()).toEqual(tableParams.subTitle);
-    });
-
-    it ("subTitle should have the correct table tooltip.", function (done) {
-        chaisePage.testTooltipWithDone(
-            chaisePage.recordPage.getEntitySubTitleElement(),
-            tableParams.tableComment,
-            done,
-            'record'
-        );
-    });
-
-    it ("should have the correct head title using the heuristics for record app", function (done) {
-        browser.executeScript("return chaiseConfig;").then(function(chaiseConfig) {
-            // <table-name>: <row-name> | chaiseConfig.headTitle
-            // NOTE: subTitle and title are badly named
-            expect(browser.getTitle()).toBe(tableParams.subTitle + ": " + tableParams.title + " | " + chaiseConfig.headTitle);
-
-            done();
-        }).catch(function (err) {
-            console.log(err);
-            done.fail();
-        });
-    });
-
-    it("should show " +notNullColumns.length + " columns only", function() {
-        expect(chaisePage.recordPage.getColumns().count()).toBe(notNullColumns.length);
-    });
-
-    it("should show the action buttons properly", function() {
-        const editButton = chaisePage.recordPage.getEditRecordButton(),
-            createButton = chaisePage.recordPage.getCreateRecordButton(),
-            deleteButton = chaisePage.recordPage.getDeleteRecordButton(),
-            exportButton = chaisePage.recordsetPage.getExportDropdown(),
-            showAllRTButton = chaisePage.recordPage.getShowAllRelatedEntitiesButton(),
-            shareButton = chaisePage.recordPage.getShareButton();
-
-        browser.wait(EC.elementToBeClickable(editButton), browser.params.defaultTimeout);
-        browser.wait(EC.elementToBeClickable(createButton), browser.params.defaultTimeout);
-        browser.wait(EC.elementToBeClickable(deleteButton), browser.params.defaultTimeout);
-        browser.wait(EC.elementToBeClickable(showAllRTButton), browser.params.defaultTimeout);
-        browser.wait(EC.elementToBeClickable(exportButton), browser.params.defaultTimeout);
-        browser.wait(EC.elementToBeClickable(shareButton), browser.params.defaultTimeout);
-
-        expect(editButton.isDisplayed()).toBeTruthy();
-        expect(deleteButton.isDisplayed()).toBeTruthy();
-        expect(showAllRTButton.isDisplayed()).toBeTruthy();
-        expect(exportButton.isDisplayed()).toBeTruthy();
-        expect(shareButton.isDisplayed()).toBeTruthy();
-    });
-
-    exports.testSharePopup(tableParams.sharePopupParams);
-
-    it("should have '3' options in the export dropdown menu.", function (done) {
-        const exportButton = chaisePage.recordsetPage.getExportDropdown();
-        browser.wait(EC.elementToBeClickable(exportButton), browser.params.defaultTimeout);
-
-        chaisePage.clickButton(exportButton).then(function () {
-            expect(chaisePage.recordsetPage.getExportOptions().count()).toBe(3, "incorrect number of export options");
-            // close the dropdown
-            return exportButton.click();
-        }).then(function () {
-            done();
-        }).catch(function (err) {
-            console.log(err);
-            done.fail();
-        });
-    });
-
-    if (!process.env.CI) {
-        it("should have 'This record (CSV)' as a download option and download the file.", function(done) {
-            chaisePage.recordsetPage.getExportDropdown().click().then(function () {
-                var csvOption = chaisePage.recordsetPage.getExportOption("This record (CSV)");
-                expect(csvOption.getText()).toBe("This record (CSV)");
-                return csvOption.click();
-            }).then(function () {
-                browser.wait(function() {
-                    return fs.existsSync(process.env.PWD + "/test/e2e/" + tableParams.file_names[0]);
-                }, browser.params.defaultTimeout).then(function () {
-                    done();
-                }, function () {
-                    expect(false).toBeTruthy("Accommodations.csv was not downloaded");
-                    done.fail();
-                });
-            }).catch(function (err) {
-                console.log(err);
-                done.fail();
-            });
-        });
-
-        xit("should have 'BDBag' as a download option and download the file.", function(done) {
-            chaisePage.recordsetPage.getExportDropdown().click().then(function () {
-                var bagOption = chaisePage.recordsetPage.getExportOption("BDBag");
-                expect(bagOption.getText()).toBe("BDBag");
-                return bagOption.click();
-            }).then(function () {
-                return chaisePage.waitForElement(chaisePage.recordsetPage.getExportModal());
-            }).then(function () {
-                return chaisePage.waitForElementInverse(chaisePage.recordsetPage.getExportModal());
-            }).then(function () {
-                browser.wait(function() {
-                    return fs.existsSync(process.env.PWD + "/test/e2e/" + tableParams.file_names[1]);
-                }, browser.params.defaultTimeout).then(function () {
-                    done();
-                }, function () {
-                    expect(false).toBeTruthy("accommodation.zip was not downloaded");
-                    done.fail();
-                });
-            }).catch(function (err) {
-                console.log(err);
-                done.fail();
-            });
-        });
-
-        it ('should have `Configurations` option that opens a submenu to download the config file.', (done) => {
-            let exportSubmenuOptions, configOption;
-            chaisePage.clickButton(chaisePage.recordsetPage.getExportDropdown()).then(() => {
-                configOption = chaisePage.recordsetPage.getExportOption('configurations');
-                return chaisePage.waitForElement(configOption);
-            }).then(() => {
-                expect(configOption.getText()).toBe('Configurations');
-                return chaisePage.clickButton(configOption);
-            }).then(() => {
-                exportSubmenuOptions = chaisePage.recordsetPage.getExportSubmenuOptions();
-                expect(exportSubmenuOptions.count()).toBe(1);
-                const bdBagSubmenu = chaisePage.recordsetPage.getExportSubmenuOption('BDBag');
-                expect(bdBagSubmenu.isDisplayed()).toBeTruthy();
-                chaisePage.clickButton(bdBagSubmenu);
-            }).then(() => {
-                return browser.wait(function () {
-                  return fs.existsSync(process.env.PWD + "/test/e2e/" + tableParams.file_names[2]);
-                }, browser.params.defaultTimeout);
-            }).then(() => {
-                done();
-            }).catch((done) => chaisePage.catchTestError(done));
-        });
-    }
-
-    it("should render columns which are specified to be visible and in order", function() {
-        chaisePage.recordPage.getAllColumnNames().then(function(pageColumns) {
-            expect(pageColumns.length).toBe(notNullColumns.length);
-            var index = 0;
-            pageColumns.forEach(function(c) {
-                var col = notNullColumns[index++];
-                expect(c.getText()).toEqual(col.title);
-            });
-        });
-    });
-
-    it("should show proper tooltips for columns that have it.", function(done) {
-        const columns = notNullColumns.filter(function(c) {
-            return (typeof c.comment == 'string');
-        });
-        const testColumnTooltip = (idx) => {
-            if (idx === columns.length) {
-                done(); return;
-            }
-
-            const col = columns[idx];
-            const colEl = chaisePage.recordPage.getColumnNameElement(col.title);
-            chaisePage.testTooltipReturnPromise(colEl, col.comment, 'record').then(() => {
-                testColumnTooltip(idx + 1);
-            }).catch((err) => {
-                done.fail(err);
-            })
-        };
-
-        testColumnTooltip(0);
-    });
-
-    it("should show inline comment for inline table with one defined", function () {
-        expect(chaisePage.recordPage.getInlineRelatedTableInlineComment(tableParams.inlineTableWithCommentName).getText()).toBe(tableParams.inlineTableComment, "inline comment is not correct");
-    });
-
-    it("should render column names based on their markdown pattern.", function() {
-        tableParams.columns.forEach((col) => {
-            if (!col.markdown_title) return;
-            const colEl = chaisePage.recordPage.getColumnNameElement(col.markdown_title);
-            // NOTE the actual displayname is inside two spans
-            expect(colEl.element(by.css('span span')).getAttribute('innerHTML')).toEqual(col.markdown_title, `missmatch for title=${col.title}`);
-        });
-    });
-
-    // TODO playwright: modify testRecordMainSectionValues and use it here as well
-    it("should validate the values of each column", function () {
-        expect(chaisePage.recordPage.getAllColumnValues().count()).toEqual(notNullColumns.length, "length missmatch.");
-        notNullColumns.forEach(function (column) {
-            if (!column.hasOwnProperty("value")) {
-                return;
-            }
-
-            const errMessage = "value mismatch for column " + column.title;
-            const columnTitle = column.markdown_title ? column.markdown_title : column.title;
-
-            let columnEls;
-            if (column.type == 'inline' || column.match === 'html') {
-                columnEls = chaisePage.recordPage.getEntityRelatedTable(columnTitle);
-                expect(chaisePage.recordPage.getValueMarkdownContainer(columnEls).getAttribute('innerHTML')).toContain(column.value, errMessage);
-            }  else {
-                columnEls = chaisePage.recordPage.getEntityRelatedTable(columnTitle);
-                if (column.presentation) {
-                    if (column.presentation.type === "inline") columnEls = chaisePage.recordPage.getValueMarkdownContainer(columnEls);
-
-                    const aTag = chaisePage.recordPage.getLinkChild(columnEls);
-                    const dataRow = chaisePage.getEntityRow("product-record", column.presentation.table_name, column.presentation.key_value);
-                    const columnUrl = column.presentation.url + "RID=" + dataRow.RID;
-
-                    expect(aTag.getAttribute('href')).toContain(columnUrl, errMessage + " for url");
-                    expect(aTag.getText()).toEqual(column.value, errMessage + " for caption");
-                } else {
-                    expect(columnEls.getAttribute('innerText')).toBe(column.value, errMessage);
-                }
-        	}
-        });
-    });
-
-    it("should show related table names and their tables", function() {
-        var displayName, tableCount, title,
-            relatedTables = tableParams.related_tables;
-
-        browser.wait(EC.not(EC.visibilityOf(chaisePage.recordPage.getRelatedSectionSpinner())), browser.params.defaultTimeout);
-        browser.wait(function() {
-            return chaisePage.recordPage.getRelatedTables().count().then(function(ct) {
-                return (ct=relatedTables.length);
-            });
-        }, browser.params.defaultTimeout);
-        chaisePage.recordPage.getRelatedTables().count().then(function(count) {
-            expect(count).toBe(relatedTables.length,'Mismatch in Related table count!');
-            tableCount = count;
-
-            // check the headings have the right name and in the right order
-            return chaisePage.recordPage.getRelatedTableTitles();
-        }).then(function(headings) {
-            // tables should be in order based on annotation for visible foreign_keys
-            // Headings have a '-' when page loads, and a count after them
-            expect(headings).toEqual(tableParams.tables_order,"Order is not maintained for related tables!");
-
-            // rely on the UI data for looping, not expectation data
-            for (var i = 0; i < tableCount; i++) {
-                displayName = relatedTables[i].displayname;
-                title = relatedTables[i].title;
-
-                // verify all columns are present
-                (function(i, displayName, title) {
-                    chaisePage.recordPage.getRelatedTableColumnNamesByTable(displayName).getAttribute('innerHTML').then(function(columnNames) {
-                        var index = 0, systemColumns = ["RID", "RCT", "RMT", "RCB", "RMB"];
-                        for (var j = 0; j < columnNames.length; j++) {
-                            if (systemColumns.indexOf(columnNames[j]) === -1) {
-                                expect(columnNames[j]).toBe(relatedTables[i].columns[index]);
-                                index++;
-                            }
-                        }
-
-                        // verify all rows are present
-                        return chaisePage.recordPage.getRelatedTableRows(displayName).count();
-                    }).then(function(rowCount) {
-                        expect(rowCount).toBe(relatedTables[i].data.length);
-                        expect(headings[i]).toBe(title);
-                    });
-                })(i, displayName, title);
-            }
-        });
-    });
-
-
-    /**
-     * NOTE this test should be improved
-     * while the rest of test cases are not making any assumption about the page,
-     * this one is assuming certain inline related entity
-     */
-    it("visible column related table with inline inbound fk should display 'None' in markdown display mode if no data was found.",function(done){
-        const EC = protractor.ExpectedConditions,
-            displayname = tableParams.inline_none_test.displayname;
-
-        const relatedEl = chaisePage.recordPage.getEntityRelatedTable(displayname);
-        var confirmButton = chaisePage.recordPage.getConfirmDeleteButton();
-        var getRowDeleteBtn = function (index) {
-            return chaisePage.recordPage.getRelatedTableRowDelete(displayname, index, true);
-        }
-
-        const toggleBtn = chaisePage.recordPage.getToggleDisplayLink(displayname, true);
-        chaisePage.clickButton(toggleBtn).then(function () {
-            // make sure the table shows up
-            return chaisePage.waitForElement(chaisePage.recordPage.getRelatedTable(displayname));
-        }).then(function () {
-            // delete the first row
-            return chaisePage.clickButton(getRowDeleteBtn(0));
-        }).then(function () {
-            browser.wait(EC.visibilityOf(confirmButton), browser.params.defaultTimeout);
-            return chaisePage.clickButton(confirmButton);
-        }).then(function () {
-
-            // make sure there is 1 row
-            browser.wait(function() {
-                return chaisePage.recordPage.getRelatedTableRows(displayname).count().then(function(ct) {
-                    return (ct==1);
-                });
-            }, browser.params.defaultTimeout);
-
-            // delete the other row
-            return chaisePage.clickButton(getRowDeleteBtn(0));
-        }).then(function () {
-            browser.wait(EC.visibilityOf(confirmButton), browser.params.defaultTimeout);
-            return chaisePage.clickButton(confirmButton);
-        }).then(function () {
-
-            // make sure there are zero rows
-            browser.wait(function() {
-                return chaisePage.recordPage.getRelatedTableRows(displayname).count().then(function(ct) {
-                    return (ct==0);
-                });
-            }, browser.params.defaultTimeout);
-
-            // switch the display mode
-            return chaisePage.clickButton(chaisePage.recordPage.getToggleDisplayLink(displayname, true));
-        }).then(function(){
-            const md = chaisePage.recordPage.getValueMarkdownContainer(relatedEl);
-            browser.wait(EC.visibilityOf(md), browser.params.defaultTimeout);
-            expect(md.getText()).toBe('None',"Incorrect text for empty markdown!");
-            done();
-        }).catch(function(err){
-            console.log(err);
-            done.fail();
-        });
-    });
-
-    /**
-     * NOTE this test should be improved
-     * while the rest of test cases are not making any assumption about the page,
-     * this one is assuming certain inline related entity.
-     * This test case also relies on the previous `it`
-     */
-    it("empty inline inbound fks should disappear when 'Hide All Related Records' was clicked.",function(done){
-        const showAllRTButton = chaisePage.recordPage.getShowAllRelatedEntitiesButton();
-        const displayname = tableParams.inline_none_test.displayname;
-
-        chaisePage.clickButton(showAllRTButton).then(function () {
-          expect(chaisePage.recordPage.getEntityRelatedTable(displayname).isDisplayed()).toBeFalsy();
-          return chaisePage.clickButton(showAllRTButton);
-        }).then(function () {
-          done();
-        }).catch(chaisePage.catchTestError(done));
-    });
-
-    // Related tables are contextualized with `compact/brief`, but if that is not specified it will inherit from `compact`
-    it("should honor the page_size annotation for the table, file, in the compact context based on inheritance.", function() {
-        var relatedTableName = tableParams.related_table_name_with_page_size_annotation;
-
-        chaisePage.recordPage.getRelatedTableRows(relatedTableName).count().then(function(count) {
-            expect(count).toBe(tableParams.page_size);
-        });
-    });
-
-    it("clicking the related table heading should change the heading and hide the table.", function(done) {
-        const displayName = tableParams.related_tables[0].title;
-        const panelHeading = chaisePage.recordPage.getRelatedTableHeading(displayName);
-
-        // related table should be open by default
-        expect(panelHeading.getAttribute('class')).not.toContain('collapsed');
-
-        chaisePage.waitForElement(panelHeading);
-        chaisePage.clickButton(panelHeading).then(function() {
-            expect(panelHeading.getAttribute('class')).toContain('collapsed');
-            done();
-        }).catch(function (err) {
-            console.log(err);
-            done.fail();
-        })
-    });
-
-    // There is a media table linked to accommodations but this accommodation (Sheraton Hotel) doesn't have any media
-    it("should show and hide a related table with zero values upon clicking a link to toggle visibility of related entities", function(done) {
-        var showAllRTButton = chaisePage.recordPage.getShowAllRelatedEntitiesButton(),
-            tableDisplayname = "<strong>media</strong>",
-            noResultsMessage = "No Results Found";
-         chaisePage.clickButton(showAllRTButton).then(function() {
-            expect(chaisePage.recordPage.getRelatedTable(tableDisplayname).isDisplayed()).toBeFalsy("first click: didn't hide.");
-            return  chaisePage.clickButton(showAllRTButton);
-        }).then(function() {
-            // empty related table should show
-            expect(chaisePage.recordPage.getRelatedTable(tableDisplayname).isDisplayed()).toBeTruthy("second click: didn't show.");
-            //check the no results text appears properly
-            return chaisePage.recordPage.getNoResultsRow(tableDisplayname);
-        }).then(function(emptyTab) {
-            expect(emptyTab.getText()).toBe(noResultsMessage, "message missmatch.");
-            return  chaisePage.clickButton(showAllRTButton);
-        }).then(function() {
-            expect(chaisePage.recordPage.getRelatedTable(tableDisplayname).isDisplayed()).toBeFalsy("third click: didn't hide.");
-            done();
-        }).catch(function(error) {
-            done.fail(error);
-        });
-    });
-
-    it("should show the related table names in the correct order in the Table of Contents (including inline)", function (done) {
-        chaisePage.recordPage.getSidePanelTableTitles().then(function (headings) {
-            headings.forEach(function (heading, idx) {
-                expect(heading.getText()).toEqual(tableParams.tocHeaders[idx], "related table heading with index: " + idx + " in toc is incorrect");
-            })
-        })
-        done();
-    });
-
-    describe("regarding inline related entities, ", function () {
-        beforeAll(function () {
-            // make sure page is in its initial state
-            browser.driver.navigate().refresh();
-        });
-        for (var i = 0; i < tableParams.inline_columns.length; i++) {
-            var p = tableParams.inline_columns[i];
-            p.baseTable = tableParams.subTitle;
-
-            // (function (params) {
-                describe ("for " + p.title + ", ", function () {
-                    exports.testRelatedTable(p, pageReadyCondition);
-                });
-            // })(p);
-        }
-    });
-};
-
-
-/**
- * opens the share and cite popup and test the content. The acceptable input:
- * {
- *   title: "title", // required
- *   permalink: "the permalink", // required
- *   hasVersionedLink: boolean, // whether versioned link is present or not
- *   verifyVersionedLink: boolean, // if true, we will test the versioned link too.
- *   citation: string, // (optional) pass null if citation should not be displayed.
- *   bibtextFile: string, // (optional) the location of the bibtext file so we can delete it after downloading it
- * }
- */
-exports.testSharePopup = function (sharePopupParams) {
-    describe("for share & citation dialog,", function () {
-
-        beforeAll(function (done) {
-            var shareButton = chaisePage.recordPage.getShareButton(),
-                shareModal = chaisePage.recordPage.getShareModal();
-
-            browser.wait(EC.elementToBeClickable(shareButton), browser.params.defaultTimeout).then(function () {
-                return shareButton.click();
-            }).then(function () {
-                // wait for dialog to open
-                return chaisePage.waitForElement(shareModal);
-            }).then(function () {
-                done();
-            }).catch(function(err){
-                console.log(err);
-                done.fail();
-            });
-        });
-
-        it("should show the share dialog when clicking the share button, and should have the expected elements", function (done) {
-            // verify modal dialog contents
-            var modalTitle = chaisePage.recordEditPage.getModalTitle();
-            chaisePage.waitForElement(modalTitle).then(function () {
-                return chaisePage.recordPage.waitForCitation();
-            }).then(function () {
-                // make sure the loader is not displayed
-                expect(modalTitle.getText()).toBe(sharePopupParams.title, "Share citation modal title is incorrect");
-
-                // share link
-                var num = 1;
-                if (sharePopupParams.citation) {
-                    // share link + citation + bibtext
-                    num = 3;
-                }
-                expect(chaisePage.recordPage.getModalListElements().count()).toBe(num, "Number of list elements in share citation modal is incorrect");
-                done();
-            }).catch(function(err){
-                console.log(err);
-                done.fail();
-            });
-        });
-
-        it("should have a share header present.", function (done) {
-            expect(chaisePage.recordPage.getShareLinkHeader().getText()).toBe("Share Link", "Share Link (permalink) header is incorrect");
-            done();
-        });
-
-
-        var testMessage = "should only have a permalink present (no versioned link).";
-        if (sharePopupParams.hasVersionedLink) {
-            testMessage = "should have a versioned link and permalink present."
-        }
-        it(testMessage, function (done) {
-            chaisePage.recordPage.getShareLinkSubHeaders().then(function (subheaders) {
-                expect(subheaders.length).toBe(sharePopupParams.hasVersionedLink ? 2 : 1, "version link state missmatch");
-
-                if (sharePopupParams.hasVersionedLink) {
-                    // just make sure the link is defined
-                    expect(subheaders[0].getText()).toContain("Versioned Link", "versioned link header is incorrect");
-
-                    // verify versioned link
-                    // NOTE this is conditional because in some cases the version link is not based on resolver and is not easy to test
-                    if (sharePopupParams.verifyVersionedLink) {
-                        expect(chaisePage.recordPage.getVersionedLinkElement().getText()).toContain(sharePopupParams.permalink, "versioned link url does not contain the permalink");
-                    }
-                }
-
-                // verify permalink
-                expect(subheaders[sharePopupParams.hasVersionedLink ? 1 : 0].getText()).toContain("Live Link", "versioned link header is incorrect");
-                expect(chaisePage.recordPage.getLiveLinkElement().getText()).toBe(sharePopupParams.permalink, "permalink url is incorrect");
-
-                done();
-            }).catch(function (err) {
-                done.fail(err);
-            })
-        });
-
-        var numCopyIcons = sharePopupParams.hasVersionedLink ? 2 : 1;
-        it("should have " + numCopyIcons + " copy to clipboard icons visible.", function (done) {
-            expect(element(by.css(".share-modal-links")).all(by.css(".chaise-copy-to-clipboard-btn")).count()).toBe(numCopyIcons, "wrong number of copy to clipboard icons");
-            done();
-        });
-
-        // NOTE: the copy buttons functionality isn't being tested because it seems really hacky to test this feature
-        xit("should have 2 copy to clipboard icons visible and verify they copy the content.", function () {
-            var copyIcons, copyInput;
-
-            element(by.css(".share-modal-links")).all(by.css(".chaise-copy-to-clipboard-btn")).then(function (icons) {
-                copyIcons = icons;
-
-                expect(icons.length).toBe(2, "wrong number of copy to clipboard icons");
-
-                // click icon to copy text
-                return copyIcons[0].click();
-            }).then(function () {
-                // creating a new input element
-                return browser.executeScript(function () {
-                    var el = document.createElement('input');
-                    el.setAttribute('id', 'test_copy_input');
-
-                    document.querySelector(".share-modal-links").appendChild(el);
-                });
-            }).then(function () {
-                // use the browser to send the keys "ctrl/cmd" + "v" to paste contents
-                copyInput = element(by.id("test_copy_input"));
-                copyInput.sendKeys(protractor.Key.chord(protractor.Key.SHIFT, protractor.Key.INSERT));
-
-                return chaisePage.recordPage.getVersionedLinkElement().getText();
-            }).then(function (versionedLink) {
-
-                // select the input and get it's "value" attribute to verify the pasted contents
-                expect(copyInput.getAttribute('value')).toBe(versionedLink, "copied text for versioned link is incorrect");
-            });
-        }).pend("Test case feels hacky to test a feature of the OS that can't be tested by just verifying the value was copied.");
-
-        if (sharePopupParams.citation) {
-            it("should have a citation present,", function (done) {
-                // verify citation
-                expect(chaisePage.recordPage.getCitationHeader().getText()).toBe("Data Citation", "Citation header is incorrect");
-                expect(chaisePage.recordPage.getCitationText().getText()).toBe(sharePopupParams.citation, "citation text is incorrect");
-
-                // verify download citation
-                expect(chaisePage.recordPage.getDownloadCitationHeader().getText()).toBe("Download Data Citation:", "Download citation header is incorrect");
-                expect(chaisePage.recordPage.getBibtex().getText()).toBe("BibTex", "bibtex text is incorrect");
-                done();
-            });
-        }
-
-        if (!process.env.CI && sharePopupParams.bibtextFile) {
-            it("should download the citation in BibTex format.", function (done) {
-                chaisePage.recordPage.getBibtex().click().then(function () {
-                    return browser.wait(function() {
-                        return fs.existsSync(process.env.PWD + "/test/e2e/" + sharePopupParams.bibtextFile);
-                    }, browser.params.defaultTimeout)
-                }).then(function () {
-                    done();
-                }, function () {
-                    expect(false).toBeTruthy(sharePopupParams.bibtextFile + " was not downloaded");
-                    done.fail();
-                });
-            });
-        }
-
-        afterAll(function (done){
-            // close dialog
-            chaisePage.recordsetPage.getModalCloseBtn().click().then(function () {
-                done();
-            }).catch(function(err){
-                console.log(err);
-                done.fail();
-            });
-        });
-    });
-};
-
-/**
- * required attributes:
- * name
- * schemaName
- * displayname
- * count
- * canEdit
- * canCreate
- * canDelete
- * optional attributes:
- * isAssociation
- * isMarkdown
- * isInline
- * isTableMode
- * viewMore:
- *  - name
- *  - displayname
- *  - filter
- * rowValues
- * rowViewPaths
- * markdownValue
- * page_size (default 25)
- *
- *
- * testAdd
- * testEdit
- * testDelete
- */
-// 4 describes & 21 its
-exports.testRelatedTable = function (params, pageReadyCondition) {
-    var currentEl, markdownToggleLink, toggled = false, noRows = false;
-    beforeAll(function(done) {
-        pageReadyCondition().then(function () {
-            currentEl = params.isInline ? chaisePage.recordPage.getEntityRelatedTable(params.displayname) : chaisePage.recordPage.getRelatedTableAccordion(params.displayname);
-
-            markdownToggleLink = chaisePage.recordPage.getToggleDisplayLink(params.displayname, params.isInline);
-            done();
-        }).catch(function(err) {
-            done.fail(err);
-        });
-    });
-
-    if (!params.isInline) {
-        it("title should be correct.", function (done) {
-            var titleEl = chaisePage.recordPage.getRelatedTableSectionHeaderDisplayname(params.displayname);
-            chaisePage.waitForElement(titleEl).then(function () {
-                expect(titleEl.getText()).toBe(params.displayname, "heading missmatch.");
-                done();
-            }).catch(function(err) {
-                done.fail(err);
-            });
-        });
-    }
-
-    if (params.inlineComment) {
-        it("comment should be displayed and correct", function (done) {
-            expect(chaisePage.recordPage.getRelatedTableInlineComment(params.displayname).getText()).toBe(params.comment, "inline comment is not correct");
-            done();
-        });
-    }
-
-    describe("regarding table level actions for table " + params.displayname + ", ", function () {
-
-        // Explore
-        describe("`Explore` button, ", function () {
-            var exploreBtn;
-            beforeAll(function (done) {
-                exploreBtn = chaisePage.recordPage.getMoreResultsLink(params.displayname, params.isInline);
-                browser.wait(EC.elementToBeClickable(exploreBtn), browser.params.defaultTimeout).then(function () {
-                    done()
-                }).catch(function(err) {
-                    done.fail(err);
-                });
-            });
-
-            it('should be displayed.', function (done) {
-                expect(exploreBtn.isDisplayed()).toBeTruthy("view more is not visible.");
-                done();
-            });
-
-            if (params.viewMore){
-                it ("should always go to recordset app with correct set of filters.", function (done) {
-                    exploreBtn.click().then(function () {
-                        return browser.driver.getCurrentUrl();
-                    }).then(function(url) {
-                        expect(url.indexOf('recordset')).toBeGreaterThan(-1, "didn't go to recordset app");
-                        return chaisePage.recordsetPageReady()
-                    }).then(function() {
-                        expect(chaisePage.recordsetPage.getPageTitleElement().getText()).toBe(params.viewMore.displayname, "title missmatch.");
-
-                        return browser.wait(function () {
-                            return chaisePage.recordsetPage.getFacetFilters().count().then(function(ct) {
-                                return ct == 1;
-                            });
-                        }, browser.params.defaultTimeout);
-                    }).then(function () {
-
-                        expect(chaisePage.recordsetPage.getFacetFilters().first().getText()).toEqual(params.viewMore.filter, "filter missmatch.");
-                        return browser.navigate().back()
-                    }).then(function () {
-                        return pageReadyCondition();
-                    }).then(function () {
-                        done();
-                    }).catch(function (err) {
-                        browser.navigate().back().then(function () {
-                            return pageReadyCondition();
-                        }).finally(function () {
-                            done.fail(err);
-                        });
-                    })
-                });
-            }
-        });
-
-        if (typeof params.canEdit === "boolean") {
-          if (params.canEdit) {
-            it ('`Bulk Edit` button should be visible with correct link', function () {
-              const btn = chaisePage.recordPage.getBulkEditLink(params.displayname, params.isInline);
-              expect(btn.isPresent()).toBeTruthy();
-
-              if (params.bulkEditLink) {
-                expect(btn.getAttribute('href')).toContain(params.bulkEditLink);
-              }
-            });
-          } else {
-            it ('`Bulk Edit` button should not be offered.', function () {
-              const btn = chaisePage.recordPage.getBulkEditLink(params.displayname, params.isInline);
-              expect(btn.isPresent()).not.toBeTruthy();
-            });
-          }
-        }
-
-        // Display Mode
-        describe("view mode and rows, ", function () {
-
-            if (params.isMarkdown || (params.isInline && !params.isTableMode)) {
-                it ("markdown container must be visible.", function (done) {
-                    chaisePage.waitForElement(chaisePage.recordPage.getValueMarkdownContainer(currentEl)).then(function () {
-                        expect(chaisePage.recordPage.getValueMarkdownContainer(currentEl).isDisplayed()).toBeTruthy("didn't have markdown");
-                        done();
-                    })
-
-                });
-
-                if (params.markdownValue) {
-                    it ("correct markdown values should be visible.", function (done) {
-                        expect(chaisePage.recordPage.getValueMarkdownContainer(currentEl).getAttribute('innerHTML')).toEqual(params.markdownValue);
-                        done();
-                    });
-                }
-
-                if (params.canEdit) {
-                    it ("`Edit mode` button should be visible to switch to tabular mode.", function () {
-                        // revert is `Display`
-                        expect(markdownToggleLink.isDisplayed()).toBeTruthy();
-                        expect(markdownToggleLink.getText()).toBe("Edit mode");
-                    });
-
-                    it ("`Edit mode` button should have the proper tooltip", function (done) {
-                        chaisePage.testTooltipWithDone(
-                            markdownToggleLink,
-                            `Display edit controls for ${params.displayname} records related to this ${params.baseTable}.`,
-                            done,
-                            'record'
-                        );
-                    });
-                } else {
-                    it ("`Table mode` button should be visible to switch to tabular mode.", function () {
-                        // revert is `Revert Display`
-                        expect(markdownToggleLink.isDisplayed()).toBeTruthy();
-                        expect(markdownToggleLink.getText()).toBe("Table mode");
-                    });
-
-                    it ("`Table mode` button should have the proper tooltip", function (done) {
-                        chaisePage.testTooltipWithDone(
-                            markdownToggleLink,
-                            `Display related ${params.displayname} in tabular mode.`,
-                            done,
-                            'record'
-                        );
-                    });
-                }
-
-                it ("clicking on the toggle should change the view to tabular.", function (done) {
-                    // .click will focus on the element and therefore shows the tooltip.
-                    // and that messes up other tooltip tests that we have
-                    chaisePage.clickButton(markdownToggleLink).then(function() {
-                        expect(markdownToggleLink.getText()).toBe("Custom mode", "after toggle button missmatch.");
-                        return chaisePage.testTooltipReturnPromise(markdownToggleLink, "Switch back to the custom display mode.", 'record');
-                    }).then(function() {
-                        //TODO make sure table is visible
-                        toggled = true;
-                        done();
-                    }).catch(function(error) {
-                        console.log(error);
-                        done.fail();
-                    });
-                });
-
-            } else {
-                it ("option for different display modes should not be presented to user.", function (done) {
-                    expect(markdownToggleLink.isPresent()).toBe(false);
-                    done();
-                });
-            }
-
-            if (params.rowValues) {
-                // since we toggled to row, the data should be available.
-                it ("rows of data should be correct and respect the given page_size.", function (done) {
-                    // wait for table to be visible before waiting for it's contents to load
-                    exploreBtn = chaisePage.recordPage.getMoreResultsLink(params.displayname, params.isInline);
-                    browser.wait(EC.elementToBeClickable(exploreBtn), browser.params.defaultTimeout).then(function () {
-                        // make sure the right # of rows are showing before verifying the contents
-                        return browser.wait(function() {
-                            return chaisePage.recordPage.getRelatedTableRows(params.displayname, params.isInline).count().then(function(ct) {
-                                return (ct == params.rowValues.length);
-                            });
-                        }, browser.params.defaultTimeout);
-                    }).then(function () {
-                        checkRelatedRowValues(params.displayname, params.isInline, params.rowValues, done);
-                    }).catch(function(error) {
-                        console.log(error);
-                        done.fail();
-                    });
-                });
-            }
-        });
-
-        if (typeof params.canCreate === "boolean") {
-            let addBtn;
-            it ("`Add` button should be " + (params.canCreate ? "visible." : "invisible."), function () {
-                addBtn = chaisePage.recordPage.getAddRecordLink(params.displayname, params.isInline);
-                expect(addBtn.isPresent()).toBe(params.canCreate);
-            });
-
-            if (!params.canCreate) return;
-
-            it ("`Add/Link` button should have the proper tooltip", function (done) {
-              let expected;
-              if (params.isAssociation) {
-                  expected = `Connect ${params.displayname} records to this ${params.baseTable}.`
-              } else {
-                  expected = `Create ${params.displayname} records for this ${params.baseTable}.`;
-              }
-              chaisePage.testTooltipWithDone(addBtn, expected, done, 'record');
-          });
-        }
-    });
-
-    // in our test cases we are changing the view to tabular
-    describe("regarding row level actions, ", function () {
-
-        if (params.rowViewPaths) {
-            it ("'View Details' button should have the correct link.", function (done) {
-                var tableName = (params.isAssociation ? params.relatedName : params.name);
-                params.rowViewPaths.forEach(function (row, index) {
-                    var expected = '/record/#' + browser.params.catalogId + "/" + params.schemaName + ":" + tableName + "/";
-                    var dataRow = chaisePage.getEntityRow(params.schemaName, tableName, row);
-                    expected += "RID=" + dataRow.RID;
-                    var btn = chaisePage.recordPage.getRelatedTableRowLink(params.displayname, index, params.isInline);
-                    expect(btn.getAttribute('href')).toContain(expected, "link missmatch for index=" + index);
-                });
-                done();
-            });
-        }
-
-        if (typeof params.canEdit === "boolean") {
-            if (!params.canEdit) {
-                it ("edit button should not be visible.", function (done) {
-                    expect(currentEl.all(by.css(".edit-action-button")).isPresent()).not.toBeTruthy();
-                    done();
-                });
-            } else if (params.rowViewPaths) {
-                // only testing the first link (it's a button not a link, so testing all of them would add a lot of test time)
-                it ("clicking on 'edit` button should open a tab to recordedit page.", function (done) {
-                    var btn = chaisePage.recordPage.getRelatedTableRowEdit(params.displayname, 0, params.isInline);
-
-                    expect(btn.isDisplayed()).toBeTruthy("edit button is missing.");
-                    chaisePage.clickButton(btn).then(function () {
-                        return browser.getAllWindowHandles();
-                    }).then(function(handles) {
-                        allWindows = handles;
-                        return browser.switchTo().window(allWindows[1]);
-                    }).then(function() {
-                        var tableName = (params.isAssociation ? params.relatedName : params.name);
-                        var result = '/recordedit/#' + browser.params.catalogId + "/" + params.schemaName + ":" + tableName;
-
-                        result += "/RID=" + chaisePage.getEntityRow(params.schemaName, tableName, params.rowViewPaths[0]).RID;
-
-                        expect(browser.driver.getCurrentUrl()).toContain(result, "expected link missmatch.");
-                        return browser.close()
-                    }).then(function () {
-                        return browser.switchTo().window(allWindows[0]);
-                    }).then(function (){
-                        done();
-                    }).catch(function (err) {
-                        console.log(err);
-                        done.fail();
-                    });
-                });
-            }
-        }
-
-        if (typeof params.canDelete === "boolean") {
-            describe("`Delete` or `Unlink` button, ", function () {
-                var deleteBtn;
-                beforeAll(function (done) {
-                    deleteBtn = chaisePage.recordPage.getRelatedTableRowDelete(params.displayname, 0, params.isInline);
-                    done();
-                })
-                if (params.canDelete) {
-                    it ('should be visible.', function (done) {
-                        expect(deleteBtn.isDisplayed()).toBeTruthy("delete button is missing.");
-                        done();
-                    });
-
-                    if (params.isAssociation) {
-                        // TODO this test case was very slow and sometimes it would just not work
-                        xit ("button tooltip should be `Unlink`.", function (done) {
-                            chaisePage.testTooltipWithDone(
-                                deleteBtn,
-                                `Disconnect ${params.displayname}: ${params.entityMarkdownName} from this ${params.baseTable}.`,
-                                done,
-                                'record'
-                            );
-                        });
-                    } else {
-                        // TODO this test case was very slow and sometimes it would just not work
-                        xit ("button tooltip be `Delete`.", function (done) {
-                            chaisePage.testTooltipWithDone(
-                                deleteBtn,
-                                'Delete',
-                                done,
-                                'record'
-                            );
-                        });
-                    }
-
-                    it ("it should update the table and title after confirmation.", function (done) {
-                        var currentCount, confirmButton;
-                        chaisePage.recordPage.getRelatedTableRows(params.displayname, params.isInline).count().then(function (count) {
-                            currentCount = count;
-                            return chaisePage.clickButton(deleteBtn);
-                        }).then(function () {
-                            confirmButton = chaisePage.recordPage.getConfirmDeleteButton();
-                            return browser.wait(EC.visibilityOf(confirmButton), browser.params.defaultTimeout);
-                        }).then(function () {
-                            return confirmButton.click();
-                        }).then(function () {
-
-                            // make sure the rows are updated
-                            return browser.wait(function() {
-                                return chaisePage.recordPage.getRelatedTableRows(params.displayname, params.isInline).count().then(function(ct) {
-                                    return (ct == currentCount-1);
-                                });
-                            }, browser.params.defaultTimeout);
-                        }).then(function () {
-                            return chaisePage.recordPage.getRelatedTableRows(params.displayname, params.isInline).count();
-                        }).then(function (count) {
-                            expect(count).toBe(currentCount-1, "count didn't change.");
-
-                            noRows = count == 0;
-                            done();
-                        }).catch(function (err) {
-                            console.log(err);
-                            done.fail();
-                        })
-                    });
-
-                } else {
-                    it ("should not be visible.", function (done) {
-                        expect(deleteBtn.isDisplayed()).toBe(false, "delete button was visible.");
-                        done();
-                    });
-                }
-            });
-        }
-    });
-
-    // if it was markdown, we are changing the view, change it back.
-    afterAll(function (done) {
-        if (toggled && !noRows) {
-            // .click will focus on the element and therefore shows the tooltip.
-            // and that messes up other tooltip tests that we have
-            chaisePage.clickButton(markdownToggleLink).then(function() {
-                done();
-            }).catch(function(error) {
-                console.log(error);
-                done.fail();
-            });
-        } else {
-            done();
-        }
-    });
-};
-
-/**
- * required attributes:
- *  - tableName
- *  - schemaName
- *  - relatedDisplayname
- *  - prefilledValues: {"col-displayname": "col-value", ..}
- *  - columnValue
- */
-
-exports.testAddRelatedTable = function (params, isInline, inputCallback) {
-    describe("Add feature, ", function () {
-        it ("clicking on `Add` button should open recordedit.", function (done) {
-            var addBtn = chaisePage.recordPage.getAddRecordLink(params.relatedDisplayname);
-            var recordeditUrl = browser.params.url + '/recordedit/#' + browser.params.catalogId + "/" + params.schemaName + ":" + params.tableName;
-
-            expect(addBtn.isDisplayed()).toBeTruthy("add button is not displayed");
-            // .click will focus on the element and therefore shows the tooltip.
-            // and that messes up other tooltip tests that we have
-            chaisePage.clickButton(addBtn).then(function () {
-                // This Add link opens in a new tab so we have to track the windows in the browser...
-                return browser.getAllWindowHandles();
-            }).then(function(handles) {
-                allWindows = handles;
-                // ... and switch to the new tab here...
-                return browser.switchTo().window(allWindows[1]);
-            }).then(function() {
-                return chaisePage.waitForElement(element(by.id('submit-record-button')));
-            }).then(function() {
-
-                return browser.wait(function () {
-                    return browser.driver.getCurrentUrl().then(function(url) {
-                        return url.startsWith(recordeditUrl);
-                    });
-                }, browser.params.defaultTimeout);
-            }).then(function () {
-                // ... and then get the url from this new tab...
-                return browser.driver.getCurrentUrl();
-            }).then(function(url) {
-                expect(url.indexOf('prefill=')).toBeGreaterThan(-1, "didn't have prefill");
-
-                var title = chaisePage.recordEditPage.getEntityTitleElement().getText();
-                expect(title).toBe('Create 1 ' + params.tableDisplayname + ' record', "recordedit title missmatch.");
-
-                done();
-            }).catch(function (err) {
-                console.log(err);
-                done.fail();
-            });
-        });
-
-        it ("the opened form should have the prefill value for foreignkey.", function (done) {
-            for (var column in params.prefilledValues) {
-                ((col) => {
-                    if (typeof params.prefilledValues[col] === 'object') {
-                        const colObj = params.prefilledValues[col];
-                        let input
-                        // disabled FK inputs are tested differently than disabled text inputs
-                        if (colObj.displayType === 'input') {
-                            input = chaisePage.recordEditPage.getInputForAColumn(col, 1);
-                            expect(input.getAttribute('value')).toBe(colObj.value, "value missmatch for " + col);
-                            expect(input.getAttribute('disabled')).toBe(colObj.value === "" ? null : 'true', "disabled missmatch for " + col);
-                        } else {
-                            input = chaisePage.recordEditPage.getForeignKeyInputDisplay(col, 1);
-                            expect(input.getText()).toBe(colObj.value, "value missmatch for " + col);
-
-                            input.getAttribute('class').then((classAttr) => {
-                                if (!colObj.isDisabled) {
-                                    expect(classAttr.indexOf('input-disabled')).toBe(-1, col + " was disabled.");
-                                } else {
-                                    expect(classAttr.indexOf('input-disabled')).toBeGreaterThan(-1, col + " was not disabled.");
-                                }
-                            });
-                        }
-
-                    } else {
-                        // NOTE/TODO: should probably be removed since all tests should be migrated to have an object
-                        const fkInput = chaisePage.recordEditPage.getForeignKeyInputDisplay(col, 1);
-                        expect(fkInput.getText()).toBe(params.prefilledValues[col], "value missmatch for " + col);
-
-                        fkInput.getAttribute('class').then((classAttr) => {
-                            if (params.prefilledValues[col] === "") {
-                                expect(classAttr.indexOf('input-disabled')).toBe(-1, col + " was disabled.");
-                            } else {
-                                expect(classAttr.indexOf('input-disabled')).toBeGreaterThan(-1, col + " was not disabled.");
-                            }
-                        });
-                    }
-                })(column);
-            }
-            done();
-        });
-
-        it ("submitting the form and coming back to record page should update the related table.", function (done) {
-            inputCallback().then(function () {
-                return chaisePage.recordEditPage.submitForm();
-            }).then(function() {
-                // wait until redirected to record page
-                return browser.wait(EC.presenceOf(element(by.className('record-container'))), browser.params.defaultTimeout);
-            }).then(function () {
-                return browser.close();
-            }).then(function () {
-                return browser.switchTo().window(allWindows[0]);
-            }).then(function () {
-                //TODO should remove this, but sometimes it's not working in test cases
-                return browser.driver.navigate().refresh();
-            }).then(function () {
-                // check for the updated value.
-                //there's no loading indocator, so we have to wait for count
-                return browser.wait(function () {
-                    return chaisePage.recordPage.getRelatedTableRows(params.relatedDisplayname, isInline).count().then(function (cnt) {
-                        return cnt === params.rowValuesAfter.length;
-                    }, function (err) {throw err;});
-                });
-            }).then(function () {
-                checkRelatedRowValues(params.relatedDisplayname, isInline, params.rowValuesAfter, done);
-            }).catch(function(error) {
-                console.log(error);
-                done.fail();
-            });
-        });
-    });
-};
-
-/**
- * - relatedDisplayname
- * - modalTitle
- * - totalCount
- * - existingCount
- * - disabledRows
- * - selectOptions
- */
-exports.testAddAssociationTable = function (params, isInline, pageReadyCondition) {
-    describe("Add feature, ", function () {
-        it ("clicking on `Link` button should open up a modal.", function (done) {
-            var addBtn = chaisePage.recordPage.getAddRecordLink(params.relatedDisplayname);
-            // .click will focus on the element and therefore shows the tooltip.
-            // and that messes up other tooltip tests that we have
-            chaisePage.clickButton(addBtn).then(function () {
-                return chaisePage.waitForElement(chaisePage.recordEditPage.getModalTitle());
-            }).then(function () {
-                return chaisePage.recordEditPage.getModalTitle().getText();
-            }).then(function (title) {
-                expect(title).toBe(params.modalTitle, "title missmatch.");
-
-                return browser.wait(function () {
-                    return chaisePage.recordsetPage.getModalRows().count().then(function (ct) {
-                        return (ct == params.totalCount);
-                    });
-                });
-            }).then(function () {
-                return chaisePage.recordsetPage.getModalRows().count();
-            }).then(function(ct){
-                expect(ct).toBe(params.totalCount, "association count missmatch.");
-
-                expect(chaisePage.recordsetPage.getModalRecordsetTotalCount().getText()).toBe("Displaying all\n" + params.totalCount +"\nof " + params.totalCount + " records", "association count display missmatch.");
-
-                // check the state of the facet panel
-                expect(chaisePage.recordPage.getModalSidePanel().isDisplayed()).toBeTruthy("Side panel is not visible on load");
-
-                done();
-            }).catch(function(error) {
-                console.log(error);
-                done.fail();
-            });
-        });
-
-        it ("current values must be disabled.", function (done) {
-            chaisePage.recordPage.getModalDisabledRows().then(function (disabledRows) {
-                expect(disabledRows.length).toBe(params.disabledRows.length, "disabled length missmatch.");
-
-                // go through the list and check their first column (which is the id)
-                disabledRows.forEach(function (r, index) {
-                    const el = r.element(by.css('td:not(.action-btns)'))
-                    expect(el.getText()).toMatch(params.disabledRows[index], "missmatch disabled row index=" + index);
-                });
-
-                done();
-            }).catch(function(error) {
-                console.log(error);
-                done.fail();
-            });
-        });
-
-        if (params.search) {
-            it ("should be able to search the displayed values.", function (done) {
-                var modal = chaisePage.searchPopup.getAddPureBinaryPopup();
-                var searchInp = chaisePage.recordsetPage.getMainSearchInput(modal),
-                    searchSubmitBtn = chaisePage.recordsetPage.getSearchSubmitButton(modal);
-                searchInp.sendKeys(params.search.term).then(function () {
-                    return searchSubmitBtn.click();
-                }).then(function () {
-
-                    // tests the count
-                    return browser.wait(function () {
-                        return chaisePage.recordsetPage.getModalRows().count().then(function (ct) {
-                            return (ct == params.search.afterSearchCount);
-                        });
-                    });
-                }).then(function () {
-                    return chaisePage.recordPage.getModalDisabledRows();
-                }).then(function (disabledRows) {
-                    // make sure disabled are correct after search
-                    expect(disabledRows.length).toBe(params.search.afterSearchDisabledRows.length, "disabled length missmatch.");
-
-                    // go through the list and check their first column (which is the id)
-                    disabledRows.forEach(function (r, index) {
-                        const el = r.element(by.css('td:not(.action-btns)'));
-                        expect(el.getText()).toMatch(params.disabledRows[index], "missmatch disabled row index=" + index);
-                    });
-
-                    // clear search
-                    return chaisePage.clickButton(chaisePage.recordsetPage.getSearchClearButton());
-                }).then(function () {
-                    // tests the count
-                    return browser.wait(function () {
-                        return chaisePage.recordsetPage.getModalRows().count().then(function (ct) {
-                            return (ct == params.totalCount);
-                        });
-                    });
-                }).then(function () {
-                    done();
-                }).catch(function(error) {
-                    console.log(error);
-                    done.fail();
-                });
-            });
-        }
-
-        it ("user should be able to select new values and submit.", function (done) {
-            var modal = chaisePage.searchPopup.getAddPureBinaryPopup();
-            var selectOption = (opIndex) => {
-              var inp = chaisePage.recordsetPage.getModalRecordsetTableOptionByIndex(modal, opIndex);
-              return chaisePage.clickButton(inp);
-            };
-            const promises = params.selectOptions.map((op) => selectOption(op));
-            Q.all(promises).then(function (){
-                expect(chaisePage.recordsetPage.getModalSubmit().getText()).toBe("Link", "Submit button text for add pure and binary popup is incorrect");
-
-                return chaisePage.clickButton(chaisePage.recordsetPage.getModalSubmit());
-            }).then(function () {
-                // TODO why is this needed?
-                return browser.wait(EC.presenceOf(element(by.id('page-title'))), browser.params.defaultTimeout);
-            }).then(function () {
-                return browser.wait(function () {
-                    return chaisePage.recordPage.getRelatedTableRows(params.relatedDisplayname, isInline).then(function (rows) {
-                        return (rows.length == params.existingCount + params.selectOptions.length);
-                    });
-                });
-            }).then(function () {
-                checkRelatedRowValues(params.relatedDisplayname, isInline, params.rowValuesAfter, done);
-
-                return chaisePage.recordPage.getRelatedTableRows(params.relatedDisplayname).count();
-            }).then(function (count){
-                expect(count).toBe(params.existingCount + params.selectOptions.length);
-                done();
-            }).catch(function(error) {
-                console.log(error);
-                done.fail();
-            });
-        });
-
-    });
-};
-
-exports.testBatchUnlinkAssociationTable = function (params, isInline, pageReadyCondition) {
-    describe("Batch Unlink feature, ", function () {
-        it ("clicking on `Unlink records` button should open up a modal.", function (done) {
-            var unlinkBtn = chaisePage.recordPage.getUnlinkRecordsLink(params.relatedDisplayname);
-            // .click will focus on the element and therefore shows the tooltip.
-            // and that messes up other tooltip tests that we have
-            chaisePage.clickButton(unlinkBtn).then(function () {
-                return chaisePage.waitForElement(chaisePage.recordEditPage.getModalTitle());
-            }).then(function () {
-                return chaisePage.recordEditPage.getModalTitle().getText();
-            }).then(function (title) {
-                expect(title).toBe(params.modalTitle, "title missmatch.");
-
-                return browser.wait(function () {
-                    return chaisePage.recordsetPage.getModalRows().count().then(function (ct) {
-                        return (ct == params.totalCount);
-                    });
-                });
-            }).then(function () {
-                return chaisePage.recordsetPage.getModalRows().count();
-            }).then(function(ct){
-                expect(ct).toBe(params.totalCount, "association count missmatch.");
-
-                var totalCountText = chaisePage.recordsetPage.getModalRecordsetTotalCount().getText();
-                expect(totalCountText).toBe("Displaying all\n" + params.totalCount +"\nof " + params.totalCount + " records", "association count display missmatch.");
-
-                // check the state of the facet panel
-                expect(chaisePage.recordPage.getModalSidePanel().isDisplayed()).toBeTruthy("Side panel is not visible on load");
-
-                done();
-            }).catch(function(error) {
-                console.log(error);
-                done.fail();
-            });
-        });
-
-        it ("user should be able to select values to unlink and submit.", function (done) {
-            var modalTitle, confirmUnlinkBtn, errorTitle, modalCloseBtn;
-            var modal = chaisePage.searchPopup.getUnlinkPureBinaryPopup();
-            // select rows 2 and 4, then remove them
-            var inp = chaisePage.recordsetPage.getModalRecordsetTableOptionByIndex(modal, 1);
-            chaisePage.clickButton(inp).then(function (){
-                var inp2 = chaisePage.recordsetPage.getModalRecordsetTableOptionByIndex(modal, 3);
-                return chaisePage.clickButton(inp2);
-            }).then(function (){
-                expect(chaisePage.recordsetPage.getModalSubmit().getText()).toBe("Unlink", "Unlink button text for add pure and binary popup is incorrect");
-
-                return chaisePage.clickButton(chaisePage.recordsetPage.getModalSubmit());
-            }).then(function () {
-                modalTitle = chaisePage.recordPage.getConfirmDeleteTitle();
-                return browser.wait(EC.visibilityOf(modalTitle), browser.params.defaultTimeout);
-            }).then(function () {
-                // expect modal to open
-                return modalTitle.getText();
-            }).then(function (text) {
-                expect(text).toBe("Confirm Unlink");
-
-                expect(chaisePage.recordPage.getConfirmDeleteModalText().getText()).toBe("Are you sure you want to unlink 2 records?");
-
-                confirmUnlinkBtn = chaisePage.recordPage.getConfirmDeleteButton();
-                return browser.wait(EC.elementToBeClickable(confirmUnlinkBtn), browser.params.defaultTimeout);
-            }).then(function () {
-                expect(confirmUnlinkBtn.getText()).toBe("Unlink");
-
-                return confirmUnlinkBtn.click();
-            }).then(function () {
-                var unlinkSummaryModal = element(by.css('.modal-error'));
-                chaisePage.waitForElement(unlinkSummaryModal);
-
-                errorTitle = chaisePage.errorModal.getTitle();
-                return browser.wait(EC.visibilityOf(errorTitle), browser.params.defaultTimeout);
-            }).then(function () {
-                return errorTitle.getText();
-            }).then(function (text) {
-                // check error popup
-                expect(text).toBe("Batch Unlink Summary", "The title of batch unlink summary popup is not correct");
-                expect(chaisePage.recordPage.getErrorModalText().getText()).toBe(params.postDeleteMessage, "The message in modal pop is not correct");
-
-                modalCloseBtn = chaisePage.errorModal.getCloseButton()
-                return browser.wait(EC.elementToBeClickable(modalCloseBtn), browser.params.defaultTimeout);
-            }).then(function () {
-                // click ok
-                return chaisePage.clickButton(modalCloseBtn);
-            }).then(function () {
-                // check modal has 3 rows
-                return browser.wait(function () {
-                    return chaisePage.recordsetPage.getModalRows().count().then(function (ct) {
-                        return (ct == params.countAfterUnlink);
-                    });
-                });
-            }).then(function () {
-                return chaisePage.recordsetPage.getModalRows().count();
-            }).then(function(ct){
-                expect(ct).toBe(params.countAfterUnlink, "association count missmatch after delete.");
-                // close modal and check UI after
-
-                return chaisePage.clickButton(chaisePage.recordsetPage.getModalCloseBtn());
-            }).then(function () {
-                // TODO why is this needed?
-                return browser.wait(EC.presenceOf(element(by.id('page-title'))), browser.params.defaultTimeout);
-            }).then(function () {
-                return browser.wait(function () {
-                    return chaisePage.recordPage.getRelatedTableRows(params.relatedDisplayname, isInline).then(function (rows) {
-                        return (rows.length == params.countAfterUnlink);
-                    });
-                });
-            }).then(function () {
-                checkRelatedRowValues(params.relatedDisplayname, isInline, params.rowValuesAfter, done);
-
-                return chaisePage.recordPage.getRelatedTableRows(params.relatedDisplayname).count();
-            }).then(function (count){
-                expect(count).toBe(params.countAfterUnlink);
-
-                done();
-            }).catch(function(error) {
-                console.log(error);
-                done.fail();
-            });
-        });
-    });
-};
-
-exports.testBatchUnlinkDynamicAclsAssociationTable = function (params, isInline, pageReadyCondition, postLoginCb) {
-    var restrictedUserId = process.env.RESTRICTED_AUTH_COOKIE_ID;
-    var aclConfig = {
-        "catalog": {
-            "id": params.catalogId,
-            "schemas" : {
-                "product-unordered-related-tables-links": {
-                    "tables" : {
-                        "accommodation": {
-                            "acls": {
-                                "select": [restrictedUserId]
-                            }
-                        },
-                        "related_table": {
-                            "acls": {
-                                "select": [restrictedUserId],
-                                "delete": [restrictedUserId]
-                            }
-                        },
-                        "association_table": {
-                            "acls": {
-                                "select": [restrictedUserId]
-                            },
-                            "acl_bindings": {
-                                "can_delete_row": {
-                                    "types": ["delete"],
-                                    "projection": [
-                                        {"filter": "id_related", "operand": 5}, "id_related" // "Space Heater"
-                                    ],
-                                    "projection_type": "nonnull"
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    var resetAclConfig = {
-        "catalog": {
-            "id": params.catalogId,
-            "schemas" : {
-                "product-unordered-related-tables-links": {
-                    "tables" : {
-                        "accommodation": {
-                            "acls": {
-                                "select": []
-                            }
-                        },
-                        "related_table": {
-                            "acls": {
-                                "select": [],
-                                "delete": []
-                            }
-                        },
-                        "association_table": {
-                            "acls": {
-                                "select": []
-                            }
-                        }
-                    }
-                }
-            }
-        }
-    }
-
-    describe("batch unlink with dynamic acls,", function () {
-        beforeAll(function (done) {
-            // set acls
-            pImport.importACLs(aclConfig).then(function () {
-                // make sure the restricted user is logged in
-                return chaisePage.performLogin(process.env.RESTRICTED_AUTH_COOKIE);
-            }).then(function() {
-                return postLoginCb();
-            }).then(function () {
-                done();
-            }).catch(function(err) {
-                console.log("error while trying to login as restricted user");
-                done.fail(err);
-            });
-        });
-
-        it("should fail to unlink rows that can't be unlinked with an error message in the batch remove summary", function (done) {
-            var modal, modalTitle, confirmUnlinkBtn, unlinkSummaryModal, errorTitle;
-            var unlinkBtn = chaisePage.recordPage.getUnlinkRecordsLink(params.relatedDisplayname);
-            browser.wait(EC.elementToBeClickable(unlinkBtn), browser.params.defaultTimeout).then(function () {
-                // .click will focus on the element and therefore shows the tooltip.
-                // and that messes up other tooltip tests that we have
-                return chaisePage.clickButton(unlinkBtn);
-            }).then(function () {
-                return chaisePage.waitForElement(chaisePage.recordEditPage.getModalTitle());
-            }).then(function () {
-                return chaisePage.recordEditPage.getModalTitle().getText();
-            }).then(function (title) {
-                expect(title).toBe(params.modalTitle, "title missmatch.");
-
-                return browser.wait(function () {
-                    return chaisePage.recordsetPage.getModalRows().count().then(function (ct) {
-                        return (ct == params.countAfterUnlink);
-                    });
-                });
-            }).then(function () {
-                return chaisePage.recordsetPage.getModalRows().count();
-            }).then(function(ct){
-                expect(ct).toBe(params.countAfterUnlink, "association count missmatch.");
-
-                var totalCountText = chaisePage.recordsetPage.getModalRecordsetTotalCount().getText();
-                expect(totalCountText).toBe("Displaying all\n" + params.countAfterUnlink +"\nof " + params.countAfterUnlink + " records", "association count display missmatch.");
-
-                modal = chaisePage.searchPopup.getUnlinkPureBinaryPopup();
-                // select "Television" (not deletable)
-                var inp = chaisePage.recordsetPage.getModalRecordsetTableOptionByIndex(modal, 0);
-                return chaisePage.clickButton(inp)
-            }).then(function (){
-                // select "Space Heater" (deletable)
-                var inp2 = chaisePage.recordsetPage.getModalRecordsetTableOptionByIndex(modal, 2);
-                return chaisePage.clickButton(inp2)
-            }).then(function (){
-                expect(chaisePage.recordsetPage.getModalSubmit().getText()).toBe("Unlink", "Unlink button text for add pure and binary popup is incorrect");
-
-                return chaisePage.clickButton(chaisePage.recordsetPage.getModalSubmit());
-            }).then(function () {
-                modalTitle = chaisePage.recordPage.getConfirmDeleteTitle();
-                return browser.wait(EC.visibilityOf(modalTitle), browser.params.defaultTimeout);
-            }).then(function () {
-                // expect modal to open
-                return modalTitle.getText();
-            }).then(function (text) {
-                expect(text).toBe("Confirm Unlink");
-                expect(chaisePage.recordPage.getConfirmDeleteModalText().getText()).toBe("Are you sure you want to unlink 2 records?");
-
-                confirmUnlinkBtn = chaisePage.recordPage.getConfirmDeleteButton();
-                return browser.wait(EC.elementToBeClickable(confirmUnlinkBtn), browser.params.defaultTimeout);
-            }).then(function () {
-                expect(confirmUnlinkBtn.getText()).toBe("Unlink");
-
-                return confirmUnlinkBtn.click();
-            }).then(function () {
-                unlinkSummaryModal = element(by.css('.modal-error'));
-                return chaisePage.waitForElement(unlinkSummaryModal);
-            }).then(function () {
-
-                errorTitle = chaisePage.errorModal.getTitle();
-                return browser.wait(EC.visibilityOf(errorTitle), browser.params.defaultTimeout);
-            }).then(function () {
-                return errorTitle.getText();
-            }).then(function (text) {
-                // check error popup
-                expect(text).toBe("Batch Unlink Summary", "The title of batch unlink summary popup is not correct");
-                expect(chaisePage.recordPage.getErrorModalText().getText()).toBe(params.failedPostDeleteMessage, "The message in modal pop is not correct");
-
-                // click ok
-                return chaisePage.clickButton(chaisePage.errorModal.getCloseButton());
-            }).then(function () {
-                // check modal has 2 rows
-                return browser.wait(function () {
-                    return chaisePage.recordsetPage.getModalRows().count().then(function (ct) {
-                        return (ct == params.countAfterUnlink);
-                    });
-                });
-            }).then(function () {
-                return chaisePage.recordsetPage.getModalRows().count();
-            }).then(function(ct){
-                expect(ct).toBe(params.countAfterUnlink, "association count missmatch after delete.");
-
-                done();
-            }).catch(function(error) {
-                console.log(error);
-                done.fail();
-            });
-        });
-
-        it("should have rows still selected after failed delete", function (done) {
-            expect(chaisePage.recordsetPage.getSelectedRowsFilters().count()).toBe(2);
-            done();
-        });
-
-        it("should deselect the 2nd row and resubmit delete", function (done) {
-            var modalTitle, confirmUnlinkBtn, unlinkSummaryModal, errorTitle;
-            var modal = chaisePage.searchPopup.getUnlinkPureBinaryPopup();
-            // deselect "Television"
-            var inp2 = chaisePage.recordsetPage.getModalRecordsetTableOptionByIndex(modal, 0);
-
-            chaisePage.clickButton(inp2).then(function () {
-                return browser.wait(function () {
-                    return chaisePage.recordsetPage.getSelectedRowsFilters().count().then(function (ct) {
-                        return (ct == 1);
-                    });
-                });
-            }).then(function () {
-                expect(chaisePage.recordsetPage.getModalSubmit().getText()).toBe("Unlink", "Unlink button text for add pure and binary popup is incorrect");
-
-                return chaisePage.clickButton(chaisePage.recordsetPage.getModalSubmit());
-            }).then(function () {
-                modalTitle = chaisePage.recordPage.getConfirmDeleteTitle();
-                return browser.wait(EC.visibilityOf(modalTitle), browser.params.defaultTimeout);
-            }).then(function () {
-                // expect modal to open
-                return modalTitle.getText();
-            }).then(function (text) {
-                expect(text).toBe("Confirm Unlink");
-                expect(chaisePage.recordPage.getConfirmDeleteModalText().getText()).toBe("Are you sure you want to unlink 1 record?");
-
-                confirmUnlinkBtn = chaisePage.recordPage.getConfirmDeleteButton();
-                return browser.wait(EC.elementToBeClickable(confirmUnlinkBtn), browser.params.defaultTimeout);
-            }).then(function () {
-                expect(confirmUnlinkBtn.getText()).toBe("Unlink");
-
-                return confirmUnlinkBtn.click();
-            }).then(function () {
-                unlinkSummaryModal = element(by.css('.modal-error'));
-                return chaisePage.waitForElement(unlinkSummaryModal);
-            }).then(function () {
-
-                errorTitle = chaisePage.errorModal.getTitle();
-                return browser.wait(EC.visibilityOf(errorTitle), browser.params.defaultTimeout);
-            }).then(function () {
-                return errorTitle.getText();
-            }).then(function (text) {
-                // check error popup
-                expect(text).toBe("Batch Unlink Summary", "The title of batch unlink summary popup is not correct");
-                expect(chaisePage.recordPage.getErrorModalText().getText()).toBe(params.aclPostDeleteMessage, "The message in modal pop is not correct");
-
-                // click ok
-                return chaisePage.clickButton(chaisePage.errorModal.getCloseButton());
-            }).then(function () {
-                // check modal has 1 row
-                return browser.wait(function () {
-                    return chaisePage.recordsetPage.getModalRows().count().then(function (ct) {
-                        return (ct == params.countAfterAclUnlink);
-                    });
-                });
-            }).then(function () {
-                return chaisePage.recordsetPage.getModalRows().count();
-            }).then(function(ct){
-                expect(ct).toBe(params.countAfterAclUnlink, "association count missmatch after delete.");
-
-                return chaisePage.clickButton(chaisePage.recordsetPage.getModalCloseBtn());
-            }).then(function () {
-                // TODO why is this needed?
-                return browser.wait(EC.presenceOf(element(by.id('page-title'))), browser.params.defaultTimeout);
-            }).then(function () {
-                return browser.wait(function () {
-                    return chaisePage.recordPage.getRelatedTableRows(params.relatedDisplayname, isInline).then(function (rows) {
-                        return (rows.length == params.countAfterAclUnlink);
-                    });
-                });
-            }).then(function () {
-                checkRelatedRowValues(params.relatedDisplayname, isInline, params.rowValuesAfterAclRemove, done);
-
-                return chaisePage.recordPage.getRelatedTableRows(params.relatedDisplayname).count();
-            }).then(function (count){
-                expect(count).toBe(params.countAfterAclUnlink);
-
-                done();
-            }).catch(function(error) {
-                console.log(error);
-                done.fail();
-            });
-        });
-
-        afterAll(function (done) {
-            // remove acls
-            pImport.importACLs(resetAclConfig).then(function () {
-                // login as the original user
-                return chaisePage.performLogin(process.env.AUTH_COOKIE);
-            }).then(function() {
-                return postLoginCb();
-            }).then(function () {
-                done();
-            }).catch(function(err) {
-                console.log("error while trying to login as normal user");
-                done.fail(err);
-            });
-        });
-    });
-}
-
-
-function checkRelatedRowValues(displayname, isInline, rowValues, done) {
-    chaisePage.recordPage.getRelatedTableRows(displayname, isInline).then(function (rows) {
-        expect(rows.length).toBe(rowValues.length, "rows length mismatch.");
-        if (rows.length === 0) {
-            done();
-        }
-        rows.forEach(function (row, index) {
-            row.all(by.tagName("td")).then(function (cells) {
-                expect(cells.length).toBe(rowValues[index].length + 1, "number of columns are not as expected.");
-                rowValues[index].forEach(function (expectedRow, columnIndex) {
-                    if (typeof expectedRow === "object" && expectedRow.url) {
-                        expect(cells[columnIndex+1].element(by.tagName("a")).getAttribute("href")).toContain(expectedRow.url, "link missmatch for row=" + index + ", columnIndex=" + columnIndex);
-                        expect(cells[columnIndex+1].element(by.tagName("a")).getText()).toBe(expectedRow.caption, "caption missmatch for row=" + index  + ", columnIndex=" + columnIndex);
-                    } else {
-                        expect(cells[columnIndex+1].getText()).toBe(expectedRow, "mismatch for row=" + index  + ", columnIndex=" + columnIndex);
-                    }
-                });
-                done();
-            }).catch(function (err) {
-                throw err;
-            });
-        });
-    }).catch(function(error) {
-        console.log(error);
-        done.fail();
-    });
-}
-
-/**
- * click on the given button to open the delete-confirm. make sure it looks good, and then confirm.
- * @param {ElementFinder} btn the delete btn
- * @param {string} confirmText the confirm text
- */
-exports.testDeleteConfirm = (btn, confirmText) => {
-  return new Promise ((resolve, reject) => {
-    browser.wait(EC.visibilityOf(btn), browser.params.defaultTimeout);
-
-    let modalTitle;
-    chaisePage.clickButton(btn).then(() => {
-      modalTitle = chaisePage.recordPage.getConfirmDeleteTitle();
-
-      return browser.wait(EC.visibilityOf(modalTitle), browser.params.defaultTimeout);
-    }).then(() => {
-      expect(modalTitle.getText()).toBe("Confirm Delete");
-
-      expect(chaisePage.recordPage.getConfirmDeleteText().getText()).toEqual(confirmText);
-
-      return chaisePage.clickButton(chaisePage.recordPage.getConfirmDeleteButton());
-    }).then(() => {
-      resolve();
-    }).catch(err => reject(err));
-  });
-}
diff --git a/test/e2e/utils/recordedit-helpers.js b/test/e2e/utils/recordedit-helpers.js
deleted file mode 100644
index 6a120098a..000000000
--- a/test/e2e/utils/recordedit-helpers.js
+++ /dev/null
@@ -1,2325 +0,0 @@
-var chaisePage = require('./chaise.page.js');
-const recordEditPage = chaisePage.recordEditPage;
-var moment = require('moment');
-var chance = require('chance').Chance();
-var exec = require('child_process').execSync;
-var EC = protractor.ExpectedConditions;
-
-/**
- * Test presentation, validation, and inputting a value for different column types in recordedit app.
- * NOTE: The title is assuming that this function is only called for create or single edit (not multi edit)
- * NOTE: tableParams structure:
- * It includes the following:
- *  schema_name
- *  table_name
- *  table_displayname
- *  primary_key: list of column names
- *  key (optional): it's used in edit mode for retrieving a record.
- *  sortColumns (optional): it's used in edit mode, if there are more than one result (only in this case it's required).
- *  columns:
- *      - it must include `name`, `title`, and `type`.
- *      - it can have `generated` (bool), `immutable` (bool), `nullok` (bool), `comment`.
- *      - if column is is a foreign key use `isForeignKey:true`, then you must provide the following:
- *          - `count`: number of fks available to select.
- *  values (optional): if you want to test the current value of inputs. (it must be a key-value of visible column title-values)
- *      - for timestamp/tz the value must be a moment object.
- *      - for date it must be in `YYYY-MM-DD` format.
- *      - for other columns the value must be a string.
- *  records: It must be a key-value of visible columnTitle-columnValue
- *      - for foreignkeys: it must include `index` (the index of forien key that you want to select) and `value` (the rowname of selected fk)
- *      - for timestamp/tz: it must be a moment object.
- *      - for date: it must be in `YYYY-MM-DD` format
- *      - for files: it must be the index of file that you want to select from provided `files`.
- *      - for other columns: it must be the url of that column.
- *  result_columns (optional) if you want to test the inputs. Array of strings.
- *  results (optional) if you want to test the inputs, it must be in the same order of expected values. It's an array and includes only value of cells.
- *  files (optional): if you want to test file upload. it's a list of objects with `name`, `size`, and `path`.
- *
- * @param  {Object}  tableParams take a look at the note above.
- * @param  {Boolean} isEditMode  true if in editmode, used for testing the title.
- */
-exports.testPresentationAndBasicValidation = function(tableParams, isEditMode) {
-    beforeAll(function () {
-        chaisePage.recordeditPageReady();
-    });
-
-    var visibleFields = [];
-
-    if (isEditMode) {
-        var pageTitle = "Edit " + tableParams.table_displayname + ": " + tableParams.record_displayname;
-        it("should have edit record title", function() {
-            var title = chaisePage.recordEditPage.getEntityTitleElement();
-            expect(title.getText()).toEqual(pageTitle, "Edit mode title is incorrect.");
-        });
-
-        it ("should have the correct head title using the heuristics for recordedit app in entry/edit mode", function (done) {
-            browser.executeScript("return chaiseConfig;").then(function(chaiseConfig) {
-                // Edit <table-name>: <row-name> | chaiseConfig.headTitle
-                // not using same value as above becuase of whitespace before the `:`
-                expect(browser.getTitle()).toBe(pageTitle + " | " + chaiseConfig.headTitle);
-
-                done();
-            }).catch(function (err) {
-                console.log(err);
-                done.fail();
-            });
-        });
-
-        it("should show reset button", function() {
-            expect(chaisePage.recordEditPage.getRecordeditResetButton().isDisplayed()).toBeTruthy("Rest recordedit forms is not visible in edit mode");
-        });
-
-    } else {
-        it("should have create record title", function() {
-            var pageTitleText = 'Create ' + tableParams.formsOnLoad + ' ' + tableParams.table_displayname + ' record';
-            expect(chaisePage.recordEditPage.getEntityTitleElement().getText()).toBe(pageTitleText, "Create mode title is incorrect.");
-        });
-
-        it ("should have the correct head title using the heuristics for recordedit app in entry/create mode", function (done) {
-            var headTitleText = 'Create new ' + tableParams.table_displayname;
-            browser.executeScript("return chaiseConfig;").then(function(chaiseConfig) {
-                expect(browser.getTitle()).toBe(headTitleText + " | " + chaiseConfig.headTitle);
-
-                done();
-            }).catch(function (err) {
-                console.log(err);
-                done.fail();
-            });
-        });
-
-        it("should allow to add new rows/columns", function() {
-            expect(chaisePage.recordEditPage.getCloneFormInputSubmitButton().isDisplayed()).toBeTruthy("Add x rows is not visible in create mode");
-        });
-    }
-
-    it ("should have the tablename in the title as a link.", function () {
-        var expectedLink = process.env.CHAISE_BASE_URL + "/recordset/#" +  browser.params.catalogId + "/" + tableParams.schema_name + ":" + tableParams.table_name;
-        expectedLink += "?pcid=";
-        var linkEl = chaisePage.recordEditPage.getEntityTitleLinkElement();
-
-        // because of pcid and ppid we cannot test the whole url
-        expect(linkEl.getAttribute("href")).toContain(expectedLink, "Title of result page doesn't have the expected link.");
-        chaisePage.testTooltipReturnPromise(linkEl, tableParams.table_comment, 'recordedit');
-    });
-
-    it("should have 'Save' text for the submit button", function () {
-        // test text for submit button
-        expect(element(by.id('submit-record-button')).getText()).toBe("Save", "save button text is wrong");
-    });
-
-    it("should render columns which are inside the visible columns annotation if defined; Default all are visible", function() {
-        var columns = tableParams.columns;
-        chaisePage.recordEditPage.getAllColumnNames().then(function(pageColumns) {
-            expect(pageColumns.length).toBe(columns.length, "number of visible columns is not what is expected.");
-            pageColumns.forEach(function(c) {
-                c.getAttribute('innerHTML').then(function(txt) {
-                    txt = txt.trim();
-                    var col = columns.find(function(cl) {
-                        return txt == cl.title;
-                    });
-                    expect(col).toBeDefined("column "+ txt + " should not be visible.");
-                    c.column = col;
-                    visibleFields.push(c);
-                });
-            });
-        });
-    });
-
-    it("should show line under columns which have a comment", function() {
-        var columns = tableParams.columns.filter(function(c) { if (c.comment) return true; });
-        chaisePage.recordEditPage.getColumnsWithUnderline().then(function(pageColumns) {
-            expect(pageColumns.length).toBe(columns.length);
-            pageColumns.forEach(function(c) {
-                c.getText().then(function(txt) {
-                    txt = txt.trim();
-                    var col = columns.find(function(cl) { return txt == cl.title });
-                    expect(txt).toBe(col ? col.title : " should not have underline");
-                    if (col) {
-                        chaisePage.testTooltipReturnPromise(c, col.comment, 'recordedit');
-                    }
-                });
-            });
-        });
-    });
-
-    it ("should properly show the inline comments for columns", (done) => {
-      const columns = tableParams.columns.filter(function(c) { if (c.inline_comment) return true; });
-      chaisePage.recordEditPage.getColumnInlineComments().getText().then((comments) => {
-        expect(comments.length).toBe(columns.length);
-        columns.forEach((c, index) => {
-          expect(comments[index]).toEqual(c.inline_comment, `missmatch for ${c.title}`);
-        });
-        done();
-      }).catch((chaisePage.catchTestError(done)));
-    });
-
-    it("should show red asterisk (*) before for fields which are required", function() {
-        var columns = tableParams.columns.filter(function(c) { if (c.nullok === false && !c.generated && !c.immutable) return true; });
-        columns.forEach(function(c) {
-            var el = visibleFields.find(function(v) { return v.column.name == c.name });
-            chaisePage.recordEditPage.getColumnWithAsterisk(el).getText().then((text) => {
-                expect(text).toBe('*');
-            });
-        });
-    });
-
-    var testMultipleRecords = function(recordIndex) {
-
-        // helper functions:
-        var filterColumns = function (filterFn) {
-            return tableParams.columns.filter(filterFn);
-        }
-
-        /**
-         * returns the record input for a column.
-         * if value is not defiend will return undefined, then we don't need to change the value.
-         *
-         * @param  {[type]} colName [description]
-         * @return {[type]}         [description]
-         */
-        var getRecordInput = function(colName, defaultValue) {
-            if (Array.isArray(tableParams.inputs) && tableParams.inputs.length > recordIndex && typeof tableParams.inputs[recordIndex][colName] !== undefined) {
-                return tableParams.inputs[recordIndex][colName];
-            }
-            return defaultValue;
-        }
-
-        var getRecordValue = function(colName) {
-            if (Array.isArray(tableParams.values) && tableParams.values.length > recordIndex && typeof tableParams.values[recordIndex][colName] !== undefined) {
-                return tableParams.values[recordIndex][colName];
-            }
-        }
-
-        var colError = function (colName, message) {
-            return "recordIndex=" + recordIndex + ", column=" + colName + ". " + message;
-        }
-
-        /**
-         * get the existing value of input, if it's in edit mode
-         * otherwise will return empty string.
-         */
-        var getExistingValue = function (colName, input) {
-            var defer = protractor.promise.defer();
-
-            if (tableParams.primary_keys.indexOf(colName) != -1) {
-                input.getAttribute("value").then(function(value) {
-                    defer.fulfill(value + "");
-                }).catch(function (err) {
-                    defer.reject(err);
-                })
-            } else {
-                defer.fulfill("");
-            }
-
-            return defer.promise;
-        }
-
-        /**
-         * clear input and then see if required message is displayed
-         */
-        var clearAndTestRequired = function (col, input) {
-            var defer = protractor.promise.defer();
-
-            chaisePage.recordEditPage.clearInput(input).then(function () {
-                if (col.nullok != false) {
-                    return defer.fulfill(), defer.promise;
-                }
-
-                chaisePage.recordEditPage.submitForm().then(function () {
-                    const errMessageSelector = chaisePage.recordEditPage.getInputErrorMessage(input);
-
-                    expect(errMessageSelector.isDisplayed()).toBeTruthy(colError(col, "Expected to show error."));
-
-                    return chaisePage.recordEditPage.getAlertErrorClose().click();
-                }).then(() => {
-                    return defer.fulfill(), defer.promise;
-                }).catch(function (err) {
-                    defer.reject(err);
-                });
-
-            }).catch(function (err) {
-                defer.reject(err);
-            });
-
-            return defer.promise;
-        }
-
-        // values
-        var title = (isEditMode ? "Editing " : "Adding") + " row with index=" + recordIndex;
-
-        var disabledCols = filterColumns(function(c) { if (c.generated || c.immutable) return true; });
-        var longTextCols = filterColumns(function(c) { if ((c.type === "longtext" ) && !c.isForeignKey) return true; });
-        var textCols = filterColumns(function(c) { if ((c.type === "shorttext" || c.type === "text") && !c.isForeignKey && !c.isFile) return true; });
-        var markdownCols = filterColumns(function(c) { if ((c.type === "markdown") && !c.isForeignKey) return true; });
-        var booleanCols =  filterColumns(function(c) { if (c.type === "boolean" && !c.isForeignKey) return true; });
-        var foreignKeyCols  = filterColumns(function(c) { if (c.isForeignKey) return true; });
-        var dateCols = filterColumns(function(c) { if (c.type == "date" && !c.isForeignKey) return true; });
-        var floatCols = filterColumns(function(c) { if ((c.type.startsWith('float') ||  c.type.startsWith('numeric')) && !c.isForeignKey) return true; });
-        var intCols = filterColumns(function(c) { if (c.type.startsWith("int") && !c.isForeignKey && !c.generated) return true; });
-        var timestampCols = filterColumns(function(c) { if (( c.type == "timestamptz" || c.type == "timestamp") && !c.isForeignKey ) return true; });;
-        var fileCols = filterColumns(function(c) { if (c.type == "text" && c.isFile && !c.isForeignKey) return true; });
-        var jsonCols = filterColumns(function(c) { if ((c.type === "json") && !c.isForeignKey) return true; });
-        var arrayCols = filterColumns(function(c) { if ((c.type === "array") && !c.isForeignKey) return true; });
-        var colorCols = filterColumns(function(c) { if ((c.type === "color")) return true; });
-
-
-        var JSONDataTypeFields = [],longTextDataTypeFields = [], textDataTypeFields = [], markdownDataTypeFields = [], arrayDataTypeFields = [],
-        booleanDataTypeFields = [], foreignKeyFields = [], datePickerFields = [], integerDataTypeFields = [], floatDataTypeFields = [], timeInputFields = [], colorDataTypeFields = [];
-
-        // test cases:
-        describe(title + ",",function() {
-            if (recordIndex > 0) {
-                it("should click add record button", function(done) {
-                    chaisePage.clickButton(chaisePage.recordEditPage.getCloneFormInputSubmitButton()).then(function(button) {
-                        return browser.wait(function() {
-                            return chaisePage.recordEditPage.getRecordeditForms().count().then(function(ct) {
-                                return (ct == recordIndex + 1);
-                            });
-                        }, browser.params.defaultTimeout);
-                    }).then(() => {
-                        done();
-                    }).catch(chaisePage.catchTestError(done));
-                });
-            };
-
-            if (disabledCols.length > 0) {
-                it("should show columns with generated or immutable annotations as disabled", function() {
-                    disabledCols.forEach(function(column) {
-                        if (column.type == 'timestamp' || column.type == 'timestamptz') {
-                            var timeInputs = chaisePage.recordEditPage.getTimestampInputsForAColumn(column.name, recordIndex+1);
-                            var dateInput = timeInputs.date, timeInput = timeInputs.time;
-                            expect(dateInput.isEnabled()).toBe(false, colError(column.name, "date input of generated timestamp column is enabled."));
-                            expect(timeInput.isEnabled()).toBe(false, colError(column.name, "time input of generated timestamp column is enabled."));
-                        } else {
-                            const inputSelector = chaisePage.recordEditPage.getInputForAColumn(column.name, recordIndex+1);
-
-                            expect(inputSelector.isEnabled()).toBe(false, colError(column.name, "input of generated column is enabled."));
-                            if (!tableParams.key) {
-                                expect(inputSelector.getAttribute('placeholder')).toBe('Automatically generated', colError(column.name, "placeholder of generated column is not correct."));
-                            }
-                        }
-                    });
-                });
-            }
-
-            if (arrayCols.length > 0) {
-                describe("Array fields, ", function () {
-
-                  it("should show ArrayField input with correct value.", async function () {
-                    for(let col of arrayCols){
-                        let recordVals = getRecordValue(col.name)
-
-                        if(!recordVals) continue;
-
-                        // Check if ArrayField is rendered correctly
-                        const arrayField = chaisePage.recordEditPage.getArrayFieldContainer(col.name, recordIndex+1, col.baseType);
-                        let arrayFieldVals = await arrayField.getArrayFieldValues();
-
-                        arrayField.click()
-                        expect(arrayField.isDisplayed()).toBeTruthy(colError(col.name, "element not visible"));
-
-                        const addNewValField = arrayField.getAddNewElementContainer()
-
-                        expect(addNewValField.isDisplayed()).toBeTruthy(colError(col.name, 'add new value field not visible'));
-
-                        expect(arrayFieldVals.length).toBe(recordVals.length, colError(col.name , "Doesn't have the expected values."))
-
-                        if(/timestamp|timestamptz/.test(col.baseType) ){
-
-                          for(let i = 0; i < recordVals.length; i++){
-                            let testDateValue = recordVals[i].slice(0, 10)
-                            let testTimeValue = recordVals[i].slice(11, 19)
-
-                            expect(testDateValue).toBe(arrayFieldVals[i][0])
-                            expect(testTimeValue).toBe(arrayFieldVals[i][1])
-                          }
-                        }else{
-
-                          for(let i = 0; i < recordVals.length; i++){
-                            expect(arrayFieldVals[i]).toBe(recordVals[i])
-                          }
-                        }
-                      }
-                  });
-
-                  // test the invalid values once
-                  if (recordIndex === 0) {
-                      let invalidArrayValues = {
-                          "time":
-                              {
-                                  "value": "200113",
-                                  "error": "Please enter a valid time value in 24-hr HH:MM:SS format."
-                              },
-                          "date":
-                              {
-                                  "value": "200113-01",
-                                  "error": "Please enter a valid date value in YYYY-MM-DD format."
-                              }
-                          ,
-                          "integer":
-                              {
-                                  "value": "1.23",
-                                  "error": "Please enter a valid integer value."
-                              }
-                          ,
-                          "number":
-                              {
-                                  "value": "1.1h",
-                                  "error": "Please enter a valid decimal value."
-                              }
-                          ,
-                          "boolean":
-                              {
-                                  "value": "true",
-                                  "error": "Please enter a valid array structure."
-                              }
-                          ,
-                          "text":
-                              {
-                                  "value": "\"test\"",
-                                  "error": "Please enter a valid array structure e.g. [\"value1\", \"value2\"]"
-                              }
-
-                      };
-
-                      let validArrayValues = {
-                        "time":  new Date().toString().split(' ')[4],
-                        "date":  new Date().toISOString().slice(0, 10),
-                        "integer":"235",
-                        "number":"1.2556",
-                        "text": "sample text"
-                      };
-
-                      it ("should validate invalid array input.", async function(){
-                        for(let col of arrayCols){
-
-                          if (col.skipValidation) continue;
-
-                          if (col.generated || col.immutable) continue;
-
-                          const arrayField = chaisePage.recordEditPage.getArrayFieldContainer(col.name, recordIndex + 1, col.baseType);
-
-                          const addNewValField = arrayField.getAddNewElementContainer()
-                          expect(addNewValField.isDisplayed()).toBeTruthy(colError(col.name, 'add new value field not visible'));
-
-                          // Ensure Add button is disbled when input has no/null value
-                          expect(arrayField.isAddButtonDisabled()).toBe(true);
-
-                          let errorElement,clearInput;
-                          switch (col.baseType) {
-                            case 'date':
-                            case 'integer':
-                            case 'number':
-                              let addNewValInput;
-                              addNewValInput = arrayField.getAddNewValueInputElement();
-                              clearInput = await arrayField.getClearInputButton()
-
-                              await addNewValInput.sendKeys(invalidArrayValues[col.baseType].value)
-
-                              errorElement = await arrayField.getErrorMessageElement()
-
-                              expect(errorElement.getText()).toBe(invalidArrayValues[col.baseType].error)
-
-                              // clear input after test
-                              await clearInput.click()
-
-
-                              break;
-                            case 'text':
-
-                              let addInput = await arrayField.getAddNewValueInputElement();
-
-                              if(col?.nullok === false){
-                                await addInput.sendKeys(validArrayValues[col.baseType])
-                                const addButton = await arrayField.getAddButton()
-                                await addButton.click();
-
-                                let deleteButton = await arrayField.getRemoveLastElementButton();
-
-
-                                await expect(deleteButton.isDisplayed()).toBeTruthy(colError(col.name, 'Adding sample value to array failed'));
-
-
-                                while(deleteButton !== null){
-                                  await deleteButton.click()
-                                  deleteButton = await arrayField.getRemoveLastElementButton();
-                                }
-
-                                let err = arrayField.getErrorMessageElement();
-                                expect(err.getText()).toBe("Please enter a value for this field.")
-
-                              }
-                            break;
-                            case 'timestamp':
-                            case 'timestamptz':
-                              let addNewValDateInput, addNewValTimeInput;
-
-                              [addNewValDateInput, addNewValTimeInput] = await arrayField.getAddNewValueInputElement()
-                              clearInput = await arrayField.getClearInputButton();
-
-                              // Input invalid Date
-                              await addNewValDateInput.sendKeys(protractor.Key.BACK_SPACE,"200113-01");
-
-                              errorElement = await arrayField.getErrorMessageElement()
-
-                              expect(errorElement.getText()).toBe(invalidArrayValues["date"].error)
-
-                              // Clear DateTime field Values
-                              await clearInput.click();
-
-                              // Input valid date and invalid time
-                              await addNewValDateInput.sendKeys(protractor.Key.BACK_SPACE,validArrayValues["date"]);
-                              await addNewValTimeInput.sendKeys("11111");
-
-                              errorElement = await arrayField.getErrorMessageElement()
-
-                              expect(errorElement.getText()).toBe(invalidArrayValues["time"].error)
-
-                              // Clear Input after test
-                              await clearInput.click()
-                              break;
-                          }
-
-                        }
-
-                      })
-                  }
-
-                  it ("should be able to set the correct value.", async function () {
-
-                    for(let col of arrayCols){
-                      if (col.generated || col.immutable) continue;
-
-                      const arrayField = chaisePage.recordEditPage.getArrayFieldContainer(col.name, recordIndex + 1, col.baseType);
-
-                      const addNewValField = arrayField.getAddNewElementContainer();
-                      expect(await addNewValField.isDisplayed()).toBeTruthy(colError(col.name, 'add new value field not visible'));
-                      const valuesToAdd = getRecordInput(col.name);
-                      if (valuesToAdd === null) continue;
-
-                      // make sure the input doesn't have any values before setting the new one
-                      const removeValBtn = arrayField.getRemoveButton();
-                      while (await removeValBtn.isPresent()) {
-                        await removeValBtn.click();
-                      }
-
-                      let addButton, errorElement;
-                      const addOrDiscardError = 'Click \'Add\' to include the value or clear the entry to discard.';
-
-                      switch (col.baseType) {
-                        case 'date':
-                        case 'integer':
-                        case 'number':
-                        case 'text':
-                          const addNewValInput = arrayField.getAddNewValueInputElement();
-
-                          for(let value of valuesToAdd){
-                            await addNewValInput.sendKeys(value);
-
-                            errorElement = await arrayField.getErrorMessageElement()
-                            await expect(errorElement.getText()).toBe(addOrDiscardError)
-                            addButton = await arrayField.getAddButton()
-                            await addButton.click();
-                          }
-
-                          const valuesRendered = await arrayField.getArrayFieldValues();
-                          expect(valuesRendered.length).toBe(valuesToAdd.length);
-                          for(let i = 0;i < valuesToAdd.length;i++){
-                            expect(valuesToAdd[i]).toBe(valuesRendered[i]);
-                          }
-
-                          break;
-                        case 'boolean':
-                            const addNewValueDropDown = await chaisePage.recordEditPage.getDropdownElementByName(`${col.name}-new-item`, recordIndex + 1);
-                            addButton = await arrayField.getAddButton();
-
-                            expect(addNewValueDropDown.isDisplayed()).toBeTruthy();
-
-                            for(let value of valuesToAdd){
-                              await chaisePage.recordEditPage.selectDropdownValue(addNewValueDropDown, value);
-                              errorElement = await arrayField.getErrorMessageElement()
-                              await expect(errorElement.getText()).toBe(addOrDiscardError)
-                              await addButton.click()
-                            }
-
-                            const boolsRendered = await arrayField.getArrayFieldValues();
-                            await expect(boolsRendered.length).toBe(valuesToAdd.length);
-                            for(let i = 0;i < valuesToAdd.length;i++){
-                              expect(valuesToAdd[i]).toBe(boolsRendered[i]);
-                            }
-                          break;
-                        case 'timestamp':
-                        case 'timestamptz':
-                          let addNewValDateInput, addNewValTimeInput;
-
-                          [addNewValDateInput, addNewValTimeInput] = arrayField.getAddNewValueInputElement();
-                          let clrBttn = await arrayField.getClearInputButton()
-
-                          for(let timeStamp of valuesToAdd){
-
-                            let dateValue = timeStamp.slice(0, 10)
-                            let timeValue = timeStamp.slice(11, 19)
-
-                            // Input Valid Date and Time
-                            await clrBttn.click()
-                            await addNewValDateInput.sendKeys(protractor.Key.BACK_SPACE,dateValue);
-                            await addNewValTimeInput.sendKeys(timeValue)
-
-                            addButton = arrayField.getAddButton();
-                            await addButton.click();
-                          }
-                          const timeStampsRendered = await arrayField.getArrayFieldValues()
-                          expect(timeStampsRendered.length).toBe(valuesToAdd.length);
-                          for(let i = 0;i < valuesToAdd.length;i++){
-                            let dateValue = valuesToAdd[i].slice(0, 10);
-                            let timeValue = valuesToAdd[i].slice(11, 19);
-                            expect(dateValue).toBe(timeStampsRendered[i][0]);
-                            expect(timeValue).toBe(timeStampsRendered[i][1]);
-                          }
-                          break;
-                      }
-                    }
-                  })
-                });
-            }
-
-            if (longTextCols.length > 0) {
-                describe("longText fields, ", function () {
-                    it("should show textarea input for longtext datatype and then set the value.", function() {
-                        longTextCols.forEach(function(c) {
-                            const txtArea = chaisePage.recordEditPage.getTextAreaForAColumn(c.name, recordIndex+1);
-                            expect(txtArea.isDisplayed()).toBeTruthy();
-                            longTextDataTypeFields.push(txtArea);
-
-                            var value = getRecordValue(c.name);
-                            if (value != undefined) {
-                                expect(txtArea.getAttribute('value')).toBe(value, colError(c.name , "Doesn't have the expected value."));
-                            }
-
-                            if (c.generated || c.immutable) return;
-
-                            chaisePage.recordEditPage.clearInput(txtArea);
-                            browser.sleep(10);
-
-                            txtArea.column = c;
-                            var text = getRecordInput(c.name, chance.paragraph());
-                            txtArea.sendKeys(text);
-
-                            expect(txtArea.getAttribute('value')).toEqual(text, colError(c.name, "Couldn't change the value."));
-                        });
-                    });
-                });
-            }
-
-            if (textCols.length > 0) {
-                describe("Text fields, ", function () {
-                    it("should show text input for text and set the value.", function() {
-                        textCols.forEach(function(c) {
-                            const txtInput = chaisePage.recordEditPage.getInputForAColumn(c.name, recordIndex+1)
-                            expect(txtInput.isDisplayed()).toBeTruthy();
-                            txtInput.column = c;
-
-                            textDataTypeFields.push(txtInput);
-
-                            var value = getRecordValue(c.name);
-                            if (value !== undefined) {
-                                expect(txtInput.getAttribute('value')).toBe(value, colError(c.name , "Doesn't have the expected value."));
-                            }
-
-                            if (c.generated || c.immutable) return;
-
-                            chaisePage.recordEditPage.clearInput(txtInput);
-                            browser.sleep(10);
-
-                            var text = getRecordInput(c.name, c.isUrl ? chance.url() : chance.sentence({ words: 5 }));
-                            txtInput.sendKeys(text);
-
-                            expect(txtInput.getAttribute('value')).toEqual(text, colError(c.name, "Couldn't change the value."));
-                        });
-                    });
-                });
-            }
-
-            if (jsonCols.length > 0) {
-                describe("JSON fields, ", function () {
-                    var JSONTestParams=[
-                        { stringVal:"{}" },
-                        { stringVal:"{\"name\":\"tester\"}" },
-                        { stringVal:"6534.9987" },
-                        { stringVal:"null" },
-                        { stringVal:"\"          \""}
-                    ];
-
-                    const invalidJSONTextParams = [
-                        { stringVal:"{" },
-                        { stringVal:"{name\":\"tester\"}" },
-                        { stringVal:"          "}
-                    ];
-
-                    it("should show textarea input for JSON datatype and then set the value", function() {
-                        jsonCols.forEach(function(c) {
-                            const jsonTxtArea = chaisePage.recordEditPage.getTextAreaForAColumn(c.name, recordIndex+1);
-                            expect(jsonTxtArea.isDisplayed()).toBeTruthy();
-                            jsonTxtArea.column = c;
-
-                            JSONDataTypeFields.push(jsonTxtArea);
-                            var value = getRecordValue(c.name);
-
-                            if (value != undefined) {
-                                expect(jsonTxtArea.getAttribute('value')).toBe(value, colError(c.name , "Doesn't have the expected value."));
-                            }
-                        });
-                    });
-
-                    it("should only allow valid JSON values", function(){
-                        jsonCols.forEach(function(c) {
-                            const jsonTxtArea = chaisePage.recordEditPage.getTextAreaForAColumn(c.name, recordIndex+1);
-                            for (i = 0; i < JSONTestParams.length; i++) {
-                                chaisePage.recordEditPage.clearInput(jsonTxtArea);
-                                (function(input){
-                                    c._value = input;
-                                    jsonTxtArea.sendKeys(input);
-
-                                    const errMessageSelector = chaisePage.recordEditPage.getJSONInputErrorMessage(jsonTxtArea, 'json');
-                                    // sleep for an error to "possibly show", it shouldn't
-                                    browser.sleep(20);
-                                    chaisePage.waitForElementInverse(errMessageSelector);
-
-                                    expect(true).toBeTruthy(colError(c.name , "Some Valid JSON Values were not accepted"));
-                                })(JSONTestParams[i].stringVal);
-                            }//for
-                        });
-                    });
-
-                    it('should NOT allow invalid JSON values', () => {
-                        jsonCols.forEach((c) => {
-                            const jsonTxtArea = chaisePage.recordEditPage.getTextAreaForAColumn(c.name, recordIndex+1);
-                            for (i = 0; i < invalidJSONTextParams.length; i++) {
-                                chaisePage.recordEditPage.clearInput(jsonTxtArea);
-                                ((input) => {
-                                    c._value = input;
-                                    jsonTxtArea.sendKeys(input);
-
-                                    const errMessageSelector = chaisePage.recordEditPage.getJSONInputErrorMessage(jsonTxtArea, 'json');
-                                    expect(errMessageSelector.getText()).toBe('Please enter a valid JSON value.', colError(c.name , 'Some Invalid JSON Values didn\'t show error'));
-                                })(invalidJSONTextParams[i].stringVal);
-                            }//for
-                        });
-                    });
-
-                    it("set the correct value.", function () {
-                        jsonCols.forEach(function(c) {
-                            const jsonTxtArea = chaisePage.recordEditPage.getTextAreaForAColumn(c.name, recordIndex+1);
-                            jsonTxtArea.clear();
-                            var input = getRecordInput(c.name, "");
-                            c._value = input;
-                            jsonTxtArea.sendKeys(input);
-                            expect(jsonTxtArea.getAttribute('value')).toEqual(input, colError(c.name, "Couldn't change the value."));
-                        });
-                    });
-                });
-            }
-
-            if (markdownCols.length > 0) {
-                describe("Markdown fields, ", function () {
-                    //test params for markdownPreview
-                    var markdownTestParams = [{
-                            "raw": "RBK Project ghriwvfw nwoeifwiw qb2372b wuefiquhf pahele kabhi na phelke kabhiy gqeequhwqh",
-                            "markdown": "<h3>RBK Project ghriwvfw nwoeifwiw qb2372b wuefiquhf pahele kabhi na phelke kabhiy gqeequhwqh</h3>\n",
-                            "title":"Heading"
-                        }, {
-                            "raw":"E15.5 embryonic kidneys for sections\n" +
-                                "- E18.5 embryonic kidneys for cDNA synthesis\n"+
-                                "- Sterile PBS\n" +
-                                "- QIAShredder columns (Qiagen, cat no. 79654)\n" +
-                                "- DEPC-Treated Water",
-                            "markdown":  "<ul>\n"+
-                                "<li>E15.5 embryonic kidneys for sections</li>\n" +
-                                "<li>E18.5 embryonic kidneys for cDNA synthesis</li>\n" +
-                                "<li>Sterile PBS</li>\n" +
-                                "<li>QIAShredder columns (Qiagen, cat no. 79654)</li>\n" +
-                                "<li>DEPC-Treated Water</li>\n" +
-                                "</ul>\n",
-                            "title":"Unordered List"
-                        }, {
-                            "raw": "This is bold text. nuf2uh3498hcuh23uhcu29hh  nfwnfi2nfn k2mr2ijri. Strikethrough wnnfw nwn wnf wu2h2h3hr2hrf13hu u 2u3h u1ru31r 1n3r uo13ru1ru",
-                            "markdown": "<p><strong>This is bold text. nuf2uh3498hcuh23uhcu29hh  nfwnfi2nfn k2mr2ijri. Strikethrough wnnfw nwn wnf wu2h2h3hr2hrf13hu u 2u3h u1ru31r 1n3r uo13ru1ru</strong></p>\n",
-                            "title":"Bold"
-                        }, {
-                            "raw":"This is italic text fcj2ij3ijjcn 2i3j2ijc3roi2joicj. Hum ja rahal chi gaam ta pher kail aaib. Khana kha ka aib rehal chi parson tak.",
-                            "markdown":"<p><em>This is italic text fcj2ij3ijjcn 2i3j2ijc3roi2joicj. Hum ja rahal chi gaam ta pher kail aaib. Khana kha ka aib rehal chi parson tak.</em></p>\n",
-                            "title":"Italic"
-                        }, {
-                            "raw":"~~Strikethrough wnnfw nwn wnf wu2h2h3hr2hrf13hu u 2u3h u1ru31r 1n3r uo13ru1ru~~",
-                            "markdown":"<p><s>Strikethrough wnnfw nwn wnf wu2h2h3hr2hrf13hu u 2u3h u1ru31r 1n3r uo13ru1ru</s></p>\n",
-                            "title":" "
-                        }, {
-                            "raw": "X^2^+Y^2^+Z^2^=0",
-                            "markdown": "<p>X<sup>2</sup>+Y<sup>2</sup>+Z<sup>2</sup>=0</p>\n",
-                            "title":" "
-                        }, {
-                            "raw": "[[RID]]",
-                            "markdown": '<p><a href="/id/RID">RID</a></p>\n',
-                            "title":" "
-                        }
-                    ];
-
-                    it('should have the correct value.', function () {
-                        markdownCols.forEach(function(c) {
-                            var inp = chaisePage.recordEditPage.getTextAreaForAColumn(c.name, recordIndex+1);
-                            if (inp.isPresent()) {
-                                inp.column = c;
-
-                                markdownDataTypeFields.push(inp);
-
-                                var value = getRecordValue(c.name);
-                                if (value !== undefined) {
-                                    expect(inp.getAttribute('value')).toBe(value, colError(c.name , "Doesn't have the expected value."));
-                                }
-
-                            } else {
-                                expect(undefined).toBeDefined(colError(c.name, "Couldn't find the input field (type: longtext)."));
-                            }
-                        });
-                    });
-
-                    it('should render correct markdown with inline preview and full preview button.', function() {
-                        //Both preview is being tested.
-                        markdownCols.forEach(function(descCol) {
-                            var markdownField = chaisePage.recordEditPage.getTextAreaForAColumn(descCol.name, recordIndex+1);
-                            // lgt and markdown have these input controls, select all draws an extra for each
-                            // we want the 3rd one (aka index 2 of 0-3 within that record/form column)
-
-                            const btnIndex = recordIndex;
-                            var PrevBtn = element.all(by.css('button[title="Preview"]')).get(btnIndex);       //test inline preview
-                            var modalPrevBtn = element.all(by.css('button[title="Fullscreen Preview"]')).get(btnIndex);       //test modal preview
-                            for (i = 0; i < markdownTestParams.length; i++) {
-                                chaisePage.recordEditPage.clearInput(markdownField);
-                                (function(input, markdownOut, title, btnIdx) {
-                                    //If title defined found for markdown elements then send click command.
-                                    if(title !=' ') {
-                                        let v = "button[title='"+title+"']";
-                                        element.all(by.css(v)).get(btnIdx).click();
-                                    }
-                                    markdownField.sendKeys(input);
-                                    modalPrevBtn.click();
-                                    let mdDiv = element(by.css('.chaise-preview-markdown .markdown-container'));
-                                    browser.wait(EC.presenceOf(mdDiv), browser.params.defaultTimeout);
-                                    expect(mdDiv.getAttribute('innerHTML')).toBe(markdownOut, colError(descCol.name, "Error during markdown preview generation"));
-                                    browser.wait(EC.elementToBeClickable(element(by.className('modal-close'))), browser.params.defaultTimeout);
-                                    element(by.className('modal-close')).click();
-                                    browser.wait(EC.elementToBeClickable(PrevBtn), browser.params.defaultTimeout);
-                                    PrevBtn.click();        //generate preview
-                                    let mdPrevDiv = element(by.css('.md-preview .markdown-container'));
-                                    browser.wait(EC.presenceOf(mdPrevDiv), browser.params.defaultTimeout);
-                                    expect(mdPrevDiv.getAttribute('innerHTML')).toBe(markdownOut,colError(descCol.name, "Error during markdown preview generation"));
-                                    PrevBtn.click();        //editing mode
-                                })(markdownTestParams[i].raw, markdownTestParams[i].markdown, markdownTestParams[i].title, btnIndex);
-                            } //for
-                        })
-                    });
-
-                    it('should be able to change the value.', function () {
-                        markdownDataTypeFields.forEach(function(markdownField) {
-                            chaisePage.recordEditPage.clearInput(markdownField);
-                            browser.sleep(10);
-
-                            var input = getRecordInput(markdownField.column.name, "");
-                            markdownField.sendKeys(input);
-
-                            expect(markdownField.getAttribute('value')).toEqual(input, colError(markdownField.column.name, "Couldn't change the value."));
-                        });
-                    });
-                });
-            }
-
-            if (booleanCols.length > 0) {
-                describe("Boolean fields,", function() {
-                    /**
-                     * contains objects in the form of:
-                     * {
-                     *  column:         the column object from the params object
-                     *  columnTitle:    the column title element
-                     *  dropdownInput:       the dropdown element
-                     * }
-                     */
-                     // /*
-                    var dropdowns = [];
-
-                    beforeAll(function() {
-                        // gets all columns on page and cross references their inner html value with
-                        // the column names in booleanCols to create new column set to test with
-                        // TODO: add ID to column title TD in the RE form and select boolean columns based on the id list
-                        chaisePage.recordEditPage.getAllColumnNames().then(function(nameElements) {
-                            nameElements.forEach(function(nameEl) {
-                                nameEl.getAttribute('innerHTML').then(function(txt) {
-                                    txt = txt.trim();
-                                    var col = booleanCols.find(function(cl) { return txt == cl.title });
-                                    if (col) {
-                                        var columnObj = {
-                                            column: col,
-                                            columnTitle: nameEl
-                                        }
-                                        dropdowns.push(columnObj);
-                                    }
-                                });
-                            });
-                        });
-                    });
-
-                    it("should show a dropdown", function() {
-                        dropdowns.forEach(function(dropdown) {
-                            const el = chaisePage.recordEditPage.getDropdownElementByName(dropdown.column.name, recordIndex+1);
-
-                            expect(el.isDisplayed()).toBeTruthy();
-
-                            var value = getRecordValue(dropdown.column.name);
-                            if (value != undefined) {
-                                expect(chaisePage.recordEditPage.getDropdownText(el).getText()).toBe(value.length == 0 ? 'Select a value' : (value + ""), colError(dropdown.column.name, "Doesn't have the expected value."));
-                            }
-
-                            dropdown.dropdownInput = el;
-                        });
-                    });
-
-                    it("should render options for a boolean field", () => {
-                        dropdowns.forEach((dropdown) => {
-                            // open the dropdown
-                            dropdown.dropdownInput.click().then(() => {
-                                const optionsContainer = chaisePage.recordEditPage.getOpenDropdownOptionsContainer();
-                                return chaisePage.waitForElement(optionsContainer);
-                            }).then(() => {
-                                return chaisePage.recordEditPage.getDropdownOptions();
-                            }).then((items) => {
-                                expect(items.length).toBe(2, colError(dropdown.column.name, "Number of available options is not as expected."));
-
-                                // close the dropdown before next test
-                                return dropdown.dropdownInput.click();
-                            }).then(() => {
-                                // do nothing, done() here if we use it
-                            }).catch((error) => {
-                                console.dir(error);
-                                expect('Something went wrong in this promise chain').toBe('Please see error message.', colError(dropdown.column.name, "While counting the values in the dropdown."));
-                            });
-                        });
-                    });
-
-                    it("should select an option (true, false)", function() {
-                        dropdowns.forEach(function(dropdown) {
-
-                            if (isEditMode && (dropdown.column.generated || dropdown.column.immutable)) return;
-
-                            var value = getRecordInput(dropdown.column.name, chance.bool());
-
-                            chaisePage.recordEditPage.selectDropdownValue(dropdown.dropdownInput, value).then(function(option) {
-                                expect(chaisePage.recordEditPage.getDropdownText(dropdown.dropdownInput).getText()).toBe(value + "", colError(dropdown.column.name, "Couldn't select a value."));
-                            }).catch(function (error) {
-                                console.dir(error);
-                                expect('Something went wrong in this promise chain').toBe('Please see error message.', colError(dropdown.column.name, "While selecting the boolean value from dropdown."));
-                            });
-                        });
-                    });
-                });
-            }
-
-            if (foreignKeyCols.length > 0) {
-                describe("Foreign key fields,", function() {
-
-                    it('should show an uneditable field for each foreign key column', function() {
-                        var expectedNumOfPopupFields = foreignKeyCols.length * recordIndex+1;
-                        var popupFields = element.all(by.css('.popup-select-value'));
-                        expect(popupFields.count()).toBe(expectedNumOfPopupFields, "number of foreignkeys is not as expected.");
-                        // Ensure each field is an uneditable div element (not an input)
-                        popupFields.map(function(field) {
-                            expect(field.getTagName()).toBe('span', "field is not a span.");
-                            expect(field.getAttribute('contenteditable')).toBe('false', "field is not uneditable.");
-                        });
-                    });
-
-                    it('should have correct values.', function () {
-                        foreignKeyCols.forEach(function (fkCol) {
-                            if (fkCol.value === undefined) return;
-
-                            var input = chaisePage.recordEditPage.getForeignKeyInputDisplay(fkCol.title, (recordIndex+1));
-
-                            expect(input.getText()).toEqual(getRecordValue(fkCol.name));
-                        });
-                    });
-
-                    if (isEditMode) {
-                        it("clicking the 'x' should remove the value in the foreign key field.", function () {
-                            var foreignKeyInput = chaisePage.recordEditPage.getForeignKeyInputDisplay(foreignKeyCols[0].title, recordIndex+1);
-                            // the first foreignkey input for editing should be pre-filled
-                            expect(foreignKeyInput.getText()).toBeDefined();
-                            foreignKeyInput.element(by.className('remove-input-btn')).click().then(() => {
-                                // value is empty string after removing it
-                                expect(foreignKeyInput.getText()).toBe('Select a value');
-                            });
-                        });
-
-                        it("clicking 'x' in the modal should close it without returning a value.", function () {
-                            var modalClose = chaisePage.recordEditPage.getModalCloseBtn(),
-                            EC = protractor.ExpectedConditions;
-
-                            chaisePage.recordEditPage.getModalPopupBtns().then(function(popupBtns) {
-                                return chaisePage.clickButton(popupBtns[0]);
-                            }).then(function() {
-                                // wait for the modal to open
-                                browser.wait(EC.visibilityOf(modalClose), browser.params.defaultTimeout);
-                                return modalClose.click();
-                            }).then(function() {
-                                var foreignKeyInput = chaisePage.recordEditPage.getForeignKeyInputDisplay(foreignKeyCols[0].title, recordIndex+1);
-                                expect(foreignKeyInput.getText()).toBe('Select a value');
-                            });
-                        });
-                    }
-
-                    it("should open a modal search and select a foreign key value.", function () {
-                        chaisePage.recordEditPage.getModalPopupBtns().then(function(popupBtns) {
-                            var EC = protractor.ExpectedConditions;
-
-                            // plus an extra foreignKeyCols.length because there is 1 select all input per foreign key column
-                            expect(popupBtns.length).toBe(foreignKeyCols.length * (recordIndex+1), "number of foreign keys is not as expected.");
-
-                            for (var i=0; i<foreignKeyCols.length; i++) {
-                                (function(idx) {
-                                    var col = foreignKeyCols[idx];
-                                    var modalTitle;
-
-                                    // this will have the index and the presentational value
-                                    var fkSelectedValue = getRecordInput(col.name);
-
-                                    var rows, searchBox;
-                                    browser.sleep(100);
-                                    chaisePage.clickButton(popupBtns[(foreignKeyCols.length * recordIndex) + idx]).then(function() {
-                                        modalTitle = chaisePage.recordEditPage.getModalTitle();
-                                        // wait for the modal to open
-                                        browser.wait(EC.visibilityOf(modalTitle), browser.params.defaultTimeout);
-                                        // Expect search box to have focus
-                                        searchBox = chaisePage.recordsetPage.getMainSearchInput();
-                                        browser.wait(EC.visibilityOf(searchBox), browser.params.defaultTimeout);
-
-                                        return browser.wait(function() {
-                                            var searchBoxId, activeElement;
-                                            return searchBox.getAttribute('id').then(function(id) {
-                                                searchBoxId = id;
-                                                return browser.driver.switchTo().activeElement().getAttribute('id').then(function(activeId) {
-                                                    activeElement = activeId;
-                                                    return activeId == searchBoxId;
-                                                });
-                                            });
-                                        }, browser.params.defaultTimeout);
-                                    }).then(function() {
-                                        expect(searchBox.getAttribute('id')).toEqual(browser.driver.switchTo().activeElement().getAttribute('id'), colError(col.name, "when opened the modal selector, focus was not on search input."));
-
-                                        return modalTitle.getText();
-                                    }).then(function(text) {
-                                        var expectedTitle = "Select " + col.title + " for ";
-                                        if (isEditMode) {
-                                            expectedTitle += tableParams.table_displayname + ": " + tableParams.record_displayname;
-                                        } else {
-                                            expectedTitle += "new " + tableParams.table_displayname;
-                                        }
-
-                                        // make sure modal opened
-                                        expect(text).toEqual(expectedTitle, colError(col.name, "foreign key modal selector title is not what was expected."));
-
-                                        browser.wait(function () {
-                                            return chaisePage.recordsetPage.getRows().count().then(function (ct) {
-                                                return (ct > 0);
-                                            });
-                                        });
-                                        rows = chaisePage.recordsetPage.getRows();
-                                        // count is needed for clicking a random row
-                                        return rows.count();
-                                    }).then(function(ct) {
-                                        expect(ct).toBe(col.count, colError(col.name, "number of foreign key rows are not as expected."));
-
-                                        var displayingText = "Displaying all\n" + col.count + "\nof " + col.totalCount + " records";
-                                            displayingTextError = "The total count display in the foreign key popup is incorrect";
-
-
-                                        expect(chaisePage.recordsetPage.getTotalCount().getText()).toBe(displayingText, displayingTextError);
-
-                                        return rows.all(by.css(".select-action-button"));
-                                    }).then(function(selectButtons) {
-                                        expect(selectButtons.length).toBe(col.count, 'number of select action buttons not as expected.');
-
-                                        return selectButtons[fkSelectedValue.index].click();
-                                    }).then(function() {
-                                        browser.wait(EC.visibilityOf(chaisePage.recordEditPage.getEntityTitleElement()), browser.params.defaultTimeout);
-
-                                        var foreignKeyInputDisplay = chaisePage.recordEditPage.getForeignKeyInputDisplay(col.title, recordIndex+1);
-                                        // might still show the old value, wait for input display to have expected value
-                                        expect(foreignKeyInputDisplay.getText()).toEqual(fkSelectedValue.value, colError(col.name, "Didn't select the expected foreign key."));
-
-                                        // Open the same modal again to make sure search box is autofocused again
-                                        return chaisePage.clickButton(popupBtns[idx]);
-                                    }).then(function() {
-                                        // Wait for the modal to open
-                                        browser.wait(EC.visibilityOf(modalTitle), browser.params.defaultTimeout);
-                                        // Expect search box to have focus.
-                                        var searchBox = chaisePage.recordsetPage.getMainSearchInput();
-                                        browser.wait(function() {
-                                            var searchBoxId, activeElement;
-                                            return searchBox.getAttribute('id').then(function(id) {
-                                                searchBoxId = id;
-                                                return browser.driver.switchTo().activeElement().getAttribute('id');
-                                            }).then(function(activeId) {
-                                                activeElement = activeId;
-                                                return activeId == searchBoxId;
-                                            });
-                                        }, browser.params.defaultTimeout).then(function() {
-                                            expect(searchBox.getAttribute('id')).toEqual(browser.driver.switchTo().activeElement().getAttribute('id'), "when opened the modal selector for the second time, focus was not on search input.");
-                                        });
-                                        // Close the modal
-                                        chaisePage.recordEditPage.getModalCloseBtn().click();
-                                    }).catch(function(e) {
-                                        console.dir(e);
-                                        expect('Something went wrong in this promise chain').toBe('Please see error message.', colError(col.name, "While selecting the foreignkey value."));
-                                    });
-                                })(i);
-                            }
-                        });
-
-                    });
-                });
-            }
-
-            if (dateCols.length > 0) {
-                describe("Date fields,", function() {
-                    it('should show input fields and validate for date columns', function() {
-                        dateCols.forEach(function(column) {
-                            const dateInputObj = chaisePage.recordEditPage.getDateInputsForAColumn(column.name, recordIndex+1);
-
-                            dateInputObj.column = column;
-
-                            datePickerFields.push(dateInputObj);
-
-                            var dateInput = dateInputObj.date;
-
-                            var value = getRecordValue(column.name);
-                            if (value != undefined) {
-                                expect(dateInput.getAttribute('value')).toBe(value, colError(column.name, "doesn't have the expected value."));
-                            }
-
-                            if (column.generated || column.immutable) return;
-
-                            const error = chaisePage.recordEditPage.getErrorMessageForAColumn(column.name, recordIndex+1);
-
-                            chaisePage.recordEditPage.clearInput(dateInput);
-                            browser.sleep(10);
-
-                            // testing partial input
-                            dateInput.sendKeys('1234-1');
-                            chaisePage.waitForElement(error);
-                            expect(error.getText()).toBe('Please enter a valid date value in YYYY-MM-DD format.');
-
-                            chaisePage.recordEditPage.clearInput(dateInput);
-                            browser.sleep(10);
-
-                            // send a proper value and see if the error clears up or not.
-                            dateInput.sendKeys('2016-01-01');
-                            expect(dateInput.getAttribute('value')).toEqual('2016-01-01', colError(column.name, "value didn't change."));
-                            expect(error.isPresent()).toBeFalsy();
-                        });
-                    });
-
-                    it('\"Today\" button should enter the current date into the input', function() {
-                      var today = moment().format('YYYY-MM-DD');
-                      datePickerFields.forEach(function(dp) {
-
-                          if (dp.column.generated || dp.column.immutable) return;
-
-                          dp.todayBtn.click();
-                          expect(dp.date.getAttribute('value')).toEqual(today, colError(dp.column.name, "selected date is not correct."));
-                      });
-                  });
-
-                    it('\"Clear\" button clear the date input respectively', function() {
-                        datePickerFields.forEach(function(dp) {
-
-                            if (dp.column.generated || dp.column.immutable) return;
-
-                            chaisePage.recordEditPage.getInputRemoveButton(dp.column.name, recordIndex+1).click().then(function () {
-                                expect(dp.date.getAttribute('value')).toBeFalsy(colError(dp.column.name, "Couldn't clear the input."));
-                            });
-                        });
-                    });
-
-                    // this should be the last test case
-                    it('should select a valid value.', function () {
-                        datePickerFields.forEach(function(dp) {
-                            var column = dp.column, inp = dp.date;
-                            if (column.generated || column.immutable) return;
-
-                            chaisePage.recordEditPage.clearInput(inp);
-                            browser.sleep(10);
-
-                            const value = getRecordInput(column.name, '2016-01-01');
-
-                            inp.sendKeys(value);
-                            expect(inp.getAttribute('value')).toEqual(value, colError(column.name, "value didn't change."));
-                        });
-                    });
-                });
-            }
-
-            if (timestampCols.length > 0) {
-                describe("Timestamp fields,", function() {
-                    it('should have 3 inputs with validation for each timestamp column', function() {
-                        timestampCols.forEach(function(column) {
-                            var timestampInputs = chaisePage.recordEditPage.getTimestampInputsForAColumn(column.name, recordIndex+1);
-                            var dateInput = timestampInputs.date,
-                                timeInput = timestampInputs.time;
-
-                            expect(dateInput).toBeDefined(colError(column.name, "Date input is not defined."));
-                            expect(timeInput).toBeDefined(colError(column.name, "Time input is not defined."));
-
-                            // NOTE: value is a moment object
-                            var value = getRecordValue(column.name);
-                            if (value != undefined) {
-                                dateInput.getAttribute('value').then(function(dateVal) {
-                                    // Check date input
-                                    expect(dateVal).toEqual(value.format("YYYY-MM-DD"), colError(column.name, "column date is not as expected."));
-                                    return timeInput.getAttribute('value');
-                                }).then(function(timeVal) {
-                                    // Check time input value is within an interval
-                                    let momentTime = moment(timeVal, "hh:mm:ss").format("hh:mm:ssA")
-                                    expect(momentTime).toEqual(value.format("hh:mm:ssA"), colError(column.name, "column time is not as expected."));
-                                }).catch(function(error) {
-                                    console.log(error);
-                                });
-                            }
-
-                            if (column.generated || column.immutable) return;
-
-                            const error = chaisePage.recordEditPage.getErrorMessageForAColumn(column.name, recordIndex+1);
-                            const timeErrorMessage = 'Please enter a valid time value in 24-hr HH:MM:SS format.';
-                            const dateErrorMessage = 'Please enter a valid date value in YYYY-MM-DD format.';
-
-                            // the test cases below are only checking time, so we should first add a proper date.
-                            dateInput.clear();
-                            dateInput.sendKeys('2016-01-01');
-
-                            // If user enters an invalid time an error msg should appear
-                            timeInput.clear();
-                            timeInput.sendKeys('24:12:00'); // this is invalid because we're only accepting 24-hr time formats from 0-23
-                            chaisePage.waitForElement(error);
-                            expect(error.getText()).toBe(timeErrorMessage);
-
-                            // If user enters a valid time, then error msg should disappear
-                            timeInput.clear();
-                            timeInput.sendKeys('12:00:00');
-                            expect(error.isPresent()).toBeFalsy();
-
-                            timeInput.clear();
-                            // users can enter 1 digit in any place
-                            timeInput.sendKeys('2:00:00');
-                            expect(error.isPresent()).toBeFalsy();
-
-                            timeInput.clear();
-                            // users can enter just the hours
-                            timeInput.sendKeys('08');
-                            expect(error.isPresent()).toBeFalsy();
-
-                            timeInput.clear();
-                            // users can enter less than the full string
-                            timeInput.sendKeys('2:10');
-                            expect(error.isPresent()).toBeFalsy();
-
-                            timeInput.clear();
-                            // users can enter time in 24 hr format
-                            timeInput.sendKeys('20:00:00');
-                            expect(error.isPresent()).toBeFalsy();
-
-                            timeInput.clear();
-                            // users can enter 0 for the time
-                            timeInput.sendKeys('00:00:00');
-                            expect(error.isPresent()).toBeFalsy();
-
-                            // Invalid date + good time = error
-                            // If user enters a valid time but no date, an error msg should appear
-                            dateInput.clear();
-                            timeInput.clear();
-                            timeInput.sendKeys('12:00:00');
-                            chaisePage.waitForElement(error);
-                            expect(error.getText()).toBe(dateErrorMessage);
-
-                            // Good date + good time = no error
-                            // Now, if user enters a valid date, then no error message should appear
-                            dateInput.sendKeys('2016-01-01');
-                            expect(error.isPresent()).toBeFalsy();
-
-                            // Good date + null time = no error
-                            timeInput.clear();
-                            expect(error.isPresent()).toBeFalsy();
-
-                            timeInputFields.push({
-                                column: column,
-                                date: timestampInputs.date,
-                                time: timestampInputs.time,
-                                nowBtn: timestampInputs.nowBtn,
-                                clearBtn: timestampInputs.clearBtn,
-                            });
-                        });
-                    });
-
-                    it('should clear the input after clicking the "Clear" button', function() {
-                        timeInputFields.forEach(function(obj) {
-                            if (obj.column.generated || obj.column.immutable) return;
-
-                            obj.clearBtn.click();
-                            expect(obj.date.getAttribute('value')).toBeFalsy();
-                            expect(obj.time.getAttribute('value')).toBeFalsy();
-                        });
-                    });
-
-                    it('should have the current time after clicking the "Now" button', function() {
-                        timeInputFields.forEach(function(obj) {
-
-                            if (obj.column.generated || obj.column.immutable) return;
-
-                            var UIdate, date = moment().format('YYYY-MM-DD');
-                            var UItime, time = moment().format('x'); // in milliseconds
-                            var timeDelta = 60 * 1000; // 1 minute, in milliseconds
-                            var startTime = time - timeDelta, endTime = time + timeDelta;
-
-                            obj.nowBtn.click();
-                            obj.date.getAttribute('value').then(function(dateVal) {
-                                // Check date input
-                                UIdate = dateVal;
-                                expect(dateVal).toEqual(date);
-                                return obj.time.getAttribute('value');
-                            }).then(function(timeVal) {
-                                // Check time input value is within an interval
-                                UItime = timeVal;
-                                var UItimestamp = moment(UIdate + UItime, 'YYYY-MM-DDhh:mm').format('x'); // in milliseconds
-                                expect(startTime < UItimestamp < endTime).toBeTruthy();
-                            }).catch(function(error) {
-                                console.log(error);
-                            });
-                        });
-                    });
-
-                    it('should select a valid value.', function () {
-                        timeInputFields.forEach(function(obj) {
-
-                            if (obj.column.generated || obj.column.immutable) return;
-
-                            var value = getRecordInput(obj.column.name, moment());
-
-                            // first clear both inputs
-                            obj.date.clear();
-                            // NOTE using a simple obj.time.clear(); wasn't working. not sure why.
-                            chaisePage.recordEditPage.clearInput(obj.time);
-                            browser.sleep(10);
-
-                            // select the date
-                            obj.date.sendKeys(value.format('YYYY-MM-DD'));
-                            expect(obj.date.getAttribute('value')).toEqual(value.format("YYYY-MM-DD"), colError(obj.column.name, "column date didn't change."));
-
-                            // select the time
-                            const storedValue = value.format("hh:mm:ss");
-                            obj.time.sendKeys(storedValue);
-                            expect(obj.time.getAttribute('value')).toEqual(storedValue, colError(obj.column.name, "column time didn't change."));
-                        });
-                    });
-
-                });
-            }
-
-            if (intCols.length > 0) {
-                describe("Integer fields,", function() {
-                    it("should render input type as number with integer attribute", function() {
-                        intCols.forEach(function(column) {
-                            const intInput = chaisePage.recordEditPage.getInputForAColumn(column.name, recordIndex+1)
-                            expect(intInput.isDisplayed()).toBeTruthy();
-
-                            intInput.column = column;
-                            integerDataTypeFields.push(intInput);
-
-                            var value = getRecordValue(column.name);
-                            if (value != undefined) {
-                                expect(intInput.getAttribute('value')).toBe(value, colError(column.name , "Doesn't have the expected value."));
-                            }
-                        });
-                    });
-
-                    it("should validate required and invalid text input", function() {
-                        integerDataTypeFields.forEach(function(intInput) {
-                            var c = intInput.column;
-
-                            if (c.skipValidation) return;
-
-                            if (c.generated || c.immutable) return;
-
-                            var prevValue = "";
-
-                            // Clear value if it is in edit mode
-                            if (tableParams.primary_keys.indexOf(c.name) != -1) {
-                                intInput.getAttribute("value").then(function(value) {
-                                    prevValue = value + "";
-                                });
-                            }
-                            chaisePage.recordEditPage.clearInput(intInput);
-
-                            const errMessageSelector = chaisePage.recordEditPage.getInputErrorMessage(intInput);
-                            if (c.nullok == false && !c.generated && !c.immutable) {
-                                chaisePage.recordEditPage.submitForm();
-                                expect(errMessageSelector.isDisplayed()).toBeTruthy(colError(c, "Expected to show error."));
-                                chaisePage.recordEditPage.getAlertErrorClose().click();
-                            }
-
-                            // Invalid text value
-                            var text = "1j2yu", actualValue = "12";
-                            intInput.sendKeys(text);
-                            expect(intInput.getAttribute('value')).toBe(text);
-
-
-                            // Required Error message should disappear and show integer error
-                            expect(errMessageSelector.isDisplayed()).toBeTruthy(colError(c, "Expected to show the integer error message on changing the value."));
-                            expect(errMessageSelector.getText()).toBe('Please enter a valid integer value.', colError(c, 'Wrong error message text displayed'));
-
-                            // Clear value
-                            chaisePage.recordEditPage.clearInput(intInput);
-                            expect(intInput.getAttribute('value')).toBe("");
-
-                            //Restore the value to the original one
-                            if (tableParams.primary_keys.indexOf(c.name) != -1) {
-                                intInput.sendKeys(prevValue);
-                            }
-
-                        });
-                    });
-
-                    it("should validate int8(-9223372036854776000 < value < 9223372036854776000), int4(-2147483648 < value < 2147483647) and int2(-32768 < value < 32767) with range values", function() {
-                        integerDataTypeFields.forEach(function(intInput) {
-                            var c = intInput.column;
-
-                            if (c.skipValidation) return;
-
-                            if (c.generated || c.immutable) return;
-
-                            var min = -9223372036854776000, max = 9223372036854776000, invalidMaxNo = "2343243243242414423243242353253253253252352", invalidMinNo = "-2343243243242414423243242353253253253252352";
-                            if (c.type == 'int2') {
-                                min = -32768, max = 32767, invalidMaxNo = "8375832757832", invalidMinNo = "-237587565";
-                            } else if (c.type == 'int4') {
-                                min = -2147483648, max = 2147483647, invalidMaxNo = "3827374576453", invalidMinNo = "-326745374576375";
-                            }
-
-                            var validNo = chaisePage.recordEditPage.getRandomInt(min, max) + "", invalidMaxNo = "2343243243242414423243242353253253253252352", invalidMinNo = "-2343243243242414423243242353253253253252352";
-
-                            // Store original value to reset it for avoiding any conflicts or referece issues due to unique or foreign key issue
-                            if (tableParams.primary_keys.indexOf(c.name) != -1) {
-                                intInput.getAttribute("value").then(function(value) {
-                                    validNo = value + "";
-                                });
-                            }
-
-                            // Clear value if it is in edit mode
-                            chaisePage.recordEditPage.clearInput(intInput);
-
-                            // Check for invalid maximum number
-                            intInput.sendKeys(invalidMaxNo);
-                            const errMessageSelector = chaisePage.recordEditPage.getInputErrorMessage(intInput);
-                            expect(errMessageSelector.isDisplayed()).toBeTruthy(colError(c.name ,"Expected to show error when using maximum number."));
-
-                            // Clear value
-                            chaisePage.recordEditPage.clearInput(intInput);
-                            expect(intInput.getAttribute('value')).toBe("");
-
-                            // Check for invalid minimum number
-                            intInput.sendKeys(invalidMinNo);
-
-                            expect(errMessageSelector.isDisplayed()).toBeTruthy(colError(c.name ,"Expected to show error when using minimum number."));
-
-                            // Clear value
-                            chaisePage.recordEditPage.clearInput(intInput);
-                            expect(intInput.getAttribute('value')).toBe("");
-
-                            // Check for a valid number
-                            intInput.sendKeys(validNo);
-                            expect(intInput.getAttribute('value')).toBe(validNo);
-                        });
-                    });
-
-                    it("should input the given values.", function () {
-                        integerDataTypeFields.forEach(function(intInput) {
-                            var c = intInput.column;
-
-                            if (c.generated || c.immutable) return;
-
-                            chaisePage.recordEditPage.clearInput(intInput);
-                            browser.sleep(10);
-
-                            var text = getRecordInput(c.name, chaisePage.recordEditPage.getRandomInt(1, 100));
-                            intInput.sendKeys(text);
-
-                            expect(intInput.getAttribute('value')).toEqual(text, colError(c.name, "Couldn't change the value."));
-                        });
-                    });
-
-                });
-            }
-
-            if (floatCols.length > 0) {
-                describe("Float fields,", function() {
-                    var numDone = 0, isDone = function (done) {
-                        numDone++;
-                        if (numDone === floatCols.length) {
-                            done();
-                        }
-                    }
-
-                    it("should render input type as number with float attribute", function(done) {
-                        floatCols.forEach(function(column) {
-                            const floatInput = chaisePage.recordEditPage.getInputForAColumn(column.name, recordIndex+1)
-                            expect(floatInput.isDisplayed()).toBeTruthy();
-
-                            floatInput.column = column;
-                            floatDataTypeFields.push(floatInput);
-
-                            var value = getRecordValue(column.name);
-                            if (value != undefined) {
-                                expect(floatInput.getAttribute('value')).toBe(value, colError(column.name, "Didn't have the expected value."));
-                            }
-                            isDone(done);
-                        });
-                    });
-
-                    it("should validate invalid float input", function(done) {
-                        // NOTE: something is happening in the execution of this `it` that cause a terminal error to be thrown
-                        // writing this as chained promises might fix the issue
-                        numDone = 0;
-                        floatDataTypeFields.forEach(function(floatInput) {
-                            var c = floatInput.column;
-
-                            if (c.skipValidation || c.generated || c.immutable) {
-                                isDone(done); return;
-                            }
-
-                            var validNo = chaisePage.recordEditPage.getRandomArbitrary() + "",
-                                invalidValue = "1j2yu.5", usedValue = "12.5";
-
-                            const errMessageselector = chaisePage.recordEditPage.getInputErrorMessage(floatInput);
-                            getExistingValue(c.name, floatInput).then(function (val) {
-                                validNo = val + "";
-
-                                // NOTE: using react might have fixed these tests
-                                // -------------------------------------------- //
-                                // TODO the terminal happens after the sendKeys
-                                // function when there's no sleep or pause in between the following
-
-                                //test required
-                                return clearAndTestRequired(c, floatInput);
-                            }).then(function () {
-
-                                // should mask the value and use the valid one:
-                                return floatInput.sendKeys(invalidValue);
-                            }).then (function () {
-
-                                // the error throws before this
-                                // -------------------------------------------- //
-
-                                // float error should show up
-                                expect(errMessageselector.isDisplayed()).toBeTruthy(colError(c, "Expected to show the float error message on changing the value."));
-
-                                // Clear value
-                                return chaisePage.recordEditPage.clearInput(floatInput);
-                            }).then (function () {
-                                expect(floatInput.getAttribute('value')).toBe("", colError(c.name, "Expected to not clear the input."));
-
-                                //Restore the value to the original one or a valid input
-                                return floatInput.sendKeys(validNo);
-                            }).then (function () {
-                                expect(floatInput.getAttribute('value')).toBe(validNo, colError(c.name, "Couldn't change the value."));
-
-                                isDone(done);
-                            }).catch(chaisePage.catchTestError(done));
-                        });
-                    });
-
-                    it("should input the given values.", function (done) {
-                        numDone = 0;
-                        floatDataTypeFields.forEach(function(inp) {
-                            var c = inp.column;
-
-                            if (c.generated || c.immutable) {
-                                isDone(done); return;
-                            }
-
-                            var text = getRecordInput(c.name, "1.1");
-                            chaisePage.recordEditPage.clearInput(inp).then(function () {
-                                return inp.sendKeys(text);
-                            }).then(function () {
-                                expect(inp.getAttribute('value')).toEqual(text, colError(c.name, "Couldn't change the value."));
-                                isDone(done);
-                            }).catch(chaisePage.catchTestError(done));
-                        });
-                    });
-                });
-            }
-
-            if (colorCols.length > 0) {
-                describe("Color fields", function () {
-                    var numDone = 0, isDone = function (done) {
-                        numDone++;
-
-                        if (numDone === colorCols.length) {
-                            done();
-                        }
-                    }
-
-                    it ("should render color input and show the color.", function (done) {
-                        colorCols.forEach(function (column) {
-                            const colorInput = chaisePage.recordEditPage.getColorInputForAColumn(column.name, recordIndex+1)
-                            expect(colorInput.isDisplayed()).toBeTruthy(colError(column.name, "Wasn't displayed."));
-
-                            colorInput.column = column;
-                            colorDataTypeFields.push(colorInput);
-
-                            var value = getRecordValue(column.name);
-                            if (value != undefined) {
-                                // make sure the displayed value is correct
-                                expect(colorInput.getAttribute('value')).toBe(value, colError(column.name , "Doesn't have the expected value."));
-
-                                // make sure the background color is correct
-                                expect(chaisePage.recordEditPage.getColorInputBackground(column.name, recordIndex+1)).toEqual(value, colError(column.name , "Doesn't have the expected background."));
-                            }
-
-                            isDone(done);
-                        });
-                    });
-
-                    it ("should validate required and invalid color input.", function (done) {
-                        numDone = 0;
-                        colorDataTypeFields.forEach(function(colorInput) {
-                            var c = colorInput.column;
-
-                            if (c.skipValidation || c.generated || c.immutable) {
-                                isDone(done);
-                                return;
-                            }
-
-                            // NOTE: use valid color values that produce an invalid color option
-                            var prevValue, invalidValue = "de";
-
-                            const errMessageSelector = chaisePage.recordEditPage.getInputErrorMessage(colorInput);
-                            // c.nullok === false;
-                            getExistingValue(c.name, colorInput).then(function (val) {
-                                prevValue = val;
-
-                                // no value yet
-                                if (!isEditMode && (recordIndex + 1) === 1) return true
-
-                                // use remove button to clear the value
-                                return chaisePage.recordEditPage.getInputRemoveButton(c.name, recordIndex+1).click();
-                            }).then(function () {
-                                // the input won't validate until we change focus
-                                return chaisePage.recordEditPage.getRequiredInfoEl().click();
-                            }).then(function () {
-                                return colorInput.sendKeys(invalidValue);
-                            }).then(function () {
-                                // the input won't validate until we change focus
-                                return chaisePage.recordEditPage.getRequiredInfoEl().click();
-                            }).then(function () {
-                                // I had to turn this from a simple get attribute to wait
-                                // since it was throwing a terminal error
-                                return browser.wait(function () {
-                                    return colorInput.getAttribute('value').then(function (val) {
-                                        return val === '#';
-                                    });
-                                });
-                            }).then(() => {
-                                //Restore the value to the original one
-                                if (tableParams.primary_keys.indexOf(c.name) != -1) {
-                                    colorInput.sendKeys(prevValue);
-                                }
-
-                                isDone(done);
-                            }).catch(function (err) {
-                                console.log(err);
-                                done.fail(err);
-                            });
-                        });
-                    });
-
-                    it("clicking on input should open the color popup, clear btn should be available based on nullok, and should be able to change value", function (done) {
-                        numDone = 0;
-                        colorDataTypeFields.forEach(function (colorInput) {
-                            var c = colorInput.column;
-                            if (c.skipValidation || c.generated || c.immutable) {
-                                isDone(done);
-                                return;
-                            }
-
-                            var popup = chaisePage.recordEditPage.getColorInputPopup(),
-                                popupInput,
-                                value = "#555555";
-
-                            // click the button to open popup
-                            chaisePage.recordEditPage.getColorInputBtn(c.name, recordIndex+1).click().then(function () {
-
-                                // make sure popup is displayed
-                                chaisePage.waitForElement(popup);
-
-                                // make sure clear btn is offered regardless of null/not-null (just like any other  input)
-                                var clearBtn = chaisePage.recordEditPage.getColorInputPopupClearBtn();
-                                expect(clearBtn.isDisplayed()).toEqual(true, colError(c.name, "color popup: clear btn invalid state"));
-
-                                // write a color and submit
-                                popupInput = chaisePage.recordEditPage.getColorInputPopupInput();
-                                expect(popupInput.isDisplayed).toBeTruthy(colError(c.name, "color popup: input is missing"));
-
-                                // clear the input
-                                return chaisePage.recordEditPage.clearInput(popupInput);
-                            }).then(function () {
-                                // change the input
-                                return popupInput.sendKeys(value);
-                            }).then(function () {
-
-                                // close the popup
-                                return chaisePage.recordEditPage.getColorInputPopupSelectBtn().click();
-                            }).then(function () {
-                                chaisePage.waitForElementInverse(popup);
-                                expect(colorInput.getAttribute('value')).toBe(value, colError(c.name, "color popup: value didn't change"));
-
-                                isDone(done);
-                            }).catch(function (err) {
-                                done.fail(err);
-                            });
-                        });
-                    });
-
-                    it ("should be able to input the given values", function (done) {
-                        numDone = 0;
-                        colorDataTypeFields.forEach(function(colorInput, index) {
-                            var c = colorInput.column;
-
-                            if (c.generated || c.immutable) {
-                                isDone(done);
-                                return;
-                            }
-
-                            var text = getRecordInput(c.name, "#123456");
-                            chaisePage.recordEditPage.clearInput(colorInput).then(function () {
-                                return colorInput.sendKeys(text);
-                            }).then(function () {
-                                // the input won't validate until we press enter or change focus
-                                return chaisePage.recordEditPage.getRequiredInfoEl().click();
-                            }).then(function () {
-
-                                // make sure the displayed value is correct
-                                expect(colorInput.getAttribute('value')).toEqual(text, colError(c.name, "Couldn't change the value."));
-
-                                // make sure the background color is correct
-                                expect(chaisePage.recordEditPage.getColorInputBackground(recordIndex, c.name)).toEqual(text, colError(c.name , "Doesn't have the expected background."));
-
-                                isDone(done);
-                            }).catch(function (err) {
-                                done.fail(err);
-                            })
-                        });
-                    });
-                })
-            }
-
-            if (!process.env.CI && tableParams.files.length > 0 && fileCols.length > 0) {
-                describe("File fields,", function() {
-                    it("should render input type as file input ", function() {
-                        fileCols.forEach(function(column) {
-                            exports.testFileInput(column.name, recordIndex, tableParams.files[getRecordInput(column.name, 0)], true, tableParams.inputs[getRecordInput(column.name, 0)].validate);
-                        });
-                    });
-
-                });
-            }
-        });
-
-        if (Array.isArray(tableParams.inputs) && recordIndex+1 < tableParams.inputs.length) {
-            testMultipleRecords(recordIndex + 1);
-        }
-    };
-
-    testMultipleRecords(0);
-
-    return {
-        visibleFields: visibleFields
-    };
-
-};
-
-/**
- * used for checking the success page. can handle both single and multi form cases.
- *
- * expected parameters in the tableParams object:
- *  - table_displayname: The displayname of the table
- *  - results: An array of arrays. Each array encodes the expected values for each row. The values for each column
- *             can be:
- *               - string: the expected getText() of the row
- *               - an object with `link` and `value` to test the displayed link.
- *  - result_columns: the column names (an array of string).
- *  - test_results: a boolean that can be used if we want to skip test cases for non CI environment. If you want to run test cases
- *            all the time, pass `true` otherwise pass `!process.env.CI`.
- *  - files: the files that are used during test (for upload test). if you're not testing upload, pass an empty array.
- *
- * @param  {Object}  tableParams refer to the description
- * @param  {Boolean} isEditMode  whether this is in entity mode or not
- */
-exports.testSubmission = function (tableParams, isEditMode) {
-    var hasErrors = false;
-
-    it("should have no errors.", function(done) {
-        chaisePage.recordEditPage.submitForm().then(() => {
-            return chaisePage.recordEditPage.getAlertError();
-        }).then(function(err) {
-            if (err) {
-                expect("Page has errors").toBe("No errors", "expected page to have no errors");
-                hasErrors = true;
-                done.fail();
-                return;
-            }
-
-            // if there is a file upload
-            if (!process.env.CI && tableParams.files.length > 0) {
-              var timeout =  tableParams.files.length ? (tableParams.results.length * tableParams.files.length * browser.params.defaultTimeout) : browser.params.defaultTimeout;
-              browser.wait(ExpectedConditions.invisibilityOf(element(by.css('.upload-table'))),timeout).catch(function (err) {
-                  // if the element is not available (there is no file) it will return error which we should ignore.
-              });
-            }
-
-            done();
-        }).catch(chaisePage.catchTestError(done));
-
-
-    });
-
-    if (tableParams.results.length > 1) {  // multi edit/create
-        it("should change the view to the resultset table and verify the count.", function () {
-            if (hasErrors) {
-                expect(undefined).toBeDefined('submission had errors.');
-                return;
-            }
-
-            // verify url and ct
-            browser.driver.getCurrentUrl().then(function(url) {
-                expect(url.startsWith(process.env.CHAISE_BASE_URL + "/recordedit/")).toBe(true, "url has not been changed.");
-
-                browser.wait(function () {
-                    return chaisePage.recordsetPage.getRows().count().then(function (ct) {
-                        return (ct > 0);
-                    });
-                });
-
-                chaisePage.recordsetPage.getRows().count().then(function (ct) {
-                    expect(ct).toBe(tableParams.results.length, "number of records is not as expected.");
-                });
-            });
-        });
-
-        describe('result page, ', function () {
-            it("should have the correct title.", function() {
-                var title = tableParams.results.length + " " + tableParams.table_displayname + " records " + (isEditMode ? "updated" : "created") + " successfully";
-                expect(chaisePage.recordEditPage.getEntityTitleElement().getText()).toBe(title, "Resultset page title is incorrect.");
-            });
-
-            it('should point to the correct link with caption.', function () {
-                const expectedLink = process.env.CHAISE_BASE_URL + "/recordset/#" +  browser.params.catalogId + "/" + tableParams.schema_name + ":" + tableParams.table_name;
-                const titleLink = chaisePage.recordEditPage.getEntityTitleLinkElement();
-
-                expect(titleLink.getText()).toBe(tableParams.table_displayname, "Title of result page doesn't have the expected caption.");
-                expect(titleLink.getAttribute("href")).toContain(expectedLink , "Title of result page doesn't have the expected link.");
-            });
-
-            //NOTE: in ci we're not uploading the file and therefore this test case will fail
-            if (tableParams.test_results) {
-                it('table must show correct results.', function() {
-
-                    chaisePage.recordsetPage.getTableHeader().all(by.tagName("th")).then(function (headerCells) {
-                        expect(headerCells.length).toBe(tableParams.result_columns.length, "number of cells in table header is incorrect");
-
-                        return chaisePage.recordsetPage.getRows();
-                    }).then(function(rows) {
-                        // same row count
-                        expect(rows.length).toBe(tableParams.results.length, "number of rows are not as expected.");
-
-                        for (j = 0; j < rows.length; j++) {
-                            (function(index) {
-                                rows[index].all(by.tagName("td")).then(function(cells) {
-
-                                    // same column count
-                                    expect(cells.length).toBe(tableParams.results[index].length, "number of columns are not as expected.");
-
-                                    var result;
-
-                                    // cells is what is being shown
-                                    // tableParams.results is what we expect
-                                    for (k = 0; k < tableParams.results[index].length; k++) {
-                                        result = tableParams.results[index][k];
-
-                                        if (typeof result.link === 'string') {
-                                            expect(cells[k].element(by.tagName("a")).getAttribute("href")).toContain(result.link);
-                                            expect(cells[k].element(by.tagName("a")).getText()).toBe(result.value, "data missmatch in row with index=" + index + ", columns with index=" + k);
-                                        } else {
-                                            expect(cells[k].getText()).toBe(result, "data missmatch in row with index=" + index + ", columns with index=" + k);
-                                        }
-                                    }
-                                });
-
-                            })(j);
-                        };
-                    });
-                });
-            }
-        });
-
-
-    } else { // single edit/create
-        it("should be redirected to record page", function() {
-            if (hasErrors) {
-                expect(undefined).toBeDefined('submission had errors.');
-                return;
-            }
-
-            // wait for url change
-            browser.wait(function () {
-                return browser.driver.getCurrentUrl().then(function(url) {
-                    return url.startsWith(process.env.CHAISE_BASE_URL + "/record/");
-                });
-            }, browser.params.defaultTimeout);
-
-            // verify url
-            browser.driver.getCurrentUrl().then(function(url) {
-                expect(url.startsWith(process.env.CHAISE_BASE_URL + "/record/")).toBe(true);
-            });
-        });
-
-        //NOTE: in ci we're not uploading the file and therefore this test case will fail
-        if (!process.env.CI && tableParams.files.length > 0) {
-            it('should have the correct submitted values.', function () {
-                if (hasErrors) {
-                    expect(undefined).toBeDefined('submission had errors.');
-                    return;
-                }
-
-                var column_values = {};
-                for (var i = 0; i < tableParams.result_columns.length; i++) {
-                    column_values[tableParams.result_columns[i]] = tableParams.results[0][i];
-                }
-
-                exports.testRecordAppValuesAfterSubmission(tableParams.result_columns, column_values, tableParams.result_columns.length);
-            });
-        }
-    }
-
-}
-
-
-/**
- * column_names - array of string column_names
- * column_values - hash of column_name: column_value
- * acceptable column_value formats:
- *   - string
- *   - {value: string, ignoreInCI: boolean}
- *   - {link: true, value: string, ignoreInCI: boolean}
- *
- * Checks for if values are defined and set properly
- */
-exports.testRecordAppValuesAfterSubmission = function(column_names, column_values, num_displayed_columns) {
-    chaisePage.recordPageReady();
-
-    browser.wait(function() {
-        return chaisePage.recordPage.getColumns().count().then(function(ct) {
-            return (ct == num_displayed_columns);
-        });
-    }, browser.params.defaultTimeout);
-
-    for (var i = 0; i < column_names.length; i++) {
-        var columnName = column_names[i];
-        var column = chaisePage.recordPage.getColumnValue(columnName);
-        if (process.env.CI && column_values[columnName].ignoreInCI) {
-            continue;
-        }
-        else if (column_values[columnName] && typeof column_values[columnName].link === 'string') {
-            column = column.element(by.css("a"));
-            expect(column.getText()).toEqual(column_values[columnName].value, "Value for " + columnName + " is not what was expected");
-            expect(column.getAttribute('href')).toContain(column_values[columnName].link, "link for " + columnName + " is not what was expected");
-        } else {
-            var val = column_values[columnName];
-            if (typeof val === 'object' && val != null && typeof val.value === "string") {
-                val = val.value;
-            }
-            expect(column.getText()).toBe(val, "Value for " + columnName + " is not what was expected");
-        }
-
-    }
-};
-
-/**
- * create files in the given path. This should be called before test cases
- * parent directory that these files will be uploaded into is test/e2e/data_setup/uploaded_files.
- * That means the given path should be a path that is valid in uploaded_files folder.
- *
- * @param  {obj[]} files array of objects with at least path, and size as attributes.
- */
-exports.createFiles = function(files) {
-    files.forEach(function(f) {
-        if (f.skipCreation) return;
-        var path = require('path').join(__dirname , "/../data_setup/uploaded_files/" + f.path);
-        exec("perl -e 'print \"1\" x " + f.size + "' > " + path);
-        console.log(path + " created");
-    });
-};
-
-/**
- * removes the given files. read the createFiles documentation for more info about files and path
- * @param  {obj[]} files array of objects with at least path, and size as attributes.
- */
-exports.deleteFiles = function(files) {
-    files.forEach(function(f) {
-        if (f.skipDeletion) return;
-        var path = require('path').join(__dirname , "/../data_setup/uploaded_files/" + f.path);
-        exec('rm ' + path);
-        console.log(path + " deleted");
-    });
-};
-
-/**
- * TODO this should be replaced by selectFileReturnPromise
- */
-exports.selectFile = function(file, fileInput, txtInput) {
-    var filePath = require('path').join(__dirname , "/../data_setup/uploaded_files/" + file.path);
-
-    fileInput.sendKeys(filePath);
-
-    browser.sleep(100);
-
-    expect(fileInput.getAttribute('value')).toContain(file.name, "didn't select the correct file.");
-    expect(txtInput.getText()).toBe(file.name, "didn't show the correct file name after selection.");
-
-    if (typeof file.tooltip === "string") {
-        // test the tooltip on hover
-        // move the mouse first to force any other tooltips to hide
-        browser.actions().mouseMove(chaisePage.recordEditPage.getRequiredInfoEl()).perform();
-        var tooltip = chaisePage.getTooltipDiv();
-
-        chaisePage.waitForElementInverse(tooltip).then(function () {
-            chaisePage.testTooltipReturnPromise(txtInput, file.tooltip, 'recordedit');
-        });
-    }
-};
-
-/**
- * TODO this should replace the selectFile function
- */
-exports.selectFileReturnPromise = (file, fileInput, txtInput) => {
-  return new Promise((resolve, reject) => {
-    const filePath = require('path').join(__dirname , "/../data_setup/uploaded_files/" + file.path);
-
-    fileInput.sendKeys(filePath).then(() => {
-      return browser.sleep(100);
-    }).then(() => {
-      expect(fileInput.getAttribute('value')).toContain(file.name, "didn't select the correct file.");
-      expect(txtInput.getText()).toBe(file.name, "didn't show the correct file name after selection.");
-
-      if (typeof file.tooltip === "string") {
-        // test the tooltip on hover
-        // move the mouse first to force any other tooltips to hide
-        browser.actions().mouseMove(chaisePage.recordEditPage.getRequiredInfoEl()).perform().then(() => {
-          return chaisePage.waitForElementInverse(chaisePage.getTooltipDiv());
-        }).then(() => {
-          return chaisePage.testTooltipReturnPromise(txtInput, file.tooltip, 'recordedit');
-        }).then(() => {
-          resolve();
-        }).catch(err => reject(err));
-
-      } else {
-        resolve();
-      }
-    }).then(() => {
-      resolve();
-    }).catch(err => reject(err));
-  });
-}
-
-/**
- * test a file input with the given column name, and file that we want to test
- * the file input against it.
- *
- * TODO in playwright version don't use this. use `selectFile` or `setInputValue`.
- * @param  {string}         colName         name of the column
- * @param  {int}            recordIndex     index of record in the view
- * @param  {obj}            file            object with at least path, and name attributes.
- * @param  {string=}        currentValue    if you want to test the current value.
- * @param  {boolean=false}  print           should it print the file names or not.
- */
-exports.testFileInput = function (colName, recordIndex, file, currentValue, print, testValidation) {
-    const fileInput = chaisePage.recordEditPage.getInputForAColumn(colName, recordIndex+1);
-    print = typeof print !== "boolean" ? false : print;
-
-    const textInput = chaisePage.recordEditPage.getTextFileInputForAColumn(colName, recordIndex+1)
-    textInput.getAttribute('value').then(function(value) {
-        // Incase of edit first clear the fileinput field by pressing the dismiss button
-        // and then set new file
-        if (value && value.trim().length > 0) {
-            chaisePage.recordEditPage.getInputRemoveButton(colName, recordIndex+1).then(function(clearButton) {
-                return clearButton.click();
-            }).then(function () {
-
-                browser.sleep(50);
-
-                expect(txtInput.getAttribute('value')).toBe("", "couldn't clear the button.");
-                exports.selectFile(file, fileInput, textInput);
-            });
-        } else {
-            exports.selectFile(file, fileInput, textInput);
-        }
-
-        if (testValidation) {
-          const error = chaisePage.recordEditPage.getErrorMessageForAColumn(colName, recordIndex+1);
-          // this is just making sure the error shows up
-          chaisePage.waitForElement(error);
-        }
-    });
-};
-
-
-/**
- *
- * expected types: 'timestamp', 'boolean', 'fk', 'fk-dropdown', any other string
- *
- * expected valueProps:
- * {
- *
- * // general:
- *  value,
- *
- * // time stamp props:
- *  date_value,
- *  time_value,
- *
- * // fk props:
- *  modal_num_rows,
- *  modal_option_index,
- *
- * // array props (currently only supports array of text):
- *  value: string[]
- *
- * }
- *
- * @param {string} name input name
- * @param {string} displayname the displayed name
- * @param {string} displayType type of the input
- * @param {Object} valueProps expected values
- * @returns
- */
-exports.setInputValue = (formNumber, name, displayname, displayType, valueProps) => {
-  return new Promise((resolve, reject) => {
-    switch (displayType) {
-      case 'boolean':
-        let dropdown = chaisePage.recordEditPage.getDropdownElementByName(name, formNumber);
-        browser.wait(EC.elementToBeClickable(dropdown)).then(() => {
-          return chaisePage.recordEditPage.selectDropdownValue(dropdown, valueProps.value);
-        }).then(() => {
-          expect(chaisePage.recordEditPage.getDropdownText(dropdown).getText()).toBe(valueProps.value);
-          resolve();
-        }).catch(err => reject(err));
-        break;
-      case 'fk':
-        chaisePage.clickButton(recordEditPage.getForeignKeyInputButton(displayname, formNumber)).then(() => {
-          return chaisePage.waitForElement(chaisePage.recordEditPage.getModalTitle());
-        }).then(() => {
-          return browser.wait(function () {
-            return chaisePage.recordsetPage.getModalRows().count().then(function (ct) {
-              return (ct == valueProps.modal_num_rows);
-            });
-          });
-        }).then(() => {
-          // select the option
-          return chaisePage.recordsetPage.getRows().get(valueProps.modal_option_index).element(by.css('.select-action-button'));
-        }).then((el) => {
-          return chaisePage.clickButton(el);
-        }).then(() => {
-          // wait for modal to close
-          return browser.wait(EC.visibilityOf(chaisePage.recordEditPage.getEntityTitleElement()));
-        }).then(() => {
-          resolve();
-        }).catch(err => reject(err));
-        break;
-      case 'fk-dropdown':
-        let dropdownOptions;
-        chaisePage.clickButton(recordEditPage.getDropdownElementByName(name, formNumber)).then(() => {
-          return browser.wait(() => {
-            return chaisePage.recordEditPage.getDropdownSelectableOptions().count().then((ct) => {
-                return ct === valueProps.modal_num_rows;
-            });
-          });
-        }).then(() => {
-          dropdownOptions = dropdownOptions = chaisePage.recordEditPage.getDropdownSelectableOptions();
-          expect(dropdownOptions.count()).toEqual(valueProps.modal_num_rows);
-          //select the option
-          return chaisePage.clickButton(dropdownOptions.get(valueProps.modal_option_index));
-        }).then(() => {
-          // wait for the dropdown to close
-          return chaisePage.waitForElementInverse(dropdownOptions);
-        }).then(() => {
-          resolve();
-        }).catch(err => reject(err));
-        break;
-      case 'timestamp':
-        const inputs = recordEditPage.getTimestampInputsForAColumn(name, formNumber);
-        chaisePage.clickButton(inputs.clearBtn).then(() => {
-          return inputs.date.clear();
-        }).then(() => {
-          return inputs.time.clear();
-        }).then(() => {
-          return inputs.time.sendKeys(valueProps.time_value);
-        }).then(() => {
-          return inputs.date.sendKeys(valueProps.date_value);
-        }).then(() => {
-          resolve();
-        }).catch(err => reject(err));
-        break;
-      case 'upload':
-        const fileInput = recordEditPage.getInputForAColumn(name, formNumber);
-        const fileTextInput = recordEditPage.getTextFileInputForAColumn(name, formNumber);
-        exports.selectFileReturnPromise(valueProps.value, fileInput, fileTextInput).then(() => {
-          resolve();
-        }).catch(err => reject(err));
-        break;
-      case 'array':
-        // NOTE we're assuming it's array of text
-        const arrayField = chaisePage.recordEditPage.getArrayFieldContainer(name, formNumber,valueProps.baseType);
-
-        arrayField.getArrayItem().isPresent().then((isPresent)=>{
-
-          if(isPresent){
-
-            const arrayFieldItem = arrayField.getArrayItem();
-
-            arrayFieldItem.sendKeys(
-              protractor.Key.chord(protractor.Key.CONTROL, 'a'),
-              protractor.Key.BACK_SPACE,
-              valueProps.value
-              ).then(()=>{
-              resolve();
-            })
-
-          }else{
-
-            arrayField.getAddNewValueInputElement().sendKeys(valueProps.value).then(()=>{
-              return arrayField.getAddButton().click()
-            }).then(()=>{
-              resolve();
-            });
-          }
-        })
-
-        break;
-      default:
-        let inputEl;
-        if (displayType === 'textarea') {
-          inputEl = recordEditPage.getTextAreaForAColumn(name, formNumber);
-        } else {
-          inputEl = recordEditPage.getInputForAColumn(name, formNumber);
-        }
-
-        recordEditPage.clearInput(inputEl).then(() => {
-         return inputEl.sendKeys(valueProps.value);
-        }).then(() => {
-          resolve();
-        }).catch(err => reject(err));
-        break;
-    }
-
-  });
-}
-
-
-/**
- * test the values displayed on the forms for a column
- *
- * expectedValues expected type will be different depending on the input type. for all the types expect the following
- * it should be an array of strings.
- * - timestamp: array of objects with date_value and time_value props
- *
- * @param {string} name the column name
- * @param {string}} displayname the column displayname
- * @param {string} displayType the display type (boolean, fk, timestamp, upload, "any other string")
- * @param {boolean} allDisabled whether we should test that all the inputs are disabled or not
- * @param {any[]} expectedValues the expected values
- * @returns
- */
-exports.testFormValuesForAColumn = (name, displayname, displayType, allDisabled, expectedValues) => {
-  return new Promise((resolve) => {
-    let input, inputControl, formNumber, message;
-
-    expectedValues.forEach((value, i) => {
-      formNumber = i + 1;
-      message = `col ${displayname}, formNumber=${formNumber}`;
-
-      switch (displayType) {
-        case 'boolean':
-          inputControl = recordEditPage.getInputControlForAColumn(name, formNumber);
-          input = recordEditPage.getDropdownElementByName(name, formNumber);
-          if (allDisabled) {
-            expect(inputControl.getAttribute('class')).toContain('input-disabled',`${message}: was not disabled.`);
-          }
-          expect(input.getText()).toBe(value, `${message}: value missmatch.`);
-          break;
-        case 'fk':
-          input = recordEditPage.getForeignKeyInputDisplay(displayname, formNumber);
-          if (allDisabled) {
-            expect(input.getAttribute('class')).toContain('input-disabled', `${message}: was not disabled.`);
-          }
-          expect(input.getText()).toBe(value, `${message}: value missmatch.`);
-          break;
-        case 'timestamp':
-          input = recordEditPage.getTimestampInputsForAColumn(name, formNumber);
-          if (allDisabled) {
-            expect(input.date.isEnabled()).toBeFalsy(`${message}: date was not disabled.`);
-            expect(input.time.isEnabled()).toBeFalsy(`${message}: time was not disabled.`);
-          }
-          expect(input.date.getAttribute('value')).toBe(value.date_value, `${message}: date value missmatch.`);
-          expect(input.time.getAttribute('value')).toBe(value.time_value, `${message}: time value missmatch.`);
-          break;
-        case 'upload':
-          inputControl = recordEditPage.getInputControlForAColumn(name, formNumber);
-          input = recordEditPage.getTextFileInputForAColumn(name, formNumber);
-          if (allDisabled) {
-            expect(inputControl.getAttribute('class')).toContain('input-disabled', `${message}: was not disabled.`);
-          }
-          expect(input.getText()).toBe(value, `${message}: value missmatch.`);
-          break;
-        case 'array':
-
-          const arrayField = chaisePage.recordEditPage.getArrayFieldContainer(name, formNumber, 'text');
-
-          arrayField.getArrayItem().isPresent().then((isPresent)=>{
-            if(isPresent){
-              const arrItem = arrayField.getArrayItem();
-              expect(arrItem.getAttribute('value')).toBe(value)
-            }else{
-              expect(value).toBe('')
-            }
-          })
-
-          break;
-        default:
-          const isTextArea = displayType === 'textarea';
-          input = isTextArea ? recordEditPage.getTextAreaForAColumn(name, formNumber) : recordEditPage.getInputForAColumn(name, formNumber);
-          if (allDisabled) {
-            expect(input.isEnabled()).toBeFalsy(`${message}: was not disabled.`);
-          }
-          expect(input.getAttribute('value')).toBe(value, `${message}: value missmatch.`);
-          break;
-      }
-
-      if (i === expectedValues.length-1) {
-        resolve();
-      }
-    });
-
-  });
-}
diff --git a/test/e2e/utils/recordedit-utils.ts b/test/e2e/utils/recordedit-utils.ts
index 227684547..fd07ac9ac 100644
--- a/test/e2e/utils/recordedit-utils.ts
+++ b/test/e2e/utils/recordedit-utils.ts
@@ -98,11 +98,6 @@ export const selectFile = async (file: RecordeditFile, fileInputBtn: Locator, fi
   const fileChooser = await fileChooserPromise;
   await fileChooser.setFiles(resolve(UPLOAD_FOLDER, file.path));
   await expect.soft(fileTextInput).toHaveText(file.name);
-
-  // TODO why is this not working?
-  // if (file.tooltip) {
-  //   await testTooltip(fileTextInput, file.tooltip, APP_NAMES.RECORDEDIT, true);
-  // }
 }
 
 
@@ -332,6 +327,7 @@ export const testInputValue = async (
       break;
 
     case RecordeditInputType.FK_POPUP:
+    case RecordeditInputType.FK_DROPDOWN:
       input = RecordeditLocators.getForeignKeyInputDisplay(page, displayname, formNumber);
       await expect.soft(input).toBeVisible();
       if (disabled) {
diff --git a/test/e2e/utils/recordset-helpers.js b/test/e2e/utils/recordset-helpers.js
deleted file mode 100644
index de35ed8e9..000000000
--- a/test/e2e/utils/recordset-helpers.js
+++ /dev/null
@@ -1,146 +0,0 @@
-var chaisePage = require('./chaise.page.js');
-var fs = require('fs');
-var EC = protractor.ExpectedConditions;
-
-/**
- * Opens the facet and checks the title of filter options
- * @param  {string}   name          title of facet
- * @param  {int}   facetIdx         facet index
- * @param  {Array}   filterOptions   array of filter titles
- * @param  {Function} done
- */
-exports.openFacetAndTestFilterOptions = function (name, facetIdx, filterOptions, done) {
-    // open facet
-    chaisePage.clickButton(chaisePage.recordsetPage.getFacetHeaderButtonById(facetIdx)).then(function () {
-        // wait for facet to open
-        browser.wait(EC.visibilityOf(chaisePage.recordsetPage.getFacetCollapse(facetIdx)), browser.params.defaultTimeout);
-
-        // wait for facet checkboxes to load
-        browser.wait(function () {
-            return chaisePage.recordsetPage.getFacetOptions(facetIdx).count().then(function (ct) {
-                return ct == filterOptions.length;
-            });
-        }, browser.params.defaultTimeout);
-
-        // wait for list to be fully visible
-        browser.wait(EC.visibilityOf(chaisePage.recordsetPage.getList(facetIdx)), browser.params.defaultTimeout);
-
-        return chaisePage.recordsetPage.getFacetOptions(facetIdx);
-    }).then(function (opts) {
-        opts.forEach(function (option, idx) {
-            expect(option.getText()).toEqual(filterOptions[idx], "facet options are incorrect for '" + name + "' facet");
-        });
-
-        done();
-    }).catch(function (err) {
-        done.fail(err);
-    });
-}
-
-/**
- * It will select the given filter, and then clear all the filters.
- * Assumptions:
- * - Only the current facet column can have filters.
- * - Current facet column is already open.
- * @param  {int}   facetIdx     facet index
- * @param  {int}   filterIdx    filter index
- * @param  {string}   facetName    facet title
- * @param  {string}   filterName   filter title in the main content
- * @param  {int}   numRowsAfter number of rows after applying the filter
- * @param  {Function} done
- */
-exports.testSelectFacetOption = function (facetIdx, filterIdx, facetName, filterName, numRowsAfter, done) {
-    var clearAll = chaisePage.recordsetPage.getClearAllFilters();
-    var facetOption = chaisePage.recordsetPage.getFacetOption(facetIdx, filterIdx);
-
-    chaisePage.clickButton(facetOption).then(function () {
-        // wait for table rows to load
-        browser.wait(function () {
-            return chaisePage.recordsetPage.getRows().count().then(function (ct) {
-                return ct == numRowsAfter;
-            });
-        }, browser.params.defaultTimeout);
-
-        return chaisePage.recordsetPage.getRows().count();
-    }).then(function (ct) {
-        expect(ct).toBe(numRowsAfter, "number of rows is incorrect for '" + facetName + "' facet");
-
-        // wait for filters to load
-        browser.wait(function () {
-            return chaisePage.recordsetPage.getFacetFilters().count().then(function (ct) {
-                return ct == 1;
-            });
-        }, browser.params.defaultTimeout);
-
-        // should only be one
-        return chaisePage.recordsetPage.getFacetFilters();
-    }).then(function (filters) {
-        return filters[0].getText();
-    }).then(function (text) {
-        expect(text).toBe(filterName, "filter name is incorrect for '" + facetName + "' facet");
-        return clearAll.click();
-    }).then(function () {
-        browser.wait(EC.not(EC.visibilityOf(clearAll)), browser.params.defaultTimeout);
-        expect(facetOption.isSelected()).toBeFalsy("filter is selected after clear all for '" + facetName + "' facet");
-        done();
-    }).catch(function (err) {
-        done.fail(err);
-    });
-};
-
-exports.deleteDownloadedFiles = function (fileNames) {
-    fileNames.forEach(function (name) {
-        var filename = process.env.PWD + "/test/e2e/" + name;
-        if (fs.existsSync(filename)) {
-            // delete if there is any existing file with same name
-            fs.unlinkSync(filename);
-            console.log("file: " + filename + " has been removed");
-        }
-    });
-};
-
-/**
- * Makes sure the options in the facet panel and modal are correct.
- * Assumptions:
- *   - the facet is already open
- * @param  {int}   facetIdx         facet index
- * @param  {Array}   filterOptions   array of filter titles
- * @param  {Array}   modalOptions   array of the first value of modal
- */
-exports.testFacetOptions = function (facetIdx, filterOptions, modalOptions) {
-    it("the facet options should be correct", function (done) {
-        // wait for facet to open
-        browser.wait(EC.visibilityOf(chaisePage.recordsetPage.getFacetCollapse(facetIdx)), browser.params.defaultTimeout);
-
-        // wait for list to be fully visible
-        browser.wait(EC.visibilityOf(chaisePage.recordsetPage.getList(facetIdx)), browser.params.defaultTimeout);
-
-        // wait for facet checkboxes to load
-        browser.wait(function () {
-            return chaisePage.recordsetPage.getFacetOptions(facetIdx).getText().then(function (opts) {
-                return JSON.stringify(opts) === JSON.stringify(filterOptions);
-              }).catch(chaisePage.catchTestError(done));
-        }, browser.params.defaultTimeout);
-
-        done();
-    });
-
-    it("opening the facet modal should show the correct rows.", function (done) {
-        // click on show more
-        var showMore = chaisePage.recordsetPage.getShowMore(facetIdx);
-        chaisePage.clickButton(showMore).then(function () {
-            chaisePage.recordsetPage.waitForInverseModalSpinner();
-
-            // this will wait for the list to be the same as expected, otherwise will timeout
-            browser.wait(function () {
-                return chaisePage.recordsetPage.getModalFirstColumn().getText().then(function (texts) {
-                    return JSON.stringify(texts) === JSON.stringify(modalOptions);
-                }).catch(chaisePage.catchTestError(done));
-            }, browser.params.defaultTimeout);
-
-            return chaisePage.recordsetPage.getModalCloseBtn().click();
-        }).then(function () {
-            done();
-        }).catch(chaisePage.catchTestError(done));
-    });
-};
diff --git a/test/manual/specs/recordset.conf.js b/test/manual/specs/recordset.conf.js
deleted file mode 100644
index a9a39ff0d..000000000
--- a/test/manual/specs/recordset.conf.js
+++ /dev/null
@@ -1,16 +0,0 @@
-var pConfig = require('./../../e2e/utils/protractor.configuration.js');
-
-var config = pConfig.getConfig({
-    manualTestConfig: true,
-    configFileName: 'dev-recordset.json',
-    specs: [
-        "recordset.spec.js"
-    ],
-    setBaseUrl: function(browser, data) {
-        browser.params.url = process.env.CHAISE_BASE_URL;
-        return browser.params.url;
-    }
-});
-
-exports.config = config;
-
diff --git a/test/manual/specs/recordset.config.ts b/test/manual/specs/recordset.config.ts
new file mode 100644
index 000000000..55a2ca7df
--- /dev/null
+++ b/test/manual/specs/recordset.config.ts
@@ -0,0 +1,10 @@
+import getConfig from '@isrd-isi-edu/chaise/test/e2e/setup/playwright.configuration';
+
+export default getConfig({
+  manualTestConfig: true,
+  testName: 'manual/recordset',
+  configFileName: 'dev-recordset.json',
+  testMatch: [
+    'recordset.spec.ts'
+  ]
+});
diff --git a/test/manual/specs/recordset.spec.js b/test/manual/specs/recordset.spec.js
deleted file mode 100644
index a5bd6a5f9..000000000
--- a/test/manual/specs/recordset.spec.js
+++ /dev/null
@@ -1,16 +0,0 @@
-var chaisePage = require('./../../e2e/utils/chaise.page.js');
-
-describe('View recordset,', function () {
-    beforeAll(function () {
-        chaisePage.navigate(browser.params.url + "/recordset/#" + browser.params.catalogId + "/product-recordset:accommodation");
-
-        chaisePage.recordsetPageReady()
-        chaisePage.waitForAggregates();
-    });
-
-    // test to setup recordset table with long tooltip text and check the placement of tooltips manually
-    it("should have correct placement of longer tooltip texts on column headers", function () {
-        browser.pause();
-        expect(true).toBeTruthy();
-    });
-});
diff --git a/test/manual/specs/recordset.spec.ts b/test/manual/specs/recordset.spec.ts
new file mode 100644
index 000000000..2077f30d9
--- /dev/null
+++ b/test/manual/specs/recordset.spec.ts
@@ -0,0 +1,19 @@
+import { test } from '@playwright/test';
+
+import RecordsetLocators from '@isrd-isi-edu/chaise/test/e2e/locators/recordset';
+
+import { getCatalogID } from '@isrd-isi-edu/chaise/test/e2e/utils/catalog-utils';
+
+test('View recordset', async ({page, baseURL}, testInfo) => {
+  await test.step('open recordset page', async () => {
+    await page.goto(`${baseURL}/recordset/#${getCatalogID(testInfo.project.name)}/product-recordset:accommodation`);
+    await page.pause();
+    await RecordsetLocators.waitForRecordsetPageReady(page);
+    await RecordsetLocators.waitForRecordsetAggregates(page);
+  });
+
+  await test.step('pause for manual testing.', async () => {
+    // refer to manual-test.md for the manual tests that should be done.
+    await page.pause();
+  })
+})