Terra-core: Replace Nightwatch Tests with Webdriver.io Tests

[emilyrohrbough]

Issue Description

Remove the existing nightwatch tests and replace them with webdriver.io tests. This has been done for some components but these need to happen for the remaining components:

Checked off means done or claimed

• [x] terra-content-container
• [x] terra-demographics-banner
• [x] terra-divider
• [x] terra-dynamic-grid
• [x] terra-form-checkbox
• [x] terra-form-field
• [x] terra-form-textarea
• [x] terra-form-select
• [x] terra-heading
• ~terra-hookshot~ Migrated to terra-framework https://github.com/cerner/terra-framework/pull/128
• [x] terra-icon
• [x] terra-image
• [x] terra-profile-image
• [x] terra-progress-bar
• [x] terra-props-table
• ~terra-slide-panel~ Migrated to terra-framework https://github.com/cerner/terra-framework/pull/131
• [x] terra-spacer
• [x] terra-status
• [x] terra-text
• [x] terra-toggle
• [x] terra-grid
• [x] terra-list
• [x] terra-responsive-element
• [x] terra-signature
• [x] terra-slide-group
• [x] terra-table
• [x] terra-toggle-button
• [x] terra-abstract-modal
• [x] terra-date-picker
• [x] terra-menu
• [x] terra-search-field

Remaining Components

• [x] terra-data-time-picker
• [x] terra-embedded-content-consumer

Issue Type

• [ ] New Feature
• [ ] Enhancement
• [ ] Bug
• [x] Other

[msaikaushik1992]

picking up terra-divider for replacing nightwatch with wdio tests.

[emilyrohrbough]

Be sure to specify terra-defined viewports in the test setup: see https://github.com/cerner/terra-core/issues/1444

[msaikaushik1992]

picking up terra-status for replacing nightwatch with wdio tests.

[bjankord]

picking up content container tests

[bjankord]

picking up the demographics banner tests

[bjankord]

picking up the dynamic grid

[bjankord]

picking up the form field

[Blackop778]

I'll grab content container

[bjankord]

@Blackop778 There is a PR out for content container: https://github.com/cerner/terra-core/pull/1468
terra-heading or terra-text would be another good one to pick up instead.

[Blackop778]

I'll grab props table. terra-heading and terra-text don't actually test anything with nightwatch.

[emilyrohrbough]

@Blackop778 The nightwatch tests fir terra-heading and terra-text aren't great, but that is because these components only apply css, which we don't want to test for as these values change with browsers and browser versions. So, the urls are hit to ensure the page loaded with the content, however we do want screenshots of these examples to ensure they render as expected visually.

[msaikaushik1992]

picking up spacer.

[msaikaushik1992]

picking up progress bar.

[msaikaushik1992]

picking up terra-profile-image.

[msaikaushik1992]

picking up form-field

[JakeLaCombe]

Picking up time-input

[saedar]

Picking up icon.

[StephenEsser]

terra-form-select was uplifted with: https://github.com/cerner/terra-core/pull/1501

[Blackop778]

Picking up toggle button

[JakeLaCombe]

I can take terra-table

[msaikaushik1992]

picking up terra-grid (not dynamic grid)

[tomleewu]

picking up list

[JakeLaCombe]

Picking up terra-signature

[Blackop778]

Picking up slide group

[emilyrohrbough]

@StephenEsser Has updated responsive element to wdio tests in his PR #1547

[msaikaushik1992]

picking up terra-search-field

[tomleewu]

picking up terra-abstract-modal

[emilyrohrbough]

Picked up terra-menu

[msaikaushik1992]

Note: terra-search-field is going to be used in future in another new component (filter-view) based on feedback from UX. This blocks on how to go about search-field's web driver accessibility issues.

[tomleewu]

picking up terra-date-picker

[Blackop778]

Picking up terra-search-field

[JakeLaCombe]

Picking up textarea

[JakeLaCombe]

I'll go ahead and remove the markdown tests as part of textarea since it's small

[saedar]

I'll grab terra-embedded-content-consumer

[JakeLaCombe]

I'll take date-time-picker

[bjankord]

This has now been resolved. Thanks to everyone who helped contribute on this issue!