Skip to content

Testing instructions for critical flows

Jump to bottom
Sudip Dadhaniya edited this page Mar 13, 2024 · 10 revisions

Plugin Installation, Activation & Removal

Upload plugin zip file

In this test we will make sure that plugin can be uploaded to the test site via a zip file.

Test Steps

  1. Download .zip file from https://github.com/10up/publisher-media-kit
  2. Login to the test site and from within the WP dashboard menu, select Plugins > Add new.
  3. Use the upload option and select the .zip file from your computer
  4. Once the upload is complete, no errors should appear.

Expected Result:

  • The zip file should successfully upload to the test site.

Activate plugin

Activate the plugin on the test site

Test Steps

  1. Go to Plugins > Installed Plugins
  2. Click on the activate link under the Publisher Media Kit
  3. Check that the relevant plugin information appears, i.e. Descriptions ,Version and Support links.

Expected Result:

  • The plugin should activate with no errors and the Site Kit module should appear at the top of the plugins page
  • Media Kit Page should be created under the pages.

Deactivate the plugin

Deactivate the Site Kit plugin.

Test Steps

  1. Go to Plugins > Installed Plugins within the WordPress dashboard
  2. Browse to the Media Kit plugin and click on the deactivate link

Expected Result:

  • The plugin should be deactivated without any error messages.
  • Media Kit Page design will be broken.

Delete the plugin

Delete the Publisher Media Kit plugin from the test site

Test Steps

  1. Go to Plugins > Installed plugins
  2. Browse down to the Publisher Media Kit plugin and click on the delete link
  3. A popup should appear asking you to confirm that you want to delete the plugin. Click Ok.

Expected Result:

  • A message should appear 'Publisher Media Kit plugin was successfully deleted.'
  • The plugin is no longer appearing in the list of installed plugins

Media Kit Page

Media Kit Page Creation

Verify that when plugin is activated,Media Kit Page should be created.

Test Steps

  1. Login with test site.
  2. Go to the Pages

Expected Result:

  • Media Kit Page should be created and it will be appear in the page list

Media Kit Page design

Media Kit Page should be match with visual design.

Test Steps

  1. Go to the Media Kit Page
  2. Open Figma design
  3. Compare Media Kit Page design with figma design

Expected Result:

  • Rendering and functionality should work as described.
  • Design should match with figma
  • All elements should be rendered with theme CSS

Media Kit Page data update

Verify that admin user can update the data.

Test Steps

  1. Login with test site admin.
  2. Go to the Media Kit Page
  3. Update the preloaded data

Expected Result:

  • Data should be updated successfully on admin and updated data should be rendered properly on frontend side.

Cover Block Customisations

Verify the customisations like spacing, dimensions, media settings, and overlays of cover block.

Test Steps

  1. Login with test site admin.
  2. Go to the Media Kit Page
  3. Change the spacing,dimensions,media settings, and overlays of the cover block.

Expected Result:

  • Cover Block functionality and image rendering should work as updated changes.

Audience Profiles (column) block customization

Verify the customizations like column setting, color, and spacing of column block.

Test Steps

  1. Login with test site admin.
  2. Go to the Media Kit Page
  3. Change the spacing,dimensions,media settings, and overlays of the Audience Profiles (column) block.

Expected Result:

  • Audience Profiles (column block) functionality and image rendering should work as updated changes.

"Why you should choose digital" Block Customizations

  • Verify the customizations like spacing, dimensions, and color of column block.
  • Verify the button block customizations

Test Steps

  1. Login with test site admin.
  2. Go to the Media Kit Page
  3. Change the spacing,dimensions, color of the column block.

Expected Result:

  • Column Block functionality and image rendering should work as updated changes.
  • User can customize button and it should render accordingly.

Verify the tab and table customization

  • Check the customizations of tab block which are used in Digital Ad Specs, Our Packages, Our Rates sections.
  • Check the customizations of table block which are used in Digital Ad Specs, Our Packages, Our Rates sections.

Test Steps

  1. Login with test site admin.
  2. Go to the Media Kit Page
  3. Change setting of the Orientation Options of tab blocks
  4. Change setting of the style and table setting of table blocks.

Expected Result:

  • Tab and table blocks should render as described.

Test plugin against set of default/expected themes to be used

Theme - Twenty Twenty-One

Verify the media kit page in Theme - Twenty Twenty-One theme

Test Steps

  1. Log in as admin of the test site
  2. Go to Appearance > Theme > Active Theme - Twenty Twenty-One theme
  3. Open frontend of media kit page

Expected Result:

  • Page design and functionality should be working as expected.

Newspack theme

Verify the media kit page in Newspack theme

Test Steps

  1. Log in as admin of the test site
  2. Go to Appearance > Theme > Active Newspack theme
  3. Open frontend of media kit page

Expected Result:

  • Page design and functionality should be working as expected.

Newspack: Joseph

Verify the media kit page in Newspack: Joseph theme

Test Steps

  1. Log in as admin of the test site
  2. Go to Appearance > Theme > Active Newspack: Joseph theme
  3. Open frontend of media kit page

Expected Result:

  • Page design and functionality should be working as expected.

Newspack: Katharine

Verify the media kit page in Newspack: Katharine theme

Test Steps

  1. Log in as admin of the test site
  2. Go to Appearance > Theme > Active Newspack: Katharine theme
  3. Open frontend of media kit page

Expected Result:

  • Page design and functionality should be working as expected.

Newspack: Nelson

Verify the media kit page in Newspack: Nelson theme

Test Steps

  1. Log in as admin of the test site
  2. Go to Appearance > Theme > Active Newspack: Nelson theme
  3. Open frontend of media kit page

Expected Result:

  • Page design and functionality should be working as expected.

Newspack: Sacha

Verify the media kit page in Newspack: Sacha theme

Test Steps

  1. Log in as admin of the test site
  2. Go to Appearance > Theme > Active Newspack: Sacha theme
  3. Open frontend of media kit page

Expected Result:

  • Page design and functionality should be working as expected.

Newspack: Scott

Verify the media kit page in Newspack: Scott theme

Test Steps

  1. Log in as admin of the test site
  2. Go to Appearance > Theme > Active Newspack: Scott theme
  3. Open frontend of media kit page

Expected Result:

  • Page design and functionality should be working as expected.

Browser /Device compatibility of media kit page.

Verify the media kit page supported desktop browsers.

Media kit page should be supported all desktop browsers.

Test Steps

  1. In Google Chrome, View all element should be render properly
  2. Repeat in Edge
  3. Repeat in FireFox
  4. Repeat in Safari

Expected Result:

  • Media kit page displays without any rendering issues.

Verify the media kit page in supported mobile browsers.

Media kit page should be supported all mobile browsers.

Test Steps

  1. In Google Chrome (mobile iOS), View all element should be render properly
  2. Repeat in Safari (mobile iOS)
  3. Repeat in Google Chrome (mobile Android).

Expected Result:

  • Media kit page displays without any rendering issues.

Verify the media kit page supported in all tablet browsers.

Media kit page should be supported all tablet browsers.

Test Steps

  1. In Google Chrome (iPAD,iOS), View all element should be render properly
  2. In Google Chrome, (Tablet ,Android)
  3. Repeat in Edge
  4. Repeat in FireFox
  5. Repeat in Safari (iPAD,iOS)

Expected Result:

  • Media kit page displays without any rendering issues.
Clone this wiki locally