15 Checklist Points For Your TYPO3 Testing

Are you done with the TYPO3 development of your website and, Is your TYPO3 website ready to go-live? Congratulations! Wait, Before you launch, Do you know, What is DoD - Definition of Done? Before you are going to launch your TYPO3 site, You should consider DoD with QC (Quality Checklist) and QA (Quality Assurance) TYPO3 testing of your website.

15 Checklist Points For Your TYPO3 Testing

Are you done with the TYPO3 development of your website and, Is your TYPO3 website ready to go-live? Congratulations! Wait, Before you launch, Do you know, What is DoD - Definition of Done? Before you are going to launch your TYPO3 site, You should consider DoD with QC (Quality Checklist) and QA (Quality Assurance) TYPO3 testing of your website.

In our one-decade TYPO3 development experience, Many of our customers are facing quality issues with TYPO3 agencies that do not follow DoD. What are the best practices to get a green-signal to make live your TYPO3 website? So, when your website is live, you can enjoy your great time with your friends & family :) Team T3Planet is developing and maintaining many TYPO3 extensions and TYPO3 templates, and It’s our sole responsibility to keep maintain quality for our customer’s satisfaction.

At our production team, we have prepared a strong checklist at every division like for Frontend development, TYPO3 template integration, TYPO3 extension development, etc., And, at the end our TYPO3 QA testing team also take care of well maintenance and deployment of the end-product.

Here, we want to share a detailed list of the TYPO3 testing checklist which is used in our day-to-day life cycle in TYPO3 product development.

Imagine, you have three servers local, staging and production server, there are chances where your production server might be not compatible with your TYPO3 version. Eg., PHP version.

It’s always a good practice to check out all TYPO3 version compatibility between your TYPO3 CMS and server. You can use one of our small PHP-script ns_typo3_compatibility to easily check.

To maintain your TYPO3 website for hesitate-free and smooth deployment, We suggest you set up automatic deployment system.

It would be nice to have a deployment system to deploy your changes from a testing server to a live-server.

Based on your needs, You can define a number of stages for your deployment. We always set up the minimum following steps for the TYPO3 website development.

  • Local Server Where Frontend & TYPO3 developers complete their code.
  • Staging System, Where QA testing team checkout the whole TYPO3 website, Also customers get a chance to have test-driven as well as approval to make any particular changes to live.
  • Production System, It’s Go-live your website.

Your TYPO3 website should be well-tested with all popular browsers.

  1. Google Chrome
  2. Firefox
  3. Internet Explorer
  4. Edge
  5. Safari

To save time and productive testing, You can consider one of the popular online tool BrowserStack.

One thing, As there are multiple versions available in each browser, You can make sure that your TYPO3 website works well at the last two versions of each browser.

To give the best experience to your customers, Your TYPO3 website should work perfectly at all popular devices as follows.

  • iPhone
  • iPad
  • Android
  • Windows Device

Cross-Platform Tools & Techniques

BliskTry the Blisk browser which is specially designed for developers and testers.
EmmetAre you tired of switching responsive views with F12? Emmet Re:view will help you to have test-drive of all responsive views at the same time.
Responsive ToolIt’s a similar tool like Emmet Re:view, Try it.

It’s very important that your end-result TYPO3 website should be 1:1 of your design which has been prepared by your UI/UX graphics designer.

Many of our customers are requesting to have the following special cares, we always happy to take care.

  • Pixel perfect 1:1 design match
  • Strictly following of style guide throughout the website
  • Perfect matching of alignment and spacing
  • etc.,

Design Testing Tools & Techniques

Perfect PixelDo you want pixel perfect design testing? It’s an awesome tool.
RulerA simple tool for measuring arbitrary parts of a page.
Dimension DisplayThis extension displays the inner width and inner height of the screen
CSS ViewerA simple CSS property viewer.
Magnifying GlassMagnifying Glass lets you easily magnify a small portion of the page with a click of a button.
Web DeveloperThe Web Developer extension adds various web developer tools to a browser.
ColorPickColor Pick is an Amazing Eye Dropper that allows precise selection of color values through its one-of-a-kind zoomed preview!

Who knows what will happen tomorrow? Maybe your server may crash, or maybe your server may get hacked, delete files as human-errors and so on. Make sure to have regular TYPO3 backup and restore the system.

