Extension Feature Testing

[lamngockhuong]

Test Table

Feature	Status	Notes
Wide Layout	✅ Working	Expands sidebar
Wide Content	🧪 Testing	Tables & images
Zen Mode	✅ Working	Distraction-free
GIF Picker	✅ Working	Tenor integration

Another Table (wider)

Column 1	Column 2	Column 3	Column 4	Column 5	Column 6	Column 7	Column 8
Data A1	Data B1	Data C1	Data D1	Data E1	Data F1	Data G1	Data H1
Data A2	Data B2	Data C2	Data D2	Data E2	Data F2	Data G2	Data H2
Data A3	Data B3	Data C3	Data D3	Data E3	Data F3	Data G3	Data H3

Test Image

---

This issue is for testing the GitHub Flex extension's Wide Content feature.

[lamngockhuong]

Extended Test Cases

Table with 12 Columns (Very Wide)

ID	Name	Email	Phone	Address	City	Country	Status	Created	Updated	Category	Notes
1	John Doe	john@example.com	+1-555-0100	123 Main St	New York	USA	Active	2024-01-15	2024-03-20	Premium	VIP customer
2	Jane Smith	jane@example.com	+1-555-0101	456 Oak Ave	Los Angeles	USA	Pending	2024-02-01	2024-03-18	Standard	New signup
3	Bob Wilson	bob@example.com	+44-20-1234	789 High St	London	UK	Inactive	2023-11-10	2024-01-05	Basic	Expired plan

Table with Mixed Markdown Formatting

Feature	Description	Code Example	Status
Bold Text	Makes text bold	**text**	✅
Italic Text	Makes text italic	*text*	✅
Strikethrough	Strikes through text	~~text~~	✅
Inline Code	Shows code inline	`code`	✅
Links	Creates clickable links	[text](url)	✅
Emoji 🎉	Adds emojis 🚀 ⭐ 💯	:emoji:	✅

Table with Long Content

Component	Purpose	Implementation Details
Content Script	Injected into GitHub pages to modify DOM and add features	Uses MutationObserver to detect changes, injects CSS for styling, handles user interactions via event listeners
Service Worker	Handles background tasks and extension lifecycle events	Processes install/update events, manages extension state, communicates with content scripts via messaging API
Popup UI	Provides settings interface for users to configure features	React-like toggle switches, persists settings to browser.storage.sync, real-time feature toggling

Table with Numbers and Alignment

Metric	Q1 2024	Q2 2024	Q3 2024	Q4 2024	Total
Downloads	1,234	2,456	3,789	5,012	12,491
Active Users	890	1,567	2,890	4,123	9,470
Bug Reports	23	18	12	8	61
Features Added	5	7	4	6	22

Table with Code Blocks

Language	Hello World	File Extension
JavaScript	console.log("Hello, World!");	.js
Python	print("Hello, World!")	.py
Rust	println!("Hello, World!");	.rs
Go	fmt.Println("Hello, World!")	.go

Nested Lists in Description

The following features are available:

• Layout Features
  • Wide Layout - Expands content area
  • Zen Mode - Hides distractions
    • Sidebar hidden
    • Header minimized
• Media Features
  • GIF Picker - Insert GIFs via Tenor
  • Image Lightbox - Click to enlarge images

Blockquote

This is a blockquote that might affect table rendering.

Nested Table	Value
Item 1	100
Item 2	200

Horizontal Rule Test

---

Multiple Images (Different Sizes)

Image Type	Preview
Small Icon
Logo

Task List Table

Task	Owner	Done
[ ] Implement feature A	@dev1	⬜
[x] Fix bug #123	@Dev2	✅
[ ] Write documentation	@Dev3	⬜
[x] Add unit tests	@dev1	✅

---

More test cases for Wide Content feature verification

[lamngockhuong]

Screen Specification Test Cases

Login Screen Specification (19 Columns)

