The document outlines strategies for testing and debugging distributed web applications, emphasizing modularity, performance, and security. It covers the configuration and execution of test suites using tools like Jest and Playwright, along with CI/CD considerations for test management. The conclusion highlights the importance of controlling performance and reproducibility while addressing OS-specific requirements.

1. TestCon 2024-10-23
Dr. Florian Rappl

2. Florian Rappl
Solution Architect
Distributed Web Applications
Workshops and Reviews
https://smapiot.com
Platforms
Modularity
Performance
Debugging
Security
API Design

3. linkedin.com/in/florian-rappl/
CLI Utilities
Run in a terminal
Require stdin / stdout to work
Potentially require network access
Might read / write from disk
Access to other system resources

4. linkedin.com/in/florian-rappl/
Demo

5. linkedin.com/in/florian-rappl/
Challenges
Input / Output
Console Interaction
Serving Content
Server Interaction
Fragmentation
X-platform Coverage
Performance
Fast Test Exectution

6. linkedin.com/in/florian-rappl/
Using Temp Directories
Test Suite
Test 1 Test 2 Test 3
Temp
Dir 1
Temp
Dir 3
Temp
Dir 2

7. linkedin.com/in/florian-rappl/
Adding a FS Cache
Test Suite
Test 1 Test 2 Test 3
Temp
Dir 1
Temp
Dir 3
Temp
Dir 2
Template
Dir

8. linkedin.com/in/florian-rappl/
Serving Content
Test Suite
Test
Case
Svc 1
Res.
Mmgt
Svc 2
Port
Allocator

9. linkedin.com/in/florian-rappl/
Basic Setup
Jest
Test Runner
Playwright
Verify (Some) Results
TypeScript
High-Quality Codebase
Azure Pipelines
X-platform Testing

10. linkedin.com/in/florian-rappl/
Basic Setup
CI/CD
System
Run Tests
Publish
Results

11. linkedin.com/in/florian-rappl/
Import run
test wrapper
Parameters from
env. variables
Context ensures
conflict-free run

12. linkedin.com/in/florian-rappl/
Always async
and in context
Always relative
to temp. directory

13. linkedin.com/in/florian-rappl/
Demo

14. linkedin.com/in/florian-rappl/
CI Considerations
Matrix testing
Scheduled runs
Automatic notifications
Dynamic dependencies

15. linkedin.com/in/florian-rappl/
Useful matrix
entry names
Just variables
define them

16. linkedin.com/in/florian-rappl/
Results

17. linkedin.com/in/florian-rappl/
Results
Time to investigate

18. linkedin.com/in/florian-rappl/
Results

19. linkedin.com/in/florian-rappl/
Demo

20. linkedin.com/in/florian-rappl/

21. linkedin.com/in/florian-rappl/
Conclusion
Abstract wisely
Control everything you can control
Performance and reproducibility is key
Take care of OS specific needs

22. linkedin.com/in/florian-rappl/
smapiot
smapiot.com
github.com/smapiot
Florian Rappl
florian.rappl@smapiot.com
@FlorianRappl
Piral
piral.io
docs.piral.io
Get access to the most advanced
micro frontend discovery service