From a4997a5fbc65913b55f2215eb3b868693bd76c51 Mon Sep 17 00:00:00 2001 From: Adam Mathes Date: Sat, 14 Feb 2026 10:03:35 -0800 Subject: test: increase frontend coverage for Settings and improve FeedItem css --- frontend/coverage/src/components/Settings.css.html | 453 ++++++++++++++++----- 1 file changed, 345 insertions(+), 108 deletions(-) (limited to 'frontend/coverage/src/components/Settings.css.html') diff --git a/frontend/coverage/src/components/Settings.css.html b/frontend/coverage/src/components/Settings.css.html index 6a1155e..28a1915 100644 --- a/frontend/coverage/src/components/Settings.css.html +++ b/frontend/coverage/src/components/Settings.css.html @@ -1,64 +1,68 @@ + - + + Code coverage report for src/components/Settings.css - - - - -
-
-

- All files / - src/components Settings.css -

-
-
- 0% - Statements - 0/0 -
- -
- 0% - Branches - 0/0 -
- -
- 0% - Functions - 0/0 -
- -
- 0% - Lines - 0/0 -
+ + + +
+
+

All files / src/components Settings.css

+
+ +
+ 0% + Statements + 0/0 +
+ + +
+ 0% + Branches + 0/0 +
+ + +
+ 0% + Functions + 0/0 +
+ + +
+ 0% + Lines + 0/0 +
+ +

- Press n or j to go to the next uncovered block, b, - p or k for the previous block. + Press n or j to go to the next uncovered block, b, p or k for the previous block.

-
-
- 

+    
+    

+    

 
1
 2
 3
@@ -141,7 +145,163 @@
 80
 81
 82
-83 
+83
+84
+85
+86
+87
+88
+89
+90
+91
+92
+93
+94
+95
+96
+97
+98
+99
+100
+101
+102
+103
+104
+105
+106
+107
+108
+109
+110
+111
+112
+113
+114
+115
+116
+117
+118
+119
+120
+121
+122
+123
+124
+125
+126
+127
+128
+129
+130
+131
+132
+133
+134
+135
+136
+137
+138
+139
+140
+141
+142
+143
+144
+145
+146
+147
+148
+149
+150
+151
+152
+153
+154
+155
+156
+157
+158
+159
+160
+161 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
  
  
  
@@ -224,105 +384,182 @@
  
  
  
.settings-page {
-    padding: 2rem;
-    max-width: 800px;
-    margin: 0 auto;
+  padding: 2rem;
+  max-width: 800px;
+  margin: 0 auto;
 }
  
 .add-feed-section {
-    background: #f9f9f9;
-    padding: 1.5rem;
-    border-radius: 8px;
-    margin-bottom: 2rem;
-    border: 1px solid #eee;
+  background: var(--sidebar-bg);
+  padding: 1.5rem;
+  border-radius: 8px;
+  margin-bottom: 2rem;
+  border: 1px solid var(--border-color);
 }
  
 .add-feed-form {
-    display: flex;
-    gap: 1rem;
+  display: flex;
+  gap: 1rem;
 }
  
 .feed-input {
-    flex: 1;
-    padding: 0.5rem;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    font-size: 1rem;
+  flex: 1;
+  padding: 0.5rem;
+  border: 1px solid var(--border-color);
+  background: var(--bg-color);
+  color: var(--text-color);
+  border-radius: 4px;
+  font-size: 1rem;
 }
  
 .error-message {
-    color: #d32f2f;
-    margin-top: 1rem;
+  color: #d32f2f;
+  margin-top: 1rem;
 }
  
 .settings-feed-list {
-    list-style: none;
-    padding: 0;
-    border: 1px solid #eee;
-    border-radius: 8px;
+  list-style: none;
+  padding: 0;
+  border: 1px solid var(--border-color);
+  border-radius: 8px;
 }
  
 .settings-feed-item {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 1rem;
-    border-bottom: 1px solid #eee;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem;
+  border-bottom: 1px solid var(--border-color);
 }
  
 .settings-feed-item:last-child {
-    border-bottom: none;
+  border-bottom: none;
 }
  
 .feed-info {
-    display: flex;
-    flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
  
 .feed-title {
-    font-weight: bold;
-    font-size: 1.1rem;
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  font-weight: bold;
+  font-size: 1.1rem;
 }
  
 .feed-url {
-    color: #666;
-    font-size: 0.9rem;
+  color: var(--text-color);
+  opacity: 0.6;
+  font-size: 0.9rem;
 }
  
 .delete-btn {
-    background: #ff5252;
-    color: white;
-    border: none;
-    padding: 0.5rem 1rem;
-    border-radius: 4px;
-    cursor: pointer;
+  background: #ff5252;
+  color: white;
+  border: none;
+  padding: 0.5rem 1rem;
+  border-radius: 4px;
+  cursor: pointer;
 }
  
 .delete-btn:hover {
-    background: #ff1744;
+  background: #ff1744;
 }
  
 .delete-btn:disabled {
-    background: #ffcdd2;
-    cursor: not-allowed;
+  background: #ffcdd2;
+  cursor: not-allowed;
+}
+ 
+.import-export-section {
+  display: flex;
+  gap: 2rem;
+  margin-bottom: 2rem;
+}
+ 
+@media (max-width: 600px) {
+  .import-export-section {
+    flex-direction: column;
+  }
+}
+ 
+.import-section,
+.export-section {
+  flex: 1;
+  background: var(--sidebar-bg);
+  padding: 1.5rem;
+  border-radius: 8px;
+  border: 1px solid var(--border-color);
+}
+ 
+.import-form {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+ 
+.file-input {
+  font-size: 0.9rem;
+  max-width: 100%;
+}
+ 
+.export-buttons {
+  display: flex;
+  gap: 1rem;
+  flex-wrap: wrap;
+}
+ 
+.export-btn {
+  display: inline-block;
+  padding: 0.5rem 1rem;
+  background: var(--bg-color);
+  color: var(--link-color);
+  text-decoration: none;
+  border: 1px solid var(--border-color);
+  border-radius: 4px;
+  font-weight: bold;
+  text-align: center;
+  min-width: 70px;
+}
+ 
+.export-btn:hover {
+  background: var(--sidebar-bg);
+}
+ 
+button {
+  cursor: pointer;
+  padding: 0.5rem 1rem;
+  border-radius: 4px;
+  border: 1px solid var(--border-color);
+  background: var(--bg-color);
+  color: var(--text-color);
+  font-weight: bold;
+}
+ 
+button:hover:not(:disabled) {
+  background: var(--sidebar-bg);
+}
+ 
+button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
 }

 
-      

-      
-    

-    
-    

-      Code coverage generated by
-      istanbul
-      at 2026-02-13T21:49:58.924Z
-    

-    
-    
-    
-    
-  
+                

+            

+            

+                Code coverage generated by
+                istanbul
+                at 2026-02-14T18:02:09.004Z
+            

+        
+        
+        
+        
+    
 
+    
\ No newline at end of file
-- 
cgit v1.2.3