Release v0.5.0.beta.1 (sprint 34)

[scottqueen-bixal]

PR Summary

https://github.com/GSA/px-benefit-finder/milestone/9?closed=1

Related Github Issue

Application Improvements

NEW FEATURE | Zero Benefits View #1367

Data Analytics Improvements

Structure Data Layer Values #1482
Create a unique data layer value for the modal #1478
bf_page_change fires multiple times on inital page load #1468
Update pageView data layer variable to differentiate between form pages and eligible and ineligible benefits #1477
Create data layer event to track benefit link click #1467
Add data layer value to track benefit accordion open #1466

a11y improvements

a11y | Fonts are not scaling on magnification #1452

Custom Module Improvements

Disable auto json file generation in multi-content action #1338

Detailed Testing steps

Application Improvements

NEW FEATURE | Zero Benefits View #1367

User Testing

• navigate to /death
• apply values to all required fields
• for all radio inputs, select NO ( this ensures no benefits view)

expected:

• console.log(window.dataLayer)

Data Testing

{
	event: "bf_page_change",
	bfData: {
		pageView: "bf-result-view",
		viewTitle: "You are likely not eligible for benefits",
		viewState: "bf-eligible-view-zero-benefits"
	}
}

• click See all benefits

expected:

• console.log(window.dataLayer)

{
	event: "bf_page_change",
	bfData: {
		pageView: "bf-result-view",
		viewTitle: "You are likely not eligible for benefits",
		viewState: "bf-not-eligible-view-zero-benefits"
	}
}

• return back to start of form, for all radio inputs, select YES ( this ensures eligible benefits view)
• confirm eligible benefits view

expected

• console.log(window.dataLayer)

{
	event: "bf_page_change",
	bfData: {
		pageView: "bf-result-view",
		viewTitle: "Your potential benefits",
		viewState: "bf-eligible-view"
	}
}

• click "See benefits you did not qualify for"

expected:

• console.log(window.dataLayer)

{
	event: "bf_page_change",
	bfData: {
		pageView: "bf-result-view",
		viewTitle: "Benefits you did not qualify for",
		viewState: "bf-not-eligible-view"
	}
}

Data Analytics Improvements

Structure Data Layer Values #1482
Create a unique data layer value for the modal #1478
bf_page_change fires multiple times on inital page load #1468
Update pageView data layer variable to differentiate between form pages and eligible and ineligible benefits #1477

User Testing

• navigate to /death
• apply values to all required fields
• for all radio inputs, select NO ( this ensures no benefits view)
• console.log(window.dataLayer)

you should end up with an array of objects that follow this format

[
    {
        "nodeID": "1984",
        "contentType": "basic_page",
        "language": "en",
        "homepageTest": "not_homepage",
        "basicPagesubType": "Navigation Page"
    },
    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-intro",
            "viewTitle": "Benefit finder: death of a loved one"
        }
    },
    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-form-1",
            "viewTitle": "About the applicant"
        }
    },
    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-form-2",
            "viewTitle": "About the deceased"
        }
    },
    {
        "event": "bf_modal_open",
        "bfData": {
            "modalOpen": true
        }
    },
    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-verify-selections",
            "viewTitle": "Review and confirm"
        }
    },
    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-result-view",
            "viewTitle": "You are likely not eligible for benefits",
            "viewState": "bf-eligible-view-zero-benefits"
        }
    },
    {
        "event": "bf_count",
        "bfData": {
            "eligible": 0,
            "moreInfo": 0,
            "notEligible": 30
        }
    },
    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-result-view",
            "viewTitle": "You are likely not eligible for benefits",
            "viewState": "bf-not-eligible-view-zero-benefits"
        }
    }
]

• confirm that our bf_page_change event is bf-eligible-view-zero-benefits

    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-result-view",
            "viewTitle": "You are likely not eligible for benefits",
            "viewState": "bf-eligible-view-zero-benefits"
        }
    },

• confirm that in the count we have 0 eligible benefits

    {
        "event": "bf_count",
        "bfData": {
            "eligible": 0,
            "moreInfo": 0,
            "notEligible": 30
        }
    },

• confirm inital load dataLayer object that comes from USAGov node

// Initial load from USAGov node page

    {
        "nodeID": "1984",
        "contentType": "basic_page",
        "language": "en",
        "homepageTest": "not_homepage",
        "basicPagesubType": "Navigation Page"
    },

// Initial load from BF application intro view

