diff --git a/test/fixtures/use-directory-name/.babelrc b/test/fixtures/use-directory-name/.babelrc
new file mode 100644
index 0000000..3921aea
--- /dev/null
+++ b/test/fixtures/use-directory-name/.babelrc
@@ -0,0 +1,12 @@
+{
+  "plugins": [
+    [
+      "../../../src",
+      {
+        "meaninglessFileNames": ["code"],
+        "transpileTemplateLiterals": false,
+        "ssr": true
+      }
+    ]
+  ]
+}
diff --git a/test/fixtures/use-directory-name/code.js b/test/fixtures/use-directory-name/code.js
new file mode 100644
index 0000000..e656c5d
--- /dev/null
+++ b/test/fixtures/use-directory-name/code.js
@@ -0,0 +1,6 @@
+import styled from "styled-components";
+
+const Test = styled.div`color: red;`;
+const before = styled.div`color: blue;`;
+styled.div``;
+export default styled.button``;
diff --git a/test/fixtures/use-directory-name/output.js b/test/fixtures/use-directory-name/output.js
new file mode 100644
index 0000000..f1b7488
--- /dev/null
+++ b/test/fixtures/use-directory-name/output.js
@@ -0,0 +1,17 @@
+import styled from "styled-components";
+const Test = styled.div.withConfig({
+  displayName: "use-directory-name__Test",
+  componentId: "sc-193y009-0"
+})`color:red;`;
+const before = styled.div.withConfig({
+  displayName: "use-directory-name__before",
+  componentId: "sc-193y009-1"
+})`color:blue;`;
+styled.div.withConfig({
+  displayName: "use-directory-name",
+  componentId: "sc-193y009-2"
+})``;
+export default styled.button.withConfig({
+  displayName: "use-directory-name",
+  componentId: "sc-193y009-3"
+})``;