No	Item Name	Name JP	Name EN	Item Type	User Action	Destination	Transition Note	Data Type	Required	Format	Max Length	Min Length	Default	Validation Note	DB Table	DB Column	DB Note	Description
1	txtEmail	メールアドレス	Email Address	TextBox	Input	-	-	String	○	email	255	5	-	RFC 5322 format	m_users	email	UNIQUE INDEX	User login email
2	txtPassword	パスワード	Password	Password	Input	-	-	String	○	-	128	8	-	Must contain uppercase, lowercase, number	m_users	password_hash	BCrypt hashed	User password
3	chkRemember	ログイン状態を保持	Remember Me	Checkbox	Click	-	-	Boolean	-	-	-	-	false	-	m_sessions	remember_token	JWT token	Keep user logged in
4	btnLogin	ログイン	Login	Button	Click	Dashboard	Success only	-	-	-	-	-	-	Validate all fields before submit	-	-	-	Submit login form
5	lnkForgot	パスワードを忘れた	Forgot Password	Link	Click	Password Reset	Always	-	-	-	-	-	-	-	-	-	-	Navigate to reset
6	lnkRegister	新規登録	Register	Link	Click	Registration	Always	-	-	-	-	-	-	-	-	-	-	Navigate to signup
7	lblError	エラーメッセージ	Error Message	Label	Display	-	-	String	-	-	500	-	-	Shows validation errors	-	-	-	Error display area
8	imgLogo	ロゴ	Logo	Image	-	-	-	-	-	PNG/SVG	200x50	-	logo.svg	-	-	-	-	Company logo

User Registration Screen Specification (19 Columns)

No	Item Name	Name JP	Name EN	Item Type	User Action	Destination	Transition Note	Data Type	Required	Format	Max Length	Min Length	Default	Validation Note	DB Table	DB Column	DB Note	Description
1	txtFirstName	名	First Name	TextBox	Input	-	-	String	○	-	50	1	-	Letters, spaces, hyphens only	m_users	first_name	NOT NULL	User first name
2	txtLastName	姓	Last Name	TextBox	Input	-	-	String	○	-	50	1	-	Letters, spaces, hyphens only	m_users	last_name	NOT NULL	User last name
3	txtEmail	メールアドレス	Email Address	TextBox	Input	-	-	String	○	email	255	5	-	Must be unique in system	m_users	email	UNIQUE	User email
4	txtPhone	電話番号	Phone Number	TextBox	Input	-	-	String	-	phone	20	10	-	E.164 format recommended	m_users	phone	INDEX	Contact number
5	txtPassword	パスワード	Password	Password	Input	-	-	String	○	-	128	8	-	Complexity: upper, lower, digit, special	m_users	password_hash	BCrypt	Account password
6	txtConfirm	パスワード確認	Confirm Password	Password	Input	-	-	String	○	-	128	8	-	Must match password field	-	-	-	Password confirmation
7	selCountry	国	Country	Select	Select	-	-	String	○	ISO 3166-1	2	2	JP	Country code dropdown	m_users	country_code	FK to m_countries	User country
8	txtBirthdate	生年月日	Date of Birth	DatePicker	Select	-	-	Date	-	YYYY-MM-DD	-	-	-	Must be 18+ years old	m_users	birthdate	DATE	User birthdate
9	radGender	性別	Gender	Radio	Select	-	-	String	-	M/F/O	1	1	-	Male, Female, Other	m_users	gender	CHAR(1)	User gender
10	chkTerms	利用規約に同意	Agree to Terms	Checkbox	Click	-	-	Boolean	○	-	-	-	false	Must be checked to register	m_users	terms_accepted_at	TIMESTAMP	Terms acceptance
11	chkNewsletter	ニュースレター	Newsletter	Checkbox	Click	-	-	Boolean	-	-	-	-	false	Optional subscription	m_users	newsletter_opt_in	BOOLEAN	Marketing consent
12	btnRegister	登録	Register	Button	Click	Email Verify	Success only	-	-	-	-	-	-	Creates account, sends verification	-	-	-	Submit registration
13	btnCancel	キャンセル	Cancel	Button	Click	Home	Always	-	-	-	-	-	-	Discard form data	-	-	-	Cancel registration
14	lblStrength	パスワード強度	Password Strength	Label	Display	-	-	String	-	-	-	-	-	Weak/Medium/Strong indicator	-	-	-	Visual feedback

