planned out initial test statements

main.test.js

@@ -46,11 +46,21 @@ afterEach(() => {
 });
 
 describe(LEVELS.one, () => {
-  it('should have some property...', () => {});
+  it.todo(
+    'should contain the correct CSS variables and values at the root level of the CSS'
+  ); //can put the variable names and values in arrays and do the ollll' .forEach so I don't have to write an individual test for each!
+  it.todo('should use the CSS variables in the correct places in the CSS'); //again, can just .forEach over some arrays to cut down on repetition
 });
 describe(LEVELS.two, () => {
-  it('should have some property...', () => {});
+  it.todo(
+    'should have the value of main-text-size be 18px (without changing any of the places in the rest of the CSS)'
+  );
 });
 describe(LEVELS.three, () => {
-  it('should have some property...', () => {});
+  it.todo(
+    'should have a .dark-mode-theme class where the color variables are correctly changed to the dark mode theme colors'
+  );
+  it.todo(
+    'should have function hooked up to #dark-mode-button button that toggles the .dark-mode-theme class on and off'
+  );
 });