@@ -158,6 +158,7 @@ def test_compile_stylesheets(tmp_path: Path, mocker: MockerFixture):
158158 / "styles"
159159 / (PageNames .STYLESHEET_ROOT + ".css" )
160160 ),
161+ "@import url('./__reflex_style_reset.css'); \n "
161162 "@import url('@radix-ui/themes/styles.css'); \n "
162163 "@import url('https://fonts.googleapis.com/css?family=Sofia&effect=neon|outline|emboss|shadow-multiple'); \n "
163164 "@import url('https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css'); \n "
@@ -218,6 +219,7 @@ def test_compile_stylesheets_scss_sass(tmp_path: Path, mocker: MockerFixture):
218219 / "styles"
219220 / (PageNames .STYLESHEET_ROOT + ".css" )
220221 ),
222+ "@import url('./__reflex_style_reset.css'); \n "
221223 "@import url('@radix-ui/themes/styles.css'); \n "
222224 "@import url('./style.css'); \n "
223225 f"@import url('./{ Path ('preprocess' ) / Path ('styles_a.css' )!s} '); \n "
@@ -236,6 +238,7 @@ def test_compile_stylesheets_scss_sass(tmp_path: Path, mocker: MockerFixture):
236238 / "styles"
237239 / (PageNames .STYLESHEET_ROOT + ".css" )
238240 ),
241+ "@import url('./__reflex_style_reset.css'); \n "
239242 "@import url('@radix-ui/themes/styles.css'); \n "
240243 "@import url('./style.css'); \n "
241244 f"@import url('./{ Path ('preprocess' ) / Path ('styles_a.css' )!s} '); \n "
@@ -282,6 +285,45 @@ def test_compile_stylesheets_exclude_tailwind(tmp_path, mocker: MockerFixture):
282285
283286 assert compiler .compile_root_stylesheet (stylesheets ) == (
284287 str (Path (".web" ) / "styles" / (PageNames .STYLESHEET_ROOT + ".css" )),
288+ "@import url('./__reflex_style_reset.css'); \n @import url('@radix-ui/themes/styles.css'); \n @import url('./style.css'); \n " ,
289+ )
290+
291+
292+ def test_compile_stylesheets_no_reset (tmp_path : Path , mocker : MockerFixture ):
293+ """Test that stylesheets compile correctly without reset styles.
294+
295+ Args:
296+ tmp_path: The test directory.
297+ mocker: Pytest mocker object.
298+ """
299+ project = tmp_path / "test_project"
300+ project .mkdir ()
301+
302+ assets_dir = project / "assets"
303+ assets_dir .mkdir ()
304+
305+ (assets_dir / "style.css" ).write_text (
306+ "button.rt-Button {\n \t border-radius:unset !important;\n }"
307+ )
308+ mocker .patch ("reflex.compiler.compiler.Path.cwd" , return_value = project )
309+ mocker .patch (
310+ "reflex.compiler.compiler.get_web_dir" ,
311+ return_value = project / constants .Dirs .WEB ,
312+ )
313+ mocker .patch (
314+ "reflex.compiler.utils.get_web_dir" , return_value = project / constants .Dirs .WEB
315+ )
316+
317+ stylesheets = ["/style.css" ]
318+
319+ # Test with reset_style=False
320+ assert compiler .compile_root_stylesheet (stylesheets , reset_style = False ) == (
321+ str (
322+ project
323+ / constants .Dirs .WEB
324+ / "styles"
325+ / (PageNames .STYLESHEET_ROOT + ".css" )
326+ ),
285327 "@import url('@radix-ui/themes/styles.css'); \n @import url('./style.css'); \n " ,
286328 )
287329
0 commit comments