Windows Names - Instructions

Links can open new pages, these can have ’names’ associated with them.

Page Specific Details

  • The main Windows Names page window is named ‘windowsindex’.
  • The Window with name window is named ‘window-with-name’ (configured in the page itself).
  • The Window with no name page, when opened, has no name.
  • The Page with Given Name window will have be opened with a name using on link, but if the page is opened directly or via a normal link it will not have a name.

Make sure you understand how the name is set in each situation.

Window Names

Windows or browser tabs can have ’names’. This allows links to jump to the open tab without opening a new tab or window.

The main page is configured to have the name windowsindex.

The name is set using JavaScript. Use the developer tools to find the code which sets the name.

Links on a page can open a new window.

This might be done using the target attribute.

Links can also be implemented using JavaScript to open a window with a specific name associated with it.

Synchronization

Window names can be used to switch back and forward between the windows.

Dev Tools

Use the dev tools to inspect and explore the page DOM to understand the controls.

You can also use the JavaScript console to show the current window name:

window.name

Exploratory Testing exercise

  • Does this Instructions page have a Window name?
  • When the windows are accessed by the side bar links, the pages open in the same window so if a window name has been set, any page will have name. Can you confirm this?