Search form

8.x JS manual test plan

Last updated April 9, 2013.

The following is a test plan for manual testing of Drupal 8's JavaScript functionality. In time, we hope to build automation around these tests, but for now this is a script that contributors can follow to verify Drupal 8 JS-affecting patches.

Verify that clicking the edit icon shows a drop-down to Configure block.

Path

Test description

EDIT + CKEDITOR

(node/add/article, as user 1)

Assert that CKEditor is present on the body field. Enter something in the title and body fields. Save & publish. You are now redirected to node/1.

(node/1, as user 1)

Assert that a "Quick edit" action is listed in the contextual links for the node. Click it. A blue outline should appear around the body field. Click the body field. Assert that an in-place editing widget with CKEditor appears. Now modify the body field's value in this CKEditor instance. Assert that the "Save" button becomes blue. Now click the "Save" button. Assert that the rerendered body field matches what you entered. Finally, reload the page and assert that the body field still matches what you entered.

SYSTEM

(admin/config/regional/date-time/formats/add, as user 1)

Verify that the ajax preview of the date format is displayed and updated on keypress.

(admin/config/development/performance, as user 1)

Verify that checkbox to cache page for anonymous users show the "compress cached page" checkbox.

(install, as user 1)

Verify that administrator email value is copied in the user email field on blur.

FIELD UI

admin/structure/types/manage/article/display/teaser

Verify that dragging a field (with mouse or keyboard) under the Hidden row changes the select value for this field to hidden.

OVERLAY

(home page, as user 1)

Verify that clicking 'Configure block' fires up the Overlay.

(home page, as user 1)

Verify that clicking X on overlay closes it.

VIEWS

Views UI filter checkboxes

Create a node view, add a filter for type. Check that using 'select all' check all types, then test that unchecking a type also unchecks the 'select all' option

Views UI filter checkboxes

Now check all nodetypes, select all should be enabled.

collapse.js

On update.php as User 1

Assert that if there are pending updates, the fieldset for pending updates is expandable.

tableresponsive.js

On /admin/content as User 1

Assert that at a screen size of 400px or less, the th.priority-low elements have a style property display value of hidden.

On /admin/content as User 1

Assert that at a screen size of 400px or less, the element .tableresponsive-toggle exists and has a style display property value of block.

On /admin/content as User 1

Assert that at a screen size of 400px or less, the element .tableresponsive-toggle exists when clicked, causes th.helpful and th.advisable column headers to toggle from a style display property value of none to a style display property value of block or table-cell.

OLD STUFF THAT NEEDS UPDATING

node/add/story

Check if the autocomplete form fields (e.g. "Authored by") work.

node/add/story

Check if the teaser splitter works.

node/#/outline

With book.module enabled: Check if the parent selector works.

node/add/story

With upload.module enabled: Test attaching a new file.

any

Check if logging in with OpenID works.

admin/content/node

Check if a row gets highlighted when selected. Check if you can select multiple rows with shift+click. Check if you can select all rows by clicking at the checkbox in the table header.

admin/user/access

Scroll down the page. The table header should keep floating at the top of the viewport.