Technical Test

Gutenberg Sidebar (Pedestrian)

Summary

The purpose of this exercise is for us to get a sense of how you would approach designing and implementing a simple WordPress integration before the next interview. We’re avoiding tricky algorithmic tests in favor of something that shows us how you approach problems and organise a codebase, via some of our actual product requirements.

There is no time limit for this test, but we expect most applicants to complete the requirements in roughly 3-4 hours.

If you make any assumptions about requirements, or use any online resources to solve a problem, please make note of these in your code comments.

Your solution will be evaluated internally by your potential co-workers. You should expect a response from us within two business days.

User story

As an editor or journalist
I can access advertising features in a single location
So I can easily find all advertising-related settings

Acceptance criteria

1. In the Gutenberg/Block Editor, a new custom panel is visible in the sidebar for the standard “post” type
2. The custom panel title is “Advertising Settings”
3. Three fields appear in the custom panel, their requirements are outlined below
4. These fields should be disabled while post is being saved/updated/published

Field 1: Advertisements

• Label: “Advertisements”
• Type: Toggle control
• Default: On

Field 2: Commercial content type

• Label: “Commercial content type”
• Type: Radio control
• Options: “None”, “Sponsored content”, “Partnered content” and “Brought to you by”
• Default: “None”

Field 3: Advertiser name

• Label: “Advertiser name”
• Type: Text control
• Visibility: The advertiser name field is hidden while “None” is the selected commercial content type

Bonus

The following tasks are not required, but nice to have:

• Test WordPress environment to be hosted and publicly accessible (with username/password)
• Local environment is ideally run via Docker
• Frontend code is ideally Typescript
• Code has unit and/or functional tests

Deliverables

All acceptance criteria should be met (to the best of your ability and time available). A link to your repo should be sent to: jp.maccormick@pedestriangroup.com.au