You may consider having common following best-practice to have TYPO3 backup.

  • Should have a daily backup of your TYPO3 database
  • Should have a weekly or monthly backup of your TYPO3 code
  • Should set up an automatic TYPO3 backup system instead of manual backup
  • Should perform maintenance with Git versioning
  • Should secure your backup server
  • Should do restore testing with your backup files
  • Should consider 3-2-1 backup policy
  • Should also take a backup of Email accounts

If your TYPO3 website has bigger functions like custom TYPO3 extensions or modules with shop, membership, payment integration etc. where the user will able to interact with real-time. Please consider having the following TYPO3 functional testing.

TYPO3 Functional Testing Types

  • Unit Testing
  • Integration Testing
  • System Testing
  • Sanity Testing
  • Interface Testing
  • Regression testing
  • Beta/Acceptance Testing

TYPO3 Non-functional Testing

  • Performance Testing
  • Load Testing
  • Volume Testing
  • Security Testing
  • Install Testing
  • Reliability Testing
  • Compliance Testing
  • Localization Testing

Functionality Testing Tools & Techniques

Dummy Form FillerOne-click to populate HTML forms with dummy data. Works out of the box.
Bug MagnetAdds common problematic values and edge cases to the context menu (right-click) for editable elements, so you can keep them handy and access them easily during exploratory testing sessions.
PostmanPostman is a collaboration platform for API development. Postman's features simplify each step of building an API and streamline collaboration so you can create better APIs—faster.
Hreflang Tag CheckerThe Hreflang Tag Checker is designed to automate the process of checking a site's hreflang tag deployment. The tool takes a readout of a URL's hreflang tags and then crawls them to assess if they back reference your current URL.
Magnifying GlassSelenium automates browsers. That's it! What you do with that power is entirely up to you.

In the Content Management System, Better backend usability is very important. You need to sure, how can make TYPO3 editor friendly so easily add/edit pages and content.

Because, The ultimately TYPO3 editors are the people who will interact with TYPO3 backend in their day-to-day life. Here are the few TYPO3 checklists, you should consider for your TYPO3 editor.

  • Should create special TYPO3 backend editor usergroup and user
  • Should hide all unnecessary backend module
  • Should easily create TYPO3 backend layout and frontend templates
  • Should be hesitate-free TYPO3 content elements
  • Should be able to configure TYPO3 core elements
  • Should easily handle custom-developed TYPO3 extensions
  • And so on.

Our all the Free & Premium TYPO3 templates are designed in a way where TYPO3 editor can easily manage their pages and content.

Source: https://miro.medium.com/max/686/1*_H1YMh8YMC_FMBjaa9cQVw.png

Your technical TYPO3 team should prepare a good TYPO3 code review system. At least you should consider following code review points.

  • Check code standards lint with PHP PSR-2, TypoScript, YAML, XLIFF
  • Check code standards with TYPO3 core
  • Check code indentation
  • Check code comments
  • Check code name conventions
  • Check code clean-up
  • Check code redundant
  • Check code localization
  • And so on.

Do you know?

TYPO3 is #1 Faster TYPO3 CMS?

Website’s Speed Matters! We have written a comprehensive blog on speed and performance at 45+ Ultimate Ways to Speed Up Your TYPO3 Performance

Website Speed Testing Tools & Techniques

PingdomPingdom Website Speed Test
Google Page Speed InsightPageSpeed Insights analyzes the content of a web page, then generates suggestions to make that page faster.
GTMetrixHow fast does your website load? Find out with GTmetrix and see how your site performs, reveal why it's slow and discover optimization opportunities.

SEO is very important for your TYPO3 website. You should consider to prepare a detailed checklist for TYPO3 SEO Testing, and make sure to implement it too.

Check out one of the most popular TYPO3 Blog 30 Ultimate TYPO3 SEO Tips & Techniques.

Website On-Page SEO Tools & Techniques