API Endpoint Specification (15 Columns)

No	Endpoint	Method	Auth	Rate Limit	Request Content-Type	Response Content-Type	Request Body	Response Body	Success Code	Error Codes	Cache	Timeout	Retry	Description
1	/api/v1/auth/login	POST	None	5/min	application/json	application/json	{email, password}	{token, user, expires_at}	200	400, 401, 429	No	30s	No	User authentication
2	/api/v1/auth/logout	POST	Bearer	60/min	-	application/json	-	{success: true}	200	401	No	10s	No	Invalidate session
3	/api/v1/auth/refresh	POST	Bearer	10/min	application/json	application/json	{refresh_token}	{token, expires_at}	200	401, 403	No	15s	Yes	Refresh access token
4	/api/v1/users	GET	Bearer	100/min	-	application/json	-	{users[], total, page}	200	401, 403	5min	30s	Yes	List users (admin)
5	/api/v1/users/:id	GET	Bearer	100/min	-	application/json	-	{user}	200	401, 403, 404	1min	15s	Yes	Get user details
6	/api/v1/users/:id	PUT	Bearer	30/min	application/json	application/json	{first_name, last_name, ...}	{user}	200	400, 401, 403, 404	No	30s	No	Update user
7	/api/v1/users/:id	DELETE	Bearer	10/min	-	application/json	-	{success: true}	200	401, 403, 404	No	30s	No	Soft delete user
8	/api/v1/users/:id/avatar	POST	Bearer	5/min	multipart/form-data	application/json	FormData(file)	{avatar_url}	200	400, 401, 413	No	60s	No	Upload avatar (max 5MB)

Database Schema Specification (12 Columns)

No	Table Name	Column Name	Data Type	Length	Nullable	Default	Primary Key	Foreign Key	Index	Unique	Description
1	m_users	id	BIGINT	-	NO	AUTO_INCREMENT	○	-	PK	○	User ID
2	m_users	email	VARCHAR	255	NO	-	-	-	○	○	Login email
3	m_users	password_hash	VARCHAR	255	NO	-	-	-	-	-	BCrypt hash
4	m_users	first_name	VARCHAR	50	NO	-	-	-	-	-	First name
5	m_users	last_name	VARCHAR	50	NO	-	-	-	-	-	Last name
6	m_users	phone	VARCHAR	20	YES	NULL	-	-	○	-	Phone number
7	m_users	country_code	CHAR	2	NO	'JP'	-	m_countries(code)	○	-	Country
8	m_users	birthdate	DATE	-	YES	NULL	-	-	-	-	Birth date
9	m_users	gender	CHAR	1	YES	NULL	-	-	-	-	M/F/O
10	m_users	avatar_url	VARCHAR	500	YES	NULL	-	-	-	-	Profile image URL
11	m_users	status	TINYINT	-	NO	1	-	-	○	-	0=inactive, 1=active, 2=suspended
12	m_users	email_verified_at	TIMESTAMP	-	YES	NULL	-	-	-	-	Email verification time
13	m_users	terms_accepted_at	TIMESTAMP	-	YES	NULL	-	-	-	-	Terms acceptance time
14	m_users	created_at	TIMESTAMP	-	NO	CURRENT_TIMESTAMP	-	-	○	-	Record creation time
15	m_users	updated_at	TIMESTAMP	-	NO	CURRENT_TIMESTAMP ON UPDATE	-	-	-	-	Last update time
16	m_users	deleted_at	TIMESTAMP	-	YES	NULL	-	-	○	-	Soft delete time

---

Screen specification tables for Wide Content feature stress testing - 12 to 19 columns