• To test for bf_page_change fires multiple times on inital page load #1468 , please confirm here that only (1)"event": "bf_page_change" event has fired at this location in the array

    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-intro",
            "viewTitle": "Benefit finder: death of a loved one"
        }
    },

// incrementing steps values as pageView numerics in the dataLayer

• To test for Update pageView data layer variable to differentiate between form pages #1477 , we should confirm that each step has incremented in the "pageView": "bf-form-{step}" value, in this case we have two steps in the form

    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-form-1",
            "viewTitle": "About the applicant"
        }
    },
    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-form-2",
            "viewTitle": "About the deceased"
        }
    },

• To test Create a unique data layer value for the modal  #1478, we should only see the "event": "bf_modal_open", has been pushed by itself, we should not have additional pushes of "event": "bf_page_change" with the value of "pageView": "bf-form-2" having been pushed again

    {
        "event": "bf_modal_open",
        "bfData": {
            "modalOpen": true
        }
    },

• navigate back to the beginning of the form by pressing the back link at the top of each view

• for all radio inputs, select YES ( this ensures an eligible benefits view)
• console.log(window.dataLayer)

you should end up with additional objects in the array that follow this format

[
  ...
    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-form-2",
            "viewTitle": "About the deceased"
        }
    },
    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-form-1",
            "viewTitle": "About the applicant"
        }
    },
    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-form-2",
            "viewTitle": "About the deceased"
        }
    },
    {
        "event": "bf_modal_open",
        "bfData": {
            "modalOpen": true
        }
    },
    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-verify-selections",
            "viewTitle": "Review and confirm"
        }
    },
    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-result-view",
            "viewTitle": "Your potential benefits",
            "viewState": "bf-eligible-view"
        }
    },
    {
        "event": "bf_count",
        "bfData": {
            "eligible": 5,
            "moreInfo": 11,
            "notEligible": 14
        }
    },
    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-result-view",
            "viewTitle": "Benefits you did not qualify for",
            "viewState": "bf-not-eligible-view"
        }
    }
]

• confirm that our bf_page_change event is bf-eligible-view

    {
        "event": "bf_page_change",
        "bfData": {
            "pageView": "bf-result-view",
            "viewTitle": "Your potential benefits",
            "viewState": "bf-eligible-view"
        }
    },

• confirm that in the count we have eligible benefits

    {
        "event": "bf_count",
        "bfData": {
            "eligible": 5,
            "moreInfo": 11,
            "notEligible": 14
        }
    },

Add data layer value to track benefit accordion open #1466

• navigate to /death
• complete required fields
• answer YES to all radio fields
• in the results CLICK a benefit accordion
• in the open accordion click the button as a link, this should take you to an external site
• return to the application and console.log(window.dataLayer)
• confirm that the benefit you clicked is open and an"event": "bf_benefit_link", is in the dataLayer array that includes its title value

[
  ...
    {
        "event": "bf_benefit_link",
        "bfData": {
            "benefitTitle": "COVID-19 funeral assistance"
        }
    }
  ...
]

Create data layer event to track benefit link click #1467

• navigate to /death
• complete required fields
• answer YES to all radio fields
• in the results CLICK a benefit accordion
• console.log(window.dataLayer)
• confirm that the benefit you clicked is open and an"event": "bf_benefit_click", is in the dataLayer array that includes its title value

[
   ...
    {
        "event": "bf_benefit_click",
        "bfData": {
            "benefitTitle": "COVID-19 funeral assistance"
        }
    },
]

• CLICK the same benefit accordion to close it

• console.log(window.dataLayer)

• confirm that the benefit you clicked is closed and no new "event": "bf_benefit_click", is in the dataLayer array

• CLICK the same benefit accordion to open it, and CLICK a secondary benefit to also open

• console.log(window.dataLayer)

• confirm that the two (2) benefit you clicked are open and an "event": "bf_benefit_click", is in the dataLayer array that includes its title value

a11y improvements

a11y | Fonts are not scaling on magnification #1452

Chrome: Open Settings or Preferences and change the font size to Very large or Very small.

Previous
Example at "Very Large"

Expected

Custom Module Improvements

Disable auto json file generation in multi-content action #1338

To test in local development site or in dev site.

• pull changes locally
• make local development site up at http://localhost
• navigate to admin/content?combine=&type=bears_criteria&status=All&langcode=All
• select several criteria
• select "Publish content" in action list

• click "Apply to selected items" button
• verify that the system not generating json files
• verify that the system displays warning message