Check SEO Site CheckupSearch Engine Optimization Made Easy
Check SEO SpiderScreaming Frog SEO Spider
Check SEO AnalyzerSEO Analyzer If you’re struggling to get more visitors to your site, the answer might just lie in this FREE report!
Check GA CheckerCheck your entire site for missing Google Analytics or Google AdWords code with one click
Robots.txtrobots.txt viewer, I like to look into the robots.txt file on websites.
Sitemap.xmlJust enter your website URL to create a sitemap
W3C ValidatorW3C Validation of HTML and CSS
Broken Links CheckerHEADMasterSEO is a small desktop program (PC or Mac) that can quickly check URLs in bulk for status code, redirect details, response time, response headers and HTTP header fields
AMP ValidatorAutomatically checks each page for AMP validation. The AMP Validator will check the current page to see if it is an AMP page and then run it through the AMP validator and report if the page passes (green) or fails (red) via the extension icon
Twitter Card ValidatorCheck social-media share preview for Twitter
Facebook Sharing DebuggerCheck social-media share preview for Facebook
LinkedIn Post InspectorCheck social-media share preview for LinkedIn
Verify 404 Error pageCheck if 404 error page is configured in your website

Although, TYPO3 is the most secure OpenSource CMS, Let’s take care of security, Specially custom extensions.

Talk with your TYPO3 team to install and configure this strong TYPO3 security solution at How To Secure Your TYPO3 Sites From Hack Attempts?

One more thing, TYPO3 has great dedicated security team, Whenever you found security issue into TYPO3 core then connect with them at https://typo3.org/community/teams/security/

Here is the quick checklist to secure your TYPO3 website.

  • Keep your TYPO3 up-to-date with the latest major version
  • Always consider to immediately update security TYPO3 updates
  • Use secure passwords and update frequently
  • Invest in a Malware detector
  • Be careful about your permission at the server
  • Setup TYPO3 SSL
  • Reduce XSS vulnerabilities
  • Reduce SQL injection vulnerabilities

Website Security Testing Tools & Techniques

TYPO3 Secure WebThis is a composer package that uses typo3/cms-composer-installers that aims to create a web directory for TYPO3 which only contains the entry scripts and links to public assets. No configuration, no log files will be exposed anymore.

Usability testing is nothing but the User-friendliness check. In Usability Testing, the website flow is tested so that a new user can understand the application easily. Basically, website navigation is checked in Usability testing.

Types of Usability Testing Methods

  • Hallway Testing
  • Remote Usability Testing
  • Expert Review
  • Paper Prototype Testing
  • Questionnaires and Interviews
  • Do-it-Yourself Walkthrough
  • Automated Usability Evaluation

Tools & Techniques

HotjarHotjar is behavior analytics and user feedback service that helps you understand the behavior of your website users and get their feedback through tools such as heatmaps, session recordings, and surveys.
What Users DoWhatUserDeo platform helps you understand how your customers engage with your website or product
User ZoomActionable UX Insights for Better Digital Experiences
User TestingSee, hear and talk to your customers as they engage with your products, apps and messaging. Make better decisions. Build more customer-centric experiences.
Usability HubUsabilityHub is a remote user research platform that takes the guesswork out of design decisions by validating them with real users.

TYPO3 community started to work on TYPO3 GDPR compliance since starting. Make sure your TYPO3 website is well compatible with all standards of GDPR/DSGVO.

Check out our detailed TYPO3 blog on GDPR, and take action on your website from TYPO3 GDPR Essentials and Solutions.

Make sure your TYPO3’s health is well without any errors and warning, It will help TYPO3 to perform better.

Step 1. Go to System < Reports

Step 2. Choose Status Report to check out the whole TYPO3 system report

If you found any warning or errors, then contact your System Administrator or TYPO3 team to fix it.

Bonus!

Use the following tools & techniques to create screenshots and videos during your website’s testing.

LightshotThe fastest way to take a customizable screenshot
Record ItFast screencasts video with Gif support
IceCream Screen RecordingIcecream Screen Recorder is an easy-to-use free screen recording software that enables you to record any area of your screen or save it as a screenshot.

I hope you have enjoyed and get testing knowledge.

So, Before you, go-live with your TYPO3 website always consider above 15 TYPO3 testing checklist which includes major points like security, backup, usability, functional, speed testing and much more.

Do you know any special TYPO3 website testing checklist? Please feel free to write your questions or suggestion to below comment box.

Have a Happy TYPO3 Testing :)

Do you need help to enhance your speed & performance?

  • Upto 90+ Google Page Speed Score
  • Advanced TYPO3 Speed Audit Report
  • 10 Support hours
TYPO3 Performance GIG
Performance

Post a Comment

×
Captcha Code Can't read the image? Click here to refresh
  • user
    Ralph Freud 2020-07-06 at 12:14 pm
    Superb list!! Thanks for the comprehensive list of web application testing check-list. I enjoy always reading every word. The best